@charset "UTF-8";
/*!
 * Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-heading-color: ;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner a, .h6, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title, .tab-navigation-component .component-content a, .illustration-card-component .illustration-title, .exam-product-card-component .info .generic-info .lines .delivery-method, .class-product-card-component .info .generic-info .lines .method-and-schedule, h5, .search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title, .h5, .bullet-list-control-component .component-content .bullet-list-text-content .blc-container ul, .side-by-side .illustration-card-component .illustration-title, h4, .h4, .bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph, .spotlight .quote-card-component .quote-paragraph, .add-details-component .component-content .add-details-form .checkbox-step .checkbox-label, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4, .bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph, .spotlight .quote-card-component .quote-paragraph, .add-details-component .component-content .add-details-form .checkbox-step .checkbox-label {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4, .bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph, .spotlight .quote-card-component .quote-paragraph, .add-details-component .component-content .add-details-form .checkbox-step .checkbox-label {
    font-size: 1.5rem;
  }
}

h5, .search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title, .h5, .bullet-list-control-component .component-content .bullet-list-text-content .blc-container ul, .side-by-side .illustration-card-component .illustration-title {
  font-size: 1.25rem;
}

h6, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner a, .h6, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title, .tab-navigation-component .component-content a, .illustration-card-component .illustration-title, .exam-product-card-component .info .generic-info .lines .delivery-method, .class-product-card-component .info .generic-info .lines .method-and-schedule {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: rgba(var(--bs-body-color-rgb), 0.75);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 327px;
}

@media (min-width: 500px) {
  .container-lg, .container {
    max-width: 1222px;
  }
}
@media (min-width: 1920px) {
  .container-xl, .container-lg, .container {
    max-width: 1342px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.g-8,
.gx-8 {
  --bs-gutter-x: 8px;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 8px;
}

@media (min-width: 500px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-lg-0 {
    margin-left: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-lg-8,
.gx-lg-8 {
    --bs-gutter-x: 8px;
  }

  .g-lg-8,
.gy-lg-8 {
    --bs-gutter-y: 8px;
  }
}
@media (min-width: 1920px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xl-8,
.gx-xl-8 {
    --bs-gutter-x: 8px;
  }

  .g-xl-8,
.gy-xl-8 {
    --bs-gutter-y: 8px;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 499.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1919.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: rgba(var(--bs-body-color-rgb), 0.75);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.375rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check[disabled] + .footer-btn, .btn-check:disabled + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:disabled + .footer-btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn, .input-group .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .input-group .footer-btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus, .input-group .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .input-group .footer-btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .input-group-lg > .footer-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .input-group-sm > .footer-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn {
    transition: none;
  }
}
.btn:hover, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check:focus + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:focus + .footer-btn, .btn:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:focus {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:checked + .footer-btn, .btn-check:active + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:active + .footer-btn, .btn:active, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:active, .btn.active, .footer-component .content-wrapper .bottom-part .footer-content .left-content .active.footer-btn, .btn.show, .footer-component .content-wrapper .bottom-part .footer-content .left-content .show.footer-btn {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:checked + .footer-btn:focus, .btn-check:active + .btn:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-check:active + .footer-btn:focus, .btn:active:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:active:focus, .btn.active:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .active.footer-btn:focus, .btn.show:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .show.footer-btn:focus {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:disabled, .btn.disabled, .footer-component .content-wrapper .bottom-part .footer-content .left-content .disabled.footer-btn, fieldset:disabled .btn, fieldset:disabled .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content fieldset:disabled .footer-btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f9fafb;
  --bs-btn-hover-border-color: #f9fafb;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9fafb;
  --bs-btn-active-border-color: #f9fafb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1c1f23;
  --bs-btn-hover-border-color: #1a1e21;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a1e21;
  --bs-btn-active-border-color: #191c1f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  text-decoration: underline;
}
.btn-lg, .btn-group-lg > .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-lg > .footer-btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-sm > .footer-btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 500px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1920px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn,
.btn-group-vertical > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .btn-check:checked + .footer-btn,
.btn-group > .btn-check:focus + .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .btn-check:focus + .footer-btn,
.btn-group > .btn:hover,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:hover,
.btn-group > .btn:focus,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:focus,
.btn-group > .btn:active,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:active,
.btn-group > .btn.active,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .active.footer-btn,
.btn-group-vertical > .btn-check:checked + .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .btn-check:checked + .footer-btn,
.btn-group-vertical > .btn-check:focus + .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .btn-check:focus + .footer-btn,
.btn-group-vertical > .btn:hover,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn:hover,
.btn-group-vertical > .btn:focus,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn:focus,
.btn-group-vertical > .btn:active,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn:active,
.btn-group-vertical > .btn.active,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .active.footer-btn {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > .btn:not(:first-child), .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .dropdown-toggle-split.footer-btn:first-child,
.btn-group > .btn-group:not(:last-child) > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .btn-group:not(:last-child) > .footer-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3), .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .footer-btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > :not(.btn-check) + .footer-btn,
.btn-group > .btn-group:not(:first-child) > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group > .btn-group:not(:first-child) > .footer-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-sm > .footer-btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-lg > .footer-btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .btn-group:not(:last-child) > .footer-btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn ~ .btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .btn ~ .footer-btn, .footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .footer-btn ~ .footer-btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.footer-component .content-wrapper .bottom-part .footer-content .left-content .btn-group-vertical > .btn-group:not(:first-child) > .footer-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-lg,
.navbar > .container-xl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 500px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1920px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group {
  display: flex;
  flex-flow: row wrap;
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
.card-group > .card {
  flex: 1 0 0%;
  margin-bottom: 0;
}
.card-group > .card + .card {
  margin-left: 0;
  border-left: 0;
}
.card-group > .card:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
  border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
  border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
  border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
  border-bottom-left-radius: 0;
}

.accordion {
  --bs-accordion-color: #000;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge, .iic-tag {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius, 0);
}
.badge:empty, .iic-tag:empty {
  display: none;
}

.btn .badge, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn .badge, .btn .iic-tag, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn .iic-tag {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius, 0);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(var(--bs-list-group-border-width) * -1);
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(var(--bs-list-group-border-width) * -1);
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 500px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1920px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  position: absolute;
  z-index: 1090;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

.modal {
  --bs-modal-margin: 1.75rem;
  --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-dialog {
  max-width: var(--bs-modal-width);
  margin-right: auto;
  margin-left: auto;
}

.modal-sm {
  --bs-modal-width: 300px;
}

@media (min-width: 500px) {
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1920px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 499.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1919.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius, 0);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: var(--bs-heading-color);
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xl, .offcanvas-lg {
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 499.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 499.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 499.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (min-width: 500px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1919.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1919.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1919.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (min-width: 1920px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
  margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
  margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before, .footer-component .content-wrapper .bottom-part .footer-content .left-content .placeholder.footer-btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 500px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1920px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-8 {
  margin: 8px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-8 {
  margin-right: 8px !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-8 {
  margin-left: 8px !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-8 {
  padding: 8px !important;
}

.px-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pe-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.ps-8 {
  padding-left: 8px !important;
}

.gap-8 {
  gap: 8px !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), 0.75) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill, .iic-tag {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 500px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-8 {
    margin: 8px !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-8 {
    margin-top: 8px !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-8 {
    margin-right: 8px !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-8 {
    margin-bottom: 8px !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-8 {
    margin-left: 8px !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-8 {
    padding: 8px !important;
  }

  .px-lg-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .py-lg-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .pt-lg-8 {
    padding-top: 8px !important;
  }

  .pe-lg-8 {
    padding-right: 8px !important;
  }

  .pb-lg-8 {
    padding-bottom: 8px !important;
  }

  .ps-lg-8 {
    padding-left: 8px !important;
  }

  .gap-lg-8 {
    gap: 8px !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1920px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-8 {
    margin: 8px !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-8 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-8 {
    margin-top: 8px !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-8 {
    margin-right: 8px !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-8 {
    margin-bottom: 8px !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-8 {
    margin-left: 8px !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-8 {
    padding: 8px !important;
  }

  .px-xl-8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .py-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .pt-xl-8 {
    padding-top: 8px !important;
  }

  .pe-xl-8 {
    padding-right: 8px !important;
  }

  .pb-xl-8 {
    padding-bottom: 8px !important;
  }

  .ps-xl-8 {
    padding-left: 8px !important;
  }

  .gap-xl-8 {
    gap: 8px !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
body {
  --color-Primary-IIC-Blue: #002855;
  --color-Primary-Background: #FBFBF8;
  --color-Primary-IIC-Gold: #C99700;
  --color-Primary-Medium-Cerulean: #3894FF;
  --color-Secondary-Slate: #3E5487;
  --color-Secondary-Deep-Periwinkle: #5972AB;
  --color-Secondary-Frost-Blue: #E6EFFF;
  --color-Secondary-Icy-Blue: #F0F5FF;
  --color-Tertiary-Error: #B80000;
  --color-Tertiary-IIC-Gold-Lite: #F6F0E0;
  --color-Tertiary-Success: #037D25;
  --color-Tertiary-Cream: #EAE2C7;
  --color-Tertiary-Smoky-Blue: #DBEEF9;
  --color-Tertiary-Table-Hover: #F3F8FB;
  --color-Neutrals-Heading-Copy: #00113B;
  --color-Neutrals-Cadet-Grey: #A6AABD;
  --color-Neutrals-Body-Copy: #424656;
  --color-Neutrals-Gainsboro-Grey: #DFE0DF;
  --color-Neutrals-Steel: #727687;
  --color-Neutrals-Light-Grey: #EEEEEC;
  --color-CTA-CTA-Tertiary-Text-Cerulean: #0066DB;
  --color-CTA-CTA-Secondary-Button-Cerulean: #AFCAE9;
  --color-CTA-CTA-Hover-Secondary-Hover: #97BAE2;
  --color-CTA-CTA-Primary-Button-Cerulean: #006FF0;
  --color-CTA-CTA-Hover-Primary-Tertiary: #005AC2;
  --color-CTA-Drop-Shadow-Primary: rgba(0, 69, 149, 0.3490196078);
  --color-CTA-Drop-Shadow-Secondary: rgba(9, 51, 99, 0.2);
  --color-IIC-FCIP: #D22730;
  --color-IIC-Tones-FCIP-Midtone: #EFB3B7;
  --color-IIC-Tones-FCIP-Light: #FBE9EA;
  --color-IIC-MGA: #9D2235;
  --color-IIC-Tones-MGA-Midtone: #DDB2B8;
  --color-IIC-Tones-MGA-Light: #F5E9EB;
  --color-IIC-CIP: #509E2F;
  --color-IIC-Tones-CIP-Midtone: #C2DDB6;
  --color-IIC-Tones-CIP-Light: #EEF5EA;
  --color-IIC-Risk-Management: #7566A0;
  --color-IIC-Tones-Risk-Management-Midtone: #CFC9DE;
  --color-IIC-Tones-Risk-Management-Light: #F1F0F6;
  --color-IIC-GIE: #41B6E6;
  --color-IIC-Tones-GIE-Midtone: #BDE5F6;
  --color-IIC-Tones-GIE-Light: #ECF8FD;
  --color-IIC-Licensing: #FF8A3D;
  --color-IIC-Tones-Licensing-Midtone: #FFD6BB;
  --color-IIC-Tones-Licensing-Light: #FFF3EC;
  --color-IIC-Commercial-Lines: #5B7F95;
  --color-IIC-Tones-Commercial-Lines-Midtone: #C6D2DA;
  --color-IIC-Tones-Commercial-Lines-Light: #EFF2F4;
  --color-IIC-ACIP: #D986BA;
  --color-IIC-Tones-ACIP-Midtone: #F2D5E7;
  --color-IIC-Tones-ACIP-Light: #FBF3F8;
  --color-IIC-FCIP-Platinum: #7C878E;
  --color-IIC-CIP-Society-Gold: #9D7C2F;
  --color-IIC-White: #FFFFFF;
  --color-IIC-Red: #FF0000;
  --color-IIC-Shipping-Header: #3E5487;
  --color-IIC-Shipping-Divider: #d1d8dc;
  --color-IIC-Royal-Blue: #3369D9;
  --color-IIC-Black: #000000;
}

.btn-iic-primary, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #006FF0;
  --bs-btn-border-color: #006FF0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #005AC2;
  --bs-btn-hover-border-color: #0059c0;
  --bs-btn-focus-shadow-rgb: 38, 133, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #006FF0;
  --bs-btn-active-border-color: #0053b4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #424656;
  --bs-btn-disabled-bg: #DFE0DF;
  --bs-btn-disabled-border-color: #006FF0;
}
.btn-iic-primary:enabled, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:enabled {
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  background-image: linear-gradient(135deg, #005AC2 0%, #005AC2 50%, #006FF0 50%, #006FF0 100%);
  background-size: 310%;
  transition: background-position 0.4s linear;
}
.btn-iic-primary:hover, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:hover, .btn-iic-primary:focus, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:focus {
  background-position-x: 0%;
}
.btn-iic-primary:active, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-primary:disabled, .footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn:disabled {
  opacity: 1;
}

.btn-iic-secondary {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  --bs-btn-color: #00113B;
  --bs-btn-bg: #AFCAE9;
  --bs-btn-border-color: #AFCAE9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #97BAE2;
  --bs-btn-hover-border-color: #b7cfeb;
  --bs-btn-focus-shadow-rgb: 149, 174, 207;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #AFCAE9;
  --bs-btn-active-border-color: #b7cfeb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #424656;
  --bs-btn-disabled-bg: #DFE0DF;
  --bs-btn-disabled-border-color: #AFCAE9;
}
.btn-iic-secondary:enabled {
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  background-image: linear-gradient(135deg, #97BAE2 0%, #97BAE2 50%, #AFCAE9 50%, #AFCAE9 100%);
  background-size: 310%;
  transition: background-position 0.4s linear;
}
.btn-iic-secondary:hover, .btn-iic-secondary:focus {
  background-position-x: 0%;
}
.btn-iic-secondary:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-secondary:disabled {
  opacity: 1;
}

.btn-iic-tertiary, .primary-marketing-tile-component .pmt-btn-tertiary {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  --bs-btn-color: #0066DB;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #005AC2;
  --bs-btn-hover-color: #005AC2;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #0066DB;
  --bs-btn-focus-shadow-rgb: 0, 92, 198;
  --bs-btn-active-color: #0066DB;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #1a6bc8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0066DB;
  --bs-btn-disabled-bg: #FFFFFF;
  --bs-btn-disabled-border-color: #005AC2;
  display: flex;
  align-items: center !important;
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 4px bottom 54%;
  height: 44px;
  padding-left: 0 !important;
  background-color: transparent !important;
}
.btn-iic-tertiary:enabled:not(:focus-visible), .primary-marketing-tile-component .pmt-btn-tertiary:enabled:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-iic-tertiary:disabled, .primary-marketing-tile-component .pmt-btn-tertiary:disabled {
  opacity: 1;
}
.btn-iic-tertiary:active, .primary-marketing-tile-component .pmt-btn-tertiary:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-tertiary:focus, .primary-marketing-tile-component .pmt-btn-tertiary:focus {
  outline: 1px dotted gray;
}
.btn-iic-tertiary:focus-visible, .primary-marketing-tile-component .pmt-btn-tertiary:focus-visible {
  padding-left: 10px !important;
}
.btn-iic-tertiary:disabled, .primary-marketing-tile-component .pmt-btn-tertiary:disabled {
  opacity: 0.35;
}
.btn-iic-tertiary:hover, .primary-marketing-tile-component .pmt-btn-tertiary:hover {
  background-color: transparent !important;
}

.btn-iic-tertiary-icon {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  --bs-btn-color: #0066DB;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #005AC2;
  --bs-btn-hover-color: #005AC2;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #0066DB;
  --bs-btn-focus-shadow-rgb: 0, 92, 198;
  --bs-btn-active-color: #0066DB;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #1a6bc8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0066DB;
  --bs-btn-disabled-bg: #FFFFFF;
  --bs-btn-disabled-border-color: #005AC2;
  display: flex;
  align-items: center !important;
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/download.svg);
  background-repeat: no-repeat;
  background-position: left 5% center;
  padding-left: 38px;
}
.btn-iic-tertiary-icon:enabled:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-iic-tertiary-icon:disabled {
  opacity: 1;
}
.btn-iic-tertiary-icon:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-tertiary-icon:focus {
  outline: 1px dotted gray;
}
.btn-iic-tertiary-icon:focus-visible {
  padding-left: 10px !important;
}
.btn-iic-tertiary-icon:disabled {
  opacity: 0.35;
}

.btn-iic-tertiary-print {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  --bs-btn-color: #0066DB;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #005AC2;
  --bs-btn-hover-color: #005AC2;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-hover-border-color: #0066DB;
  --bs-btn-focus-shadow-rgb: 0, 92, 198;
  --bs-btn-active-color: #0066DB;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-active-border-color: #1a6bc8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0066DB;
  --bs-btn-disabled-bg: #FFFFFF;
  --bs-btn-disabled-border-color: #005AC2;
  display: flex;
  align-items: center !important;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/printer.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 38px;
}
.btn-iic-tertiary-print:enabled:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-iic-tertiary-print:disabled {
  opacity: 1;
}
.btn-iic-tertiary-print:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-tertiary-print:focus {
  outline: 1px dotted gray;
}
.btn-iic-tertiary-print:focus-visible {
  padding-left: 10px !important;
}
.btn-iic-tertiary-print:disabled {
  opacity: 0.35;
}

.btn-iic-link {
  border-width: 0px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 0px 2px;
  text-decoration: underline;
  font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  --bs-btn-color: #006FF0;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #005AC2;
  --bs-btn-hover-color: #005AC2;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #1a6bc8;
  --bs-btn-focus-shadow-rgb: 0, 93, 201;
  --bs-btn-active-color: #005AC2;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #1a6bc8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0066DB;
  --bs-btn-disabled-bg: #FFFFFF;
  --bs-btn-disabled-border-color: #005AC2;
  height: 32px;
}
.btn-iic-link:enabled:not(:focus) {
  box-shadow: none !important;
}
.btn-iic-link:disabled {
  opacity: 0.35;
}
.btn-iic-link:disabled {
  opacity: 0.35;
}

.btn-iic-e-learning {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  --bs-btn-color: #00113B;
  --bs-btn-bg: #AFCAE9;
  --bs-btn-border-color: #AFCAE9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #97BAE2;
  --bs-btn-hover-border-color: #b7cfeb;
  --bs-btn-focus-shadow-rgb: 149, 174, 207;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #AFCAE9;
  --bs-btn-active-border-color: #b7cfeb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #424656;
  --bs-btn-disabled-bg: #DFE0DF;
  --bs-btn-disabled-border-color: #AFCAE9;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/property.svg) no-repeat center right 25px;
  padding: 7.25px 48px 7.25px 24px;
}
.btn-iic-e-learning:enabled:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-iic-e-learning:disabled {
  opacity: 1;
}
.btn-iic-e-learning:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-e-learning:focus {
  outline: 1px dotted gray;
}
.btn-iic-e-learning:focus-visible {
  padding-left: 10px !important;
}
.btn-iic-e-learning:enabled {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/property.svg) no-repeat center right 25px, linear-gradient(135deg, #97BAE2 0%, #97BAE2 50%, #AFCAE9 50%, #AFCAE9 100%) no-repeat 100% 100%;
  background-size: auto, 300%;
  transition: background-position 0.4s linear;
  background-color: #AFCAE9;
}
.btn-iic-e-learning:disabled {
  background-color: #DFE0DF;
}
.btn-iic-e-learning:hover {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/property.svg) no-repeat center right 25px, linear-gradient(135deg, #97BAE2 0%, #97BAE2 50%, #AFCAE9 50%, #AFCAE9 100%) no-repeat 0% 100%;
  background-size: auto, 300%;
}
.btn-iic-e-learning:focus {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/property.svg) no-repeat center right 25px, linear-gradient(135deg, #97BAE2 0%, #97BAE2 50%, #AFCAE9 50%, #AFCAE9 100%) no-repeat 0% 100%;
  background-size: auto, 300%;
}

.btn-iic-login {
  border-width: 0px;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 10px 24px;
  background-position-x: 100%;
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #006FF0;
  --bs-btn-border-color: #006FF0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #005AC2;
  --bs-btn-hover-border-color: #0059c0;
  --bs-btn-focus-shadow-rgb: 38, 133, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #006FF0;
  --bs-btn-active-border-color: #0053b4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #424656;
  --bs-btn-disabled-bg: #DFE0DF;
  --bs-btn-disabled-border-color: #006FF0;
  height: 34px;
  padding: 8px 24px;
}
.btn-iic-login:enabled:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-iic-login:disabled {
  opacity: 1;
}
.btn-iic-login:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-login:focus {
  outline: 1px dotted gray;
}
.btn-iic-login:focus-visible {
  padding-left: 10px !important;
}
.btn-iic-login:enabled {
  background-image: linear-gradient(135deg, #005AC2 0%, #005AC2 50%, #006FF0 50%, #006FF0 100%);
  background-size: 310%;
  transition: background-position 0.4s linear;
}
.btn-iic-login:hover, .btn-iic-login:focus {
  background-position-x: 0%;
}

.btn-iic-play {
  border-width: 0px;
  width: 97px;
  height: 97px;
  border-radius: 140px;
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(0, 40, 85, 0.75);
  --bs-btn-border-color: rgba(0, 40, 85, 0.75);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #002855;
  --bs-btn-hover-border-color: rgba(0, 28, 60, 0.8);
  --bs-btn-focus-shadow-rgb: 58, 89, 124;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #002855;
  --bs-btn-active-border-color: rgba(0, 26, 55, 0.8125);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(0, 40, 85, 0.75);
  --bs-btn-disabled-border-color: rgba(0, 40, 85, 0.75);
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/play.svg);
  background-repeat: no-repeat;
  background-position: right 29px top 34px;
}
.btn-iic-play:enabled {
  box-shadow: none !important;
}
.btn-iic-play:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}

.btn-iic-accordion {
  background-color: white;
  background-image: url("/assets/InsuranceInstitute/images/Buttons/Accordion Minimize.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
}
.btn-iic-accordion:hover {
  background-image: url("/assets/InsuranceInstitute/images/Buttons/Accordion Minimize Hover.svg");
}
.btn-iic-accordion.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Buttons/Accordion Expand.svg");
}
.btn-iic-accordion.collapsed:hover {
  background-image: url("/assets/InsuranceInstitute/images/Buttons/Accordion Expand Hover.svg");
}

.btn-iic-menu {
  background-color: white;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/double-chevron.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
  border: none;
  transform: rotate(180deg);
  position: absolute;
  top: 16px;
  right: 0px;
}
.btn-iic-menu.collapsed {
  transform: rotate(0deg);
}

.spinner-border {
  margin-right: 8px;
  min-width: var(--bs-spinner-width);
  min-height: var(--bs-spinner-height);
}

body {
  --iic-gray-dropshadow: 0px 3px 6px 0px rgba(223, 224, 223, 0.6);
  --diamond-aspect-ratio: 0.597419355;
  /* Multiply with width to get height */
  --diamond-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" preserveAspectRatio="none"><path shape-rendering="geometricPrecision" d="M 0.5 0 L 1 0.5 L 0.5 1 L 0 0.5"/></svg>');
}

.data-source-missing {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-style: italic !important;
}

.listing-card-entry {
  display: contents;
}

.iic-search-white-bg {
  box-shadow: var(--iic-gray-dropshadow);
  border: 1px solid #DFE0DF;
  outline: none;
  padding-right: 0px;
  height: 48px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  color: #424656;
  background-color: #FBFBF8;
  border-radius: 3px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/search.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 36px;
}
.iic-search-white-bg::placeholder {
  color: #727687;
}
.iic-search-white-bg::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.iic-search-white-bg:placeholder-shown ~ .close-icon {
  display: none;
}

.iic-search-white-bg:not(:placeholder-shown) ~ .close-icon {
  display: inline-block;
}

.iic-search-primary-bg {
  box-shadow: var(--iic-gray-dropshadow);
  border: 1px solid #DFE0DF;
  outline: none;
  padding-right: 0px;
  height: 48px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  color: #424656;
  background-color: #ffffff;
  border-radius: 3px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/search.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 36px;
}
.iic-search-primary-bg::placeholder {
  color: #727687;
}
.iic-search-primary-bg::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.iic-search-primary-bg:placeholder-shown ~ .close-icon {
  display: none;
}

.iic-search-primary-bg:not(:placeholder-shown) ~ .close-icon {
  display: inline-block;
}

.iic-checkbox-save {
  color: #0066DB;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --label-font-size: 16px;
  --label-line-height: 24px;
}
@media (max-width: 499.98px) {
  .iic-checkbox-save {
    --label-font-size: 15px;
    --label-line-height: 20px;
  }
}
.iic-checkbox-save * {
  cursor: pointer;
}
.iic-checkbox-save input {
  width: 24px;
  height: 24px;
  border: none;
  box-shadow: none !important;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-heart.svg) no-repeat center;
  float: none;
  margin: 0;
}
.iic-checkbox-save input:checked[type=checkbox], .iic-checkbox-save input:checked[type=radio] {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-heart-checked.svg) no-repeat center;
}
.iic-checkbox-save input:focus[type=checkbox], .iic-checkbox-save input:focus[type=radio] {
  border: 1px dotted red;
  border-radius: unset;
}
.iic-checkbox-save label {
  margin-left: 8px;
  align-items: center;
  font-size: var(--label-font-size);
  letter-spacing: -0.01em;
  line-height: var(--label-line-height);
}

.iic-checkbox-pin {
  color: #0066DB;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --label-font-size: 16px;
  --label-line-height: 24px;
}
@media (max-width: 499.98px) {
  .iic-checkbox-pin {
    --label-font-size: 15px;
    --label-line-height: 20px;
  }
}
.iic-checkbox-pin * {
  cursor: pointer;
}
.iic-checkbox-pin input {
  width: 24px;
  height: 24px;
  border: none;
  box-shadow: none !important;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-star.svg) no-repeat center;
  float: none;
  margin: 0;
}
.iic-checkbox-pin input:checked[type=checkbox], .iic-checkbox-pin input:checked[type=radio] {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-star-checked.svg) no-repeat center;
}
.iic-checkbox-pin input:focus[type=checkbox], .iic-checkbox-pin input:focus[type=radio] {
  border: 1px dotted red;
  border-radius: unset;
}
.iic-checkbox-pin label {
  margin-left: 8px;
  align-items: center;
  font-size: var(--label-font-size);
  letter-spacing: -0.01em;
  line-height: var(--label-line-height);
}

.iic-checkbox {
  color: #0066DB;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --label-font-size: 16px;
  --label-line-height: 24px;
}
@media (max-width: 499.98px) {
  .iic-checkbox {
    --label-font-size: 15px;
    --label-line-height: 20px;
  }
}
.iic-checkbox * {
  cursor: pointer;
}
.iic-checkbox input {
  width: 24px;
  height: 24px;
  border: none;
  box-shadow: none !important;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox.svg) no-repeat center;
  float: none;
  margin: 0;
}
.iic-checkbox input:checked[type=checkbox], .iic-checkbox input:checked[type=radio] {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-checked.svg) no-repeat center;
}
.iic-checkbox input:focus[type=checkbox], .iic-checkbox input:focus[type=radio] {
  border: 1px dotted red;
  border-radius: unset;
}
.iic-checkbox label {
  margin-left: 8px;
  align-items: center;
  font-size: var(--label-font-size);
  letter-spacing: -0.01em;
  line-height: var(--label-line-height);
}
.iic-checkbox input:disabled {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-disabled.svg) no-repeat center;
}

.iic-radio {
  color: #0066DB;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --label-font-size: 16px;
  --label-line-height: 24px;
  margin: 0;
}
@media (max-width: 499.98px) {
  .iic-radio {
    --label-font-size: 15px;
    --label-line-height: 20px;
  }
}
.iic-radio * {
  cursor: pointer;
}
.iic-radio input {
  width: 24px;
  height: 24px;
  border: none;
  box-shadow: none !important;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/radio.svg) no-repeat center;
  float: none;
  margin: 0;
}
.iic-radio input:checked[type=checkbox], .iic-radio input:checked[type=radio] {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/radio-selected.svg) no-repeat center;
}
.iic-radio input:focus[type=checkbox], .iic-radio input:focus[type=radio] {
  border: 1px dotted red;
  border-radius: unset;
}
.iic-radio label {
  margin-left: 8px;
  align-items: center;
  font-size: var(--label-font-size);
  letter-spacing: -0.01em;
  line-height: var(--label-line-height);
}
.iic-radio input:disabled {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/radio-disabled.svg) no-repeat center;
}

@media (max-width: 499.98px) {
  .iic-checkbox-save label {
    display: none;
  }
}
.iic-tag {
  --bs-badge-padding-x: 16px;
  --bs-badge-padding-y: 8px;
  --bs-badge-color: #0066DB;
  --bs-badge-border-radius: 24px;
  --bs-badge-font-size: 16px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  background: #EEEEEC;
  line-height: 24px;
  letter-spacing: -0.01em;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  cursor: pointer;
}
.iic-tag:hover {
  background: #DFE0DF;
}

@media (max-width: 499.98px) {
  .iic-tag {
    line-height: 20px;
    --bs-badge-font-size: 15px;
  }
}
.h0, .numbered-item-list-component .component-content .main-content .placeholders [data-number]::before {
  font-family: freight-display-pro;
  font-style: italic;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 77px;
  letter-spacing: 0.01em;
  line-height: 80px;
}

.h1, h1 {
  font-family: freight-display-pro;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 61px;
  letter-spacing: 0.02em;
  line-height: 64px;
}

.h1-italic {
  font-family: freight-display-pro;
  font-style: italic;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 62px;
  letter-spacing: 0.01em;
  line-height: 64px;
}

.h2, h2 {
  font-family: freight-display-pro;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 49px;
  letter-spacing: 0.02em;
  line-height: 52px;
}

.h2-italic {
  font-family: freight-display-pro;
  font-style: italic;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 50px;
  letter-spacing: 0.01em;
  line-height: 52px;
}

.h3, h3 {
  font-family: freight-display-pro;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 39px;
  letter-spacing: 0.02em;
  line-height: 44px;
}

.h3-italic {
  font-family: freight-display-pro;
  font-style: italic;
  font-weight: 400;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 40px;
  letter-spacing: 0.01em;
  line-height: 44px;
}

.h4, .bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph, .spotlight .quote-card-component .quote-paragraph, .add-details-component .component-content .add-details-form .checkbox-step .checkbox-label, h4 {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 300;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 25px;
  letter-spacing: -0.01em;
  line-height: 32px;
}

.h5, .bullet-list-control-component .component-content .bullet-list-text-content .blc-container ul, .side-by-side .illustration-card-component .illustration-title, h5, .search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 28px;
}

.h6, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title, .tab-navigation-component .component-content a, .illustration-card-component .illustration-title, .exam-product-card-component .info .generic-info .lines .delivery-method, .class-product-card-component .info .generic-info .lines .method-and-schedule, h6, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner a {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular, .exam-details-section-component .component-content .exam-details ul li, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label, .my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages, .order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .ceod-class-details-component .bottom ul li, .cart-component .component-content .left-content .sub-title .subtotal-label, .sticky-cart-component .content-wrapper .left-side .sticky-delivery-method .subtotal-label, .sticky-select-product-component .content-wrapper .left-side .sticky-date-location ul li, .exam-details-component .wrapper .bottom ul li, .location-detection-component .modal-dialog .modal-content .modal-body, .filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location ul li, .class-details-component .bottom ul li, .program-card .program-info .program-description, p:not(h1) > p {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
}

.paragraph-whitepaper, .article-bullet-list-component .content-wrapper .component-sub-items, .quote-card-component .quote-paragraph, article, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-number {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
}

.paragraph-medium, .profile-summary-component .component-content .content .profile-summary-card .field .title, .fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .top-content .fees-price, .cart-component .component-content .left-content .sub-title .subtotal-price, .sticky-cart-component .content-wrapper .left-side .sticky-delivery-method .subtotal-price, .class-fee-breakdown-component .fee-table .fee-table-sub-product.price {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
}

.paragraph-caps, .exam-product-card-component .headers .course-code, .exam-product-card-component .diamond .program-code, .class-product-card-component .headers .course-code, .class-product-card-component .diamond .program-code, .program-description-component .component-content .program-name, .program-hero-banner-component .component-content .diamond-containter .program-name, .program-card .program-name {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 24px;
}

.caption-regular, .footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location, .breadcrumb-component a, .generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component a, .generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component .here, .fees-component .component-content .placeholders .single-fee-component .right-content .subscript .fee-sub-paragraph, .article-table-component .component-content .article-table-sections .article-table-section, .article-table-component .component-content .article-table-sections .article-table-dropdown-section, .article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item, .article-headliner-component .content-wrapper .authors-social .authors, .exam-content-component .exam-content-column .exam-content-section .content-paragraph, .membership-product-card-component .membership-left-content .desc, .membership-product-card-component .membership-right-content .membership-price, .event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component a, .event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component .here, .select-product-component .component-content .back-to, .select-product-component .component-content .product-cards .select-product-card .product-notes .note-container .note-body, .checkout-main-component .back-to-previous-page .back-to, .dynamic-content-component .dynamic-content-column .dynamic-content-section .content-paragraph, .class-content-component .class-content-column .class-content-section .content-paragraph, caption {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  line-height: 20px;
}

.caption-medium, .header-component .content-wrapper .location-wrapper .your-location, .breadcrumb-component .here, .fees-component .component-content .placeholders .single-fee-component .right-content .subscript .fee-sub-title, .cart-component .policies, .sticky-cart-component .content-wrapper .right-side .sticky-button .sticky-tooltip .sticky-tooltiptext, .membership-product-card-component .membership-left-content .title h6 .membership-tooltip .membership-tooltiptext, .membership-product-card-component .membership-right-content .display-name, .event-header-component .component-content .event-header-text-content .event-header-code, .select-product-component .component-content .product-cards .select-product-card .product-notes .note-container .note-label {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  line-height: 20px;
}

.caption-bold, .article-table-component .component-content .article-table-sections .article-table-section.active, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.active, .article-table-component .component-content .article-table-dropdown .btn, .article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.active, .article-headliner-component .content-wrapper .text-content .type-date {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  line-height: 20px;
}

.caption-semibold-caps, .my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .fees-required, .featured-event-component .component-content .txt-content .event-type-date .event-type .e-type-text, .sticky-select-product-component .content-wrapper .right-side .sticky-button .spots, .filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .sticky-add-to-cart-component .content-wrapper .right-side .sticky-button .spots {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  letter-spacing: 0.14em;
  line-height: 24px;
  text-transform: uppercase;
}

.caption-semibold-small-caps {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  letter-spacing: 0.14em;
  line-height: 16px;
  text-transform: uppercase;
}

.caption-bold-caps, .headliner-with-pic-component .component-content .text-content .page-title, .section-title-component .content-wrapper .section-title, .exam-content-component .exam-content-column .exam-content-section h6, .featured-event-component .component-content .txt-content .feat-event, .featured-event-component .component-content .txt-content .event-type-date .event-date, .dynamic-content-component .dynamic-content-column .dynamic-content-section h6, .class-fee-breakdown-component .fee-table .fee-table-header, .class-fee-breakdown-component .fee-table .fee-table-footer, .class-content-component .class-content-column .class-content-section h6 {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  letter-spacing: 0.14em;
  margin-left: 0.14em;
  line-height: 20px;
  text-transform: uppercase;
}

.notification, .header-component .content-wrapper .menu-content .header-items .shopping-cart a .number {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 12px;
  line-height: 16px;
}

.quote-regular, .quote-card-component .quote-icon {
  font-family: Georgia;
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  line-height: 104px;
}

.menu-nav {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 15px;
  letter-spacing: -0.01em;
  line-height: 20px;
}

.menu-nav-second {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 15px;
  letter-spacing: -0.01em;
  line-height: 20px;
}

.menu-nav-third {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 499.98px) {
  .h0, .numbered-item-list-component .component-content .main-content .placeholders [data-number]::before {
    font-size: 57px;
    line-height: 48px;
  }

  .h1, h1 {
    font-size: 46px;
    line-height: 48px;
  }

  .h1-italic {
    font-size: 48px;
    letter-spacing: 0.02em;
    line-height: 48px;
  }

  .h2, h2 {
    font-size: 37px;
    line-height: 40px;
  }

  .h2-italic {
    font-size: 38px;
    letter-spacing: 0.02em;
    line-height: 36px;
  }

  .h3, h3 {
    font-size: 30px;
    line-height: 32px;
  }

  .h3-italic {
    font-size: 33px;
    letter-spacing: 0.02em;
    line-height: 36px;
  }

  .h4, .bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph, .spotlight .quote-card-component .quote-paragraph, .add-details-component .component-content .add-details-form .checkbox-step .checkbox-label, h4 {
    font-size: 22px;
    line-height: 28px;
  }

  .h5, .bullet-list-control-component .component-content .bullet-list-text-content .blc-container ul, .side-by-side .illustration-card-component .illustration-title, h5, .search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title {
    font-size: 18px;
    line-height: 24px;
  }

  .h6, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title, .tab-navigation-component .component-content a, .illustration-card-component .illustration-title, .exam-product-card-component .info .generic-info .lines .delivery-method, .class-product-card-component .info .generic-info .lines .method-and-schedule, h6, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner a {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-regular, .exam-details-section-component .component-content .exam-details ul li, .email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label, .my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages, .order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .ceod-class-details-component .bottom ul li, .cart-component .component-content .left-content .sub-title .subtotal-label, .sticky-cart-component .content-wrapper .left-side .sticky-delivery-method .subtotal-label, .sticky-select-product-component .content-wrapper .left-side .sticky-date-location ul li, .exam-details-component .wrapper .bottom ul li, .location-detection-component .modal-dialog .modal-content .modal-body, .filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label, .filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages, .sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location ul li, .class-details-component .bottom ul li, .program-card .program-info .program-description, p:not(h1) > p {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-whitepaper, .article-bullet-list-component .content-wrapper .component-sub-items, .quote-card-component .quote-paragraph, article, .class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-number {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-medium, .profile-summary-component .component-content .content .profile-summary-card .field .title, .fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .top-content .fees-price, .cart-component .component-content .left-content .sub-title .subtotal-price, .sticky-cart-component .content-wrapper .left-side .sticky-delivery-method .subtotal-price, .class-fee-breakdown-component .fee-table .fee-table-sub-product.price {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-caps, .exam-product-card-component .headers .course-code, .exam-product-card-component .diamond .program-code, .class-product-card-component .headers .course-code, .class-product-card-component .diamond .program-code, .program-description-component .component-content .program-name, .program-hero-banner-component .component-content .diamond-containter .program-name, .program-card .program-name {
    font-size: 15px;
    line-height: 16px;
  }

  .caption-regular, .footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location, .breadcrumb-component a, .generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component a, .generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component .here, .fees-component .component-content .placeholders .single-fee-component .right-content .subscript .fee-sub-paragraph, .article-table-component .component-content .article-table-sections .article-table-section, .article-table-component .component-content .article-table-sections .article-table-dropdown-section, .article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item, .article-headliner-component .content-wrapper .authors-social .authors, .exam-content-component .exam-content-column .exam-content-section .content-paragraph, .membership-product-card-component .membership-left-content .desc, .membership-product-card-component .membership-right-content .membership-price, .event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component a, .event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component .here, .select-product-component .component-content .back-to, .select-product-component .component-content .product-cards .select-product-card .product-notes .note-container .note-body, .checkout-main-component .back-to-previous-page .back-to, .dynamic-content-component .dynamic-content-column .dynamic-content-section .content-paragraph, .class-content-component .class-content-column .class-content-section .content-paragraph, caption {
    font-size: 13px;
    line-height: 16px;
  }

  .caption-medium, .header-component .content-wrapper .location-wrapper .your-location, .breadcrumb-component .here, .fees-component .component-content .placeholders .single-fee-component .right-content .subscript .fee-sub-title, .cart-component .policies, .sticky-cart-component .content-wrapper .right-side .sticky-button .sticky-tooltip .sticky-tooltiptext, .membership-product-card-component .membership-left-content .title h6 .membership-tooltip .membership-tooltiptext, .membership-product-card-component .membership-right-content .display-name, .event-header-component .component-content .event-header-text-content .event-header-code, .select-product-component .component-content .product-cards .select-product-card .product-notes .note-container .note-label {
    font-size: 13px;
    line-height: 16px;
  }

  .caption-bold, .article-table-component .component-content .article-table-sections .article-table-section.active, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.active, .article-table-component .component-content .article-table-dropdown .btn, .article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.active, .article-headliner-component .content-wrapper .text-content .type-date {
    font-size: 13px;
    line-height: 20px;
  }

  .caption-semibold-caps, .my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .fees-required, .featured-event-component .component-content .txt-content .event-type-date .event-type .e-type-text, .sticky-select-product-component .content-wrapper .right-side .sticky-button .spots, .filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name, .sticky-add-to-cart-component .content-wrapper .right-side .sticky-button .spots {
    font-size: 13px;
    line-height: 16px;
  }

  .caption-semibold-small-caps {
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
  }

  .caption-bold-caps, .headliner-with-pic-component .component-content .text-content .page-title, .section-title-component .content-wrapper .section-title, .exam-content-component .exam-content-column .exam-content-section h6, .featured-event-component .component-content .txt-content .feat-event, .featured-event-component .component-content .txt-content .event-type-date .event-date, .dynamic-content-component .dynamic-content-column .dynamic-content-section h6, .class-fee-breakdown-component .fee-table .fee-table-header, .class-fee-breakdown-component .fee-table .fee-table-footer, .class-content-component .class-content-column .class-content-section h6 {
    font-size: 13px;
    line-height: 20px;
  }

  .notification, .header-component .content-wrapper .menu-content .header-items .shopping-cart a .number {
    font-size: 10px;
  }

  .menu-nav {
    font-size: 16px;
  }

  .menu-nav-second {
    font-family: proxima-nova;
    font-style: normal;
    font-weight: 500;
    font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 24px;
  }

  .menu-nav-third {
    font-family: proxima-nova;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 24px;
  }
}
.iic-form-label, iic-autocomplete::part(iic-form-label) {
  display: block;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  color: #424656;
  line-height: 16px;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}

.iic-form-control {
  display: block;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #A6AABD;
  height: 48px;
  outline: none;
  text-indent: 12px;
  background-color: #fff;
  width: 100%;
}
.iic-form-control:focus {
  border-bottom: 2px solid #0066DB;
}
.iic-form-control::placeholder {
  color: #727687;
  width: 100%;
}
.iic-form-control::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.iic-form-control :is(.close-icon):has(+ .iic-search-white-bg:placeholder-shown) {
  display: none;
}
.iic-form-control :is(.close-icon):has(+ .iic-search-white-bg:not(:placeholder-shown)) {
  display: inline-block;
}
.iic-form-control:invalid {
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #B80000;
  padding-right: calc(1em + 0.75rem);
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/invalid.svg);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: 18px 18px;
}
.iic-form-control:invalid .iic-invalid-feedback {
  display: block !important;
}

:is(.iic-form-control:not(:placeholder-shown)):has(+ button.close-icon)::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

button.close-icon {
  /*--close-icon-*/
  --close-icon-img-size: 24px;
  --close-icon-button-top: 2em;
  --close-icon-button-right: 1em;
  border: none;
  position: absolute;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: var(--close-icon-img-size) var(--close-icon-img-size);
  width: var(--close-icon-img-size);
  height: var(--close-icon-img-size);
  margin-right: 10px;
  cursor: pointer;
  top: var(--close-icon-button-top);
  right: var(--close-icon-button-right);
}
@media (max-width: 499.98px) {
  button.close-icon {
    --close-icon-img-size: 24px;
    --close-icon-button-top: 2em;
    --close-icon-button-right: 1em;
  }
}

input[type=search].iic-form-control:not(placeholder-shown) ~ .close-icon {
  display: inline-block;
}
input[type=search].iic-form-control:placeholder-shown ~ .close-icon {
  display: none;
}

.iic-text-area {
  box-shadow: var(--iic-gray-dropshadow);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  outline: none;
  padding-right: 0px;
  width: 100%;
}

.iic-password-input {
  display: flex;
  align-items: center;
}
.iic-password-input .iic-eye-icon {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/eye.svg);
  background-repeat: no-repeat;
  display: inline-block;
  padding: 10px;
  margin-left: -28px;
  background-size: 20px 20px;
  cursor: pointer;
}
.iic-password-input .iic-eye-icon:hover {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/eye-hover.svg);
}
.iic-password-input .iic-eye-icon-off {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/eye-off.svg);
  background-repeat: no-repeat;
  display: inline-block;
  padding: 10px;
  margin-left: -28px;
  background-size: 20px 20px;
  cursor: pointer;
}

.iic-invalid-feedback {
  display: block;
  width: 100%;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  line-height: 16px;
  margin-top: 0.25rem;
  color: #B80000;
  text-align: right;
}

iic-autocomplete::part(iic-form-group) {
  min-width: 300px;
  position: relative;
}
iic-autocomplete::part(iic-form-select) {
  box-shadow: var(--iic-gray-dropshadow);
  border: 1px solid #DFE0DF;
  outline: none;
  padding-right: 0px;
  height: 48px;
  text-indent: 12px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  color: #424656;
  border-radius: 3px;
  width: 99%;
  margin-bottom: 8px;
}
iic-autocomplete::part(iic-form-select):focus {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right 14px center;
}
iic-autocomplete::part(iic-text-filter-ul) {
  position: absolute;
  filter: drop-shadow(0px 3px 6px rgba(223, 224, 223, 0.6));
  border: 1px solid #DFE0DF;
  outline: none;
  padding-left: 0px;
  padding-top: 16px;
  margin: 0px;
  text-indent: 12px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #424656;
  border-radius: 3px;
  max-height: 180px;
  background: #fff;
  width: 101%;
  overflow: hidden;
  z-index: 99;
}
iic-autocomplete::part(iic-text-filter-li) {
  list-style: none;
  margin-bottom: 16px;
}
iic-autocomplete::part(iic-text-filter-li):hover {
  background: #F0F5FF;
}

.iic-upload {
  display: inline-flex;
  padding: 11px 16px;
  background: #FFF;
  border: 1px dashed #DFE0DF;
  box-shadow: 0px 3px 6px #DFE0DF;
  border-radius: 3px;
  position: relative;
}
.iic-upload .iic-upload-label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #006FF0;
  z-index: 2;
}
.iic-upload .iic-upload-label:hover {
  color: #005AC2;
}
.iic-upload .iic-upload-label:hover:after {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/upload-hover.svg);
}
.iic-upload .iic-upload-label:after {
  display: block;
  content: " ";
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/upload.svg);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-left: 80px;
  z-index: 2;
}
.iic-upload .iic-upload-input {
  display: contents;
}
.iic-upload .iic-upload-input:hover {
  cursor: pointer;
}
.iic-upload:hover {
  background: #F3F8FB;
}
.iic-upload:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}

.btn-iic-delete-document {
  padding: 11px 16px;
  border: 1px solid #DFE0DF;
  box-shadow: 0px 3px 6px #DFE0DF;
  border-radius: 3px;
  background-color: white;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: right 12px center;
  padding-right: 40px;
  color: var(--color-Neutrals-Body-Copy);
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn-iic-delete-document:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}

.btn-iic-add-item {
  display: inline-flex;
  padding: 12px 16px;
  background: #FFF;
  border: 1px dashed #DFE0DF;
  box-shadow: 0px 3px 6px #DFE0DF;
  border-radius: 3px;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #006FF0;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/plus.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 12px center;
  padding-right: 80px;
}
.btn-iic-add-item:hover {
  color: #005AC2;
  background: #F3F8FB;
}
.btn-iic-add-item:hover {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/plus-hover.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 12px center;
  padding-right: 80px;
}
.btn-iic-add-item:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.btn-iic-add-item:disabled {
  background: #EEEEEC;
  pointer-events: none;
  box-shadow: none;
  border: solid 1px #EEEEEC;
  color: #424656;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/plus-disabled.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 12px center;
  padding-right: 80px;
}

.iic-dropdown {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
.iic-dropdown select {
  color: #424656;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 40px 0px 14px;
  padding-bottom: 0;
  gap: 10px;
  border: 1px solid #DFE0DF;
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
  border-radius: 3px;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  width: 327px;
  height: 48px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  background-size: 20px 20px;
  background-position: right 14px center;
}
.iic-dropdown select:focus {
  border-color: #DFE0DF;
  outline: 2px solid var(--color-CTA-CTA-Hover-Secondary-Hover);
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
}
.iic-dropdown select:hover {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down-hover.svg);
}
.iic-dropdown label {
  font-size: 13px;
  line-height: 16px;
  color: #424656;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
@media (max-width: 499.98px) {
  .iic-dropdown select {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
  }
}

.iic-dropdown-iconed {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
.iic-dropdown-iconed select {
  color: #424656;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 40px 0px 14px;
  padding-bottom: 0;
  gap: 10px;
  border: 1px solid #DFE0DF;
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
  border-radius: 3px;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  width: 327px;
  height: 48px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.01em;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg), url(/assets/InsuranceInstitute/images/Icons/Tertiary/anchor.svg);
  background-size: 20px 20px, 18px 18px;
  background-position: right 14px center, left 16px center;
  padding-left: 42px;
}
.iic-dropdown-iconed select:focus {
  border-color: #DFE0DF;
  outline: 2px solid var(--color-CTA-CTA-Hover-Secondary-Hover);
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
}
.iic-dropdown-iconed select:hover {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down-hover.svg), url(/assets/InsuranceInstitute/images/Icons/Tertiary/anchor.svg);
}
.iic-dropdown-iconed label {
  font-size: 13px;
  line-height: 16px;
  color: #424656;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
@media (max-width: 499.98px) {
  .iic-dropdown-iconed select {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
  }
}

.iic-dropdown-horizontal {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
.iic-dropdown-horizontal select {
  color: #727687;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 40px 0px 14px;
  padding-bottom: 0;
  gap: 10px;
  border: 1px solid #DFE0DF;
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
  border-radius: 3px;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  width: 327px;
  height: 48px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  background-size: 20px 20px;
  background-position: right 14px center;
}
.iic-dropdown-horizontal select:focus {
  border-color: #DFE0DF;
  outline: 2px solid var(--color-CTA-CTA-Hover-Secondary-Hover);
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
}
.iic-dropdown-horizontal select:hover {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down-hover.svg);
}
.iic-dropdown-horizontal label {
  font-size: 13px;
  line-height: 16px;
  color: #424656;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
@media (max-width: 499.98px) {
  .iic-dropdown-horizontal select {
    font-size: 15px;
    line-height: 20px;
    width: 100%;
  }
}
.iic-dropdown-horizontal label {
  float: left;
  padding-top: 18px;
  padding-right: 12px;
}

.iic-dropdown-multiselect {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
.iic-dropdown-multiselect select {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #727687;
  font-size: 14px;
  line-height: 20px;
  font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  border: 1px solid #DFE0DF;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
  width: 184px;
  overflow: hidden;
  cursor: pointer;
}
.iic-dropdown-multiselect option {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox.svg) no-repeat #FFFFFF left center;
  background-size: 24px 24px;
  padding: 5px 2px 6px 32px;
}
.iic-dropdown-multiselect option:checked {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-checked.svg) no-repeat #FFFFFF left center;
}
.iic-dropdown-multiselect option:disabled {
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/checkbox-disabled.svg) no-repeat #FFFFFF left center;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.program-card {
  /* Input variables, set them in the cshtml
      --program-primary-color
      --program-secondary-color
      --program-name-color
  */
  /* Card variables, those would change based on card size */
  --card-w: 354px;
  --card-h: 456px;
  --color-diamond-w: 234px;
  --color-diamond-left: -118px;
  --color-diamond-top: 44px;
  --neutral-diamond-w: 313px;
  --neutral-diamond-left: 204px;
  --neutral-diamond-top: -26px;
  --card-button-left: 62px;
  --card-button-right: auto;
  --card-button-bottom: 36px;
  --card-program-name-top: 104px;
  --card-program-name-left: 24px;
  --picture-mask-w: 628px;
  --picture-mask-pos: -193px -264px;
  --picture-width: 306px;
  --program-info-height: 170px;
  --program-info-top: 184px;
  --program-info-left: 40px;
  --program-info-margin-right: 30px;
  --program-info-margin-left: 24px;
  --program-info-line-count: 6;
  --program-info-vertical-space-height: 1em;
  /*
      Using @at-root to handle case where .program-card is inside a parent .spotlight class.
      This allows the container/placeholder to specify `class="spotlight"` to change all program cards under it.
  */
  display: inline-block;
  position: relative;
  width: var(--card-w);
  height: var(--card-h);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.spotlight .program-card {
  --card-w: 454px;
  --color-diamond-w: 333px;
  --color-diamond-left: -198px;
  --color-diamond-top: 35px;
  --neutral-diamond-w: 501px;
  --neutral-diamond-left: 224px;
  --neutral-diamond-top: -63px;
  --card-button-left: 64px;
  --card-button-right: auto;
  --card-button-bottom: 36px;
  --card-program-name-top: 121px;
  --card-program-name-left: 32.5px;
  --picture-mask-w: 775px;
  --picture-mask-pos: -248px -332px;
  --picture-width: 360px;
  --program-info-height: 152px;
  --program-info-top: 208px;
  --program-info-margin-right: 59px;
  --program-info-line-count: 5;
}

@media (max-width: 499.98px) {
  .spotlight .program-card, .program-card {
    --card-w: 269px;
    --card-h: 344px;
    --color-diamond-w: 185px;
    --color-diamond-left: -93px;
    --color-diamond-top: 20px;
    --neutral-diamond-w: 214px;
    --neutral-diamond-left: 162px;
    --neutral-diamond-top: -27px;
    --card-button-left: 16px;
    --card-button-right: 16px;
    --card-button-bottom: 28px;
    --card-program-name-top: 72px;
    --card-program-name-left: 16px;
    --picture-mask-w: 444.03px;
    --picture-mask-pos: -127.17px -191.77px;
    --picture-width: 219px;
    --program-info-height: 128px;
    --program-info-top: 128px;
    --program-info-left: 32px;
    --program-info-margin-right: 30px;
    --program-info-margin-left: 16px;
    --program-info-line-count: 5;
    --program-info-vertical-space-height: 0.2em;
  }
}
.program-card .program-image {
  width: var(--picture-width);
  -webkit-mask-position: var(--picture-mask-pos);
  -webkit-mask-size: var(--picture-mask-w) calc(var(--diamond-aspect-ratio) * var(--picture-mask-w));
  -webkit-mask-image: var(--diamond-svg);
  -webkit-mask-repeat: no-repeat;
}
.program-card .program-name {
  color: var(--program-name-color);
  position: absolute;
  font-size: 16px;
  line-height: 24px;
  top: var(--card-program-name-top);
  left: var(--card-program-name-left);
}
.program-card .color-diamond {
  position: absolute;
  fill: var(--program-primary-color);
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  left: var(--color-diamond-left);
  top: var(--color-diamond-top);
}
.program-card .neutral-diamond {
  position: absolute;
  fill: #EEEEEC;
  width: var(--neutral-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--neutral-diamond-w));
  left: var(--neutral-diamond-left);
  top: var(--neutral-diamond-top);
}
.program-card .vertical-bar {
  position: absolute;
  left: var(--program-info-left);
  top: var(--program-info-top);
  background-color: var(--program-secondary-color);
  width: 3px;
  height: var(--program-info-height);
}
.program-card .program-info {
  position: absolute;
  left: var(--program-info-left);
  top: calc(var(--program-info-top) - 4px);
  max-height: var(--program-info-height);
  margin-right: var(--program-info-margin-right);
  /* To ellipsis after wrapping */
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: var(--program-info-line-count);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding-left: var(--program-info-margin-left);
}
.program-card .program-info .program-title {
  display: inline;
  color: var(--color-Neutrals-Heading-Copy);
}
.program-card .program-info .vertical-space {
  content: "";
  margin-top: var(--program-info-vertical-space-height);
  display: block;
}
.program-card .program-info .program-description {
  display: inline;
  color: var(--color-Neutrals-Body-Copy);
}
.program-card button {
  position: absolute;
  left: var(--card-button-left);
  right: var(--card-button-right);
  bottom: var(--card-button-bottom);
}

.program-hero-banner-component {
  /* Input variables, set them in the cshtml
      --program-primary-color
      --program-secondary-color
      --program-name-color
  */
  /* Card variables, those would change based on card size */
  --banner-h: 216px;
  --color-diamond-w: 519px;
  --color-diamond-right: -178px;
  --color-diamond-top: 102px;
  --banner-button-left: 62px;
  --banner-button-right: auto;
  --banner-button-bottom: 36px;
  --banner-program-name-h2-top: 72px;
  --banner-program-name-top: 58px;
  --banner-program-name-right: 72px;
  position: relative;
  height: var(--banner-h);
  background-color: white;
  overflow: hidden;
  margin-top: var(--program-hero-banner-margin-top);
  margin-bottom: var(--program-hero-banner-margin-bottom);
}
@media (max-width: 499.98px) {
  .program-hero-banner-component {
    --banner-h: 200px;
    --color-diamond-w: 282.62px;
    --color-diamond-right: -108.33px;
    --color-diamond-top: 120.83px;
    --banner-program-name-h2-top: 64px;
    --banner-program-name-top: 40px;
    --banner-program-name-right: 16.24px;
    --program-hero-banner-margin-top: 0px !important;
    --program-hero-banner-margin-bottom: 0px !important;
  }
}
.program-hero-banner-component .component-content {
  width: var(--iic-site-width);
  height: var(--banner-h);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  position: relative;
}
.program-hero-banner-component .component-content .diamond-containter {
  position: absolute;
  display: grid;
  right: var(--color-diamond-right);
  top: var(--color-diamond-top);
  justify-items: center;
}
.program-hero-banner-component .component-content .diamond-containter .color-diamond {
  fill: var(--program-primary-color);
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  grid-column: 1;
  grid-row: 1;
}
.program-hero-banner-component .component-content .diamond-containter .program-name {
  color: var(--program-name-color);
  font-size: 16px;
  line-height: 24px;
  margin-top: var(--banner-program-name-top);
  grid-column: 1;
  grid-row: 1;
}
.program-hero-banner-component h2 {
  position: absolute;
  margin-top: var(--banner-program-name-h2-top);
}

.program-description-component {
  /* Input variables, set them in the cshtml
      --program-primary-color
      --program-secondary-color
      --program-name-color
  */
  /* Program variables, those would change based on card size */
  --description-w: 100%;
  --description-h: 360px;
  --color-diamond-w: 551px;
  --color-diamond-left: -361px;
  --color-diamond-top: 80px;
  --description-program-name-top: 104px;
  --description-program-name-left: 24px;
  --program-info-height: 243px;
  --program-info-width: 558px;
  --program-info-top: 64px;
  --program-info-left: 617px;
  --program-info-margin-right: 80px;
  --program-info-margin-left: 24px;
  --program-info-title-margin-bottom: 16px;
  --program-info-line-count: 7;
  --program-image-width: 600px;
  --program-image-position: absolute;
  --program-image-top: 0;
  --program-image-clippath: polygon(0 0, 89% 0, 29% 60%, 0 31%);
  --picture-mask-w: 849px;
  --picture-mask-pos: -232px -265px;
  --color-diamond-display: block;
  position: relative;
  height: var(--description-h);
  background-color: #EEEEEC;
  overflow: hidden;
  margin-top: var(--program-description-margin-top);
  margin-bottom: var(--program-description-margin-bottom);
}
@media (max-width: 499.98px) {
  .program-description-component {
    --description-h: 598px;
    --program-info-top: 40px;
    --program-info-left: 24px;
    --program-info-height: 250px;
    --program-info-margin-right: 25px;
    --program-info-margin-left: 16px;
    --program-info-line-count: 9;
    --program-image-width: 100%;
    --program-image-top: 352px;
    --program-image-clippath: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    --color-diamond-display: none;
    --diamond-svg: none;
    --program-description-margin-top: 0px !important;
    --program-description-margin-bottom: 0px !important;
  }
}
.program-description-component .component-content {
  width: var(--iic-site-width);
  height: var(--description-h);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.program-description-component .component-content .program-image {
  width: var(--program-image-width);
  -webkit-mask-position: var(--picture-mask-pos);
  -webkit-mask-size: var(--picture-mask-w) calc(var(--diamond-aspect-ratio) * var(--picture-mask-w));
  -webkit-mask-image: var(--diamond-svg);
  -webkit-mask-repeat: no-repeat;
  margin: 0 auto;
  position: var(--program-image-position);
  top: var(--program-image-top);
  left: 0;
}
.program-description-component .component-content .program-name {
  color: var(--program-name-color);
  position: absolute;
  font-size: 16px;
  line-height: 24px;
  top: var(--description-program-name-top);
  left: var(--description-program-name-left);
}
.program-description-component .component-content .color-diamond {
  position: absolute;
  display: var(--color-diamond-display);
  fill: var(--program-secondary-color);
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  left: var(--color-diamond-left);
  top: var(--color-diamond-top);
}
.program-description-component .component-content .vertical-bar {
  position: absolute;
  left: var(--program-info-left);
  top: var(--program-info-top);
  background-color: var(--program-primary-color);
  width: 3px;
  height: var(--program-info-height);
}
.program-description-component .component-content .program-info {
  position: absolute;
  left: var(--program-info-left);
  top: var(--program-info-top);
  max-height: var(--program-info-height);
  max-width: var(--program-info-width);
  margin-right: var(--program-info-margin-right);
  margin-left: var(--program-info-margin-left);
  /* To ellipsis after wrapping */
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: var(--program-info-line-count);
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.program-description-component .component-content .program-info h3 {
  margin-bottom: var(--program-info-title-margin-bottom);
  color: #002855;
}
.program-description-component .component-content .program-info h5 {
  color: #424656;
}

.course-hero-banner-component {
  /* Input variables, set them in the cshtml
      --background-color
  */
  --chb-padding-top: 72px;
  --chb-padding-bottom: 34px;
  --chb-course-name-margin-top: 8px;
  position: relative;
  height: var(--banner-h);
  background-color: var(--background-color);
  overflow: hidden;
  margin-top: var(--course-hero-banner-margin-top);
}
@media (max-width: 499.98px) {
  .course-hero-banner-component {
    --chb-padding-top: 64px;
    --chb-padding-bottom: 16px;
    --chb-course-name-margin-top: 0px;
    --course-hero-banner-margin-top: 0px !important;
  }
}
.course-hero-banner-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  padding-top: var(--chb-padding-top);
  padding-bottom: var(--chb-padding-bottom);
  position: relative;
}
.course-hero-banner-component h3 {
  margin-top: var(--chb-course-name-margin-top);
}

.class-product-card-component {
  /* Input variables, set them in the cshtml
      --program-primary-color
      --program-secondary-color
      --program-name-color
  */
  /* Card variables, those would change based on card size */
  --cbc-card-w: 599px;
  --card-h: 312px;
  --cbc-flex-direction: row;
  --cbc-padding: 32px;
  --cbc-info-margin-top: 32px;
  --cbc-collpase-button-display: none;
  --cbc-info-padding-left: 24px;
  --cbc-diamond-display: initial;
  --cbc-trash-position: 24px;
  display: flex;
  flex-direction: var(--cbc-flex-direction);
  position: relative;
  width: var(--cbc-card-w);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 0;
  padding: var(--cbc-padding);
  overflow: hidden;
  min-height: var(--card-h);
}
@media (max-width: 499.98px) {
  .class-product-card-component {
    --cbc-card-w: 327px;
    --card-h: 208px;
    --cbc-flex-direction: column;
    --cbc-padding: 32px 24px;
    --cbc-info-margin-top: 16px;
    --cbc-collpase-button-display: initial;
    --cbc-info-padding-left: 0px;
    --cbc-diamond-display: none;
    --cbc-trash-position: 35px;
  }
}
@media (min-width: 500px) {
  .class-product-card-component {
    /* Can't do this with variables.  Always show session info when not mobile. */
  }
  .class-product-card-component .session-info {
    display: initial;
  }
}
.class-product-card-component .headers {
  flex: 1;
}
.class-product-card-component .headers .course-code {
  color: var(--color-Neutrals-Body-Copy);
}
.class-product-card-component .headers h5 {
  margin-top: 8px;
  color: var(--color-Neutrals-Heading-Copy);
}
.class-product-card-component .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: var(--cbc-info-margin-top);
  padding-left: var(--cbc-info-padding-left);
}
.class-product-card-component .info .generic-info {
  display: flex;
  flex-direction: row;
}
.class-product-card-component .info .generic-info .lines {
  flex: 1;
}
.class-product-card-component .info .generic-info .lines .method-and-schedule {
  margin: 0;
  color: var(--color-Secondary-Slate);
}
.class-product-card-component .info .generic-info .lines .method-and-schedule .dash {
  color: var(--color-Primary-IIC-Gold);
}
.class-product-card-component .info .generic-info .lines .price {
  color: var(--color-Neutrals-Body-Copy);
}
.class-product-card-component .info .generic-info button {
  display: var(--cbc-collpase-button-display);
  width: 44px;
  height: 44px;
}
.class-product-card-component .info .session-info {
  margin-top: 16px;
}
.class-product-card-component .info .session-info ul {
  padding: 0;
}
.class-product-card-component .info .session-info ul .ceod-class-credits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0px 24px 0px;
}
.class-product-card-component .info .session-info ul .ceod-class-credits .ceod-class-credit {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.class-product-card-component .info .session-info ul .ceod-class-credits .ceod-class-credit .ceod-class-credit-icon {
  margin-right: 12px;
}
.class-product-card-component .info .session-info ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.class-product-card-component .info .session-info .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.class-product-card-component .info .session-info .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.class-product-card-component .info .session-info .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.class-product-card-component .info .session-info .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
}
.class-product-card-component .diamond {
  display: var(--cbc-diamond-display);
  pointer-events: none;
}
.class-product-card-component .diamond .course-diamond {
  fill: var(--diamond-color);
  --course-diamond-w: 519px;
  width: var(--course-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--course-diamond-w));
  position: absolute;
  left: -197px;
  bottom: -193px;
}
.class-product-card-component .diamond .program-code {
  position: absolute;
  left: 40px;
  bottom: 32px;
}
.class-product-card-component .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
  background-color: white;
}
.class-product-card-component .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.class-product-card-component .spinner-border {
  position: absolute;
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
}

.course-tile-component {
  --course-tile-width: 663px;
  --course-tile-diamond-width: 172.37px;
  --course-tile-component-content-padding: 24px 16px 24px 8px;
  --course-tile-code-width: 44px;
  --course-tile-code-height: 24px;
  --course-tile-name-width: 522px;
  --course-tile-diamond-left: -21px;
  width: var(--course-tile-width);
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  cursor: pointer;
  min-height: 72px;
  display: flex;
  align-items: center;
}
@media (max-width: 499.98px) {
  .course-tile-component {
    --course-tile-width: 100%;
    --course-tile-diamond-width: 179px;
    --course-tile-component-content-padding: 16px 16px 16px 8px;
    --course-tile-code-height: 16px;
    --course-tile-name-width: 184px;
    --course-tile-diamond-left: -21px;
  }
}
.course-tile-component:active {
  transform: translate(2px, 2px);
  box-shadow: none !important;
}
.course-tile-component .course-tile-link {
  text-decoration: none;
  width: 100%;
}
.course-tile-component .course-tile-link .course-tile-component-content {
  position: relative;
  padding: var(--course-tile-component-content-padding);
}
.course-tile-component .course-tile-link .course-tile-component-content .course-tile-diamond {
  position: absolute;
  width: var(--course-tile-diamond-width);
  height: 96px;
  top: 50%;
  left: var(--course-tile-diamond-left);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: var(--course-tile-diamond-color);
  z-index: 1;
}
.course-tile-component .course-tile-link .course-tile-component-content .course-tile-info-content {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.course-tile-component .course-tile-link .course-tile-component-content .course-tile-info-content .course-tile-code {
  display: flex;
  align-items: center;
  width: var(--course-tile-code-width);
  height: var(--course-tile-code-height);
  color: var(--course-code-text-color);
}
.course-tile-component .course-tile-link .course-tile-component-content .course-tile-info-content .course-tile-name {
  display: flex;
  align-items: center;
  width: var(--course-tile-name-width);
  padding-left: 11px;
  color: var(--color-Neutrals-Body-Copy);
}
.course-tile-component .course-tile-link .course-tile-component-content .course-tile-info-content .course-tile-icon {
  width: 24px;
  height: 24px;
}

.class-component {
  --class-details-width: 391px;
  --details-margin: 0px 40px 14px 24px;
  --semester-margin: 0px 0px 14px 23px;
  --details-and-content-flex-direction: row;
  --class-details-semester-display: none;
}
.my-class-component .class-component {
  --class-details-semester-display: block;
}

.my-exam-component .class-component {
  --exam-details-semester-display: block;
}

@media (max-width: 499.98px) {
  .class-component {
    --class-details-width: 100%;
    --details-margin: 0px;
    --semester-margin: 0px 0px 14px 16px;
    --details-and-content-flex-direction: column;
  }
  .my-class-component .class-component {
    --class-details-semester-display: block;
  }
}
.class-component .semester-and-details-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: column;
}
.class-component .semester-and-details-and-content .semester {
  display: var(--class-details-semester-display);
  margin: var(--semester-margin);
  color: var(--color-Primary-IIC-Blue);
}
.class-component .semester-and-details-and-content .details-and-content {
  display: flex;
  flex-direction: var(--details-and-content-flex-direction);
}
.class-component .semester-and-details-and-content .details-and-content .details {
  width: var(--class-details-width);
  margin: var(--details-margin);
}
.class-component .semester-and-details-and-content .details-and-content .details .e-learning-button {
  margin-top: 8px;
}
.class-component .semester-and-details-and-content .details-and-content .content {
  flex: 1;
}

.class-header-component {
  --class-header-component-content-padding: 80px var(--iic-site-margin-width) 28px var(--iic-site-margin-width);
  --class-header-text-content-padding: 0px 0px 0px 23px;
  --class-header-code-padding: 0px 0px 0px 2px;
  --class-header-code-margin-bottom: 8px;
  --class-header-line-height: 76px;
  --class-header-line-top: 80px;
  --class-header-line-left: 71px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .class-header-component {
    --class-header-component-content-padding: 56px var(--iic-site-margin-width) 16px var(--iic-site-margin-width);
    --class-header-text-content-padding: 8px 24px 0px 16px;
    --class-header-code-padding: 0px 0px 8px 2px;
    --class-header-code-margin-bottom: 0px;
    --class-header-line-height: 88px;
    --class-header-line-top: 64px;
    --class-header-line-left: 24px;
  }
}
.class-header-component .component-content {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--class-header-component-content-padding);
}
.class-header-component .component-content .class-header-text-content {
  padding: var(--class-header-text-content-padding);
  display: flex;
  flex-direction: column;
  position: relative;
}
.class-header-component .component-content .class-header-text-content .class-header-code {
  display: flex;
  align-items: center;
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--class-header-code-margin-bottom);
  height: 24px;
  overflow: hidden;
  padding: var(--class-header-code-padding);
}
.class-header-component .component-content .class-header-text-content .class-header-name {
  display: flex;
  align-items: center;
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 0px;
}
.class-header-component .component-content .class-header-text-content:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--class-header-line-color);
  position: absolute;
  left: 0;
  top: 0;
}
.class-header-component .component-content .class-header-line {
  left: var(--class-header-line-left);
  position: absolute;
  width: 3px;
  height: var(--class-header-line-height);
  top: var(--class-header-line-top);
  background: var(--class-header-line-color);
}

.class-details-component .top {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 14px 24px;
  display: flex;
  flex-direction: row;
}
.class-details-component .top .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.class-details-component .top .info .delivery-method {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 4px;
}
.class-details-component .top .info .day-of-week {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.class-details-component .bottom {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 24px;
  margin-top: 8px;
}
.class-details-component .bottom ul {
  padding: 0;
  padding: 0;
  margin: 0;
}
.class-details-component .bottom ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.class-details-component .bottom ul li:not(:last-child) {
  margin-bottom: 8px;
}
.class-details-component .bottom .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.class-details-component .bottom .schedule-info a {
  color: var(--color-Neutrals-Body-Copy);
  text-underline-offset: 2px;
}
.class-details-component .bottom .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.class-details-component .bottom .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.class-details-component .bottom .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
}
.class-details-component .bottom .price-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/currency-dollar.svg");
}
.class-details-component .bottom .class-card-institute-content {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/organization9.svg");
}

.class-content-component {
  --component-padding: 8px 0px 14px 0px;
  --component-flex-direction: row;
  padding: var(--component-padding);
  width: 100%;
  height: 100%;
  color: var(--color-Neutrals-Body-Copy);
  display: flex;
  flex-direction: var(--component-flex-direction);
  gap: 16px;
}
@media (max-width: 499.98px) {
  .class-content-component {
    --component-padding: 0px;
    --component-flex-direction: column;
  }
}
.class-content-component .class-content-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  gap: 16px;
}
.class-content-component .class-content-column .class-content-section .content-paragraph {
  white-space: pre-wrap;
}

.class-fee-breakdown-component {
  --cells-padding-left: 40px;
  --blurb-width: 391px;
  --blurb-padding: 0px 24px 0px 40px;
  --component-gap: 64px;
  width: var(--iic-site-width);
  margin: var(--margin-top) auto var(--margin-bottom) auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-wrap: wrap;
  gap: var(--component-gap);
}
@media (max-width: 499.98px) {
  .class-fee-breakdown-component {
    --cells-padding-left: 24px;
    --blurb-width: 100%;
    --blurb-padding: 0px;
    --component-gap: 28px;
  }
}
.class-fee-breakdown-component .class-fee-breakdown-blurb {
  width: var(--blurb-width);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: var(--blurb-padding);
}
.class-fee-breakdown-component .class-fee-breakdown-blurb h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.class-fee-breakdown-component .class-fee-breakdown-blurb p {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.class-fee-breakdown-component .fee-table {
  display: grid;
  grid-template-columns: 72% auto;
  border-radius: 8px;
  overflow: hidden;
  flex: 1;
}
.class-fee-breakdown-component .fee-table .fee-table-header {
  background-color: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
}
.class-fee-breakdown-component .fee-table .fee-table-header.name {
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
}
.class-fee-breakdown-component .fee-table .fee-table-sub-product {
  background-color: white;
  border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
}
.class-fee-breakdown-component .fee-table .fee-table-sub-product.name {
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
}
.class-fee-breakdown-component .fee-table .fee-table-sub-product.name h6 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.class-fee-breakdown-component .fee-table .fee-table-sub-product.name .fee-table-sub-sub-product {
  color: var(--color-Neutrals-Body-Copy);
}
.class-fee-breakdown-component .fee-table .fee-table-sub-product.price {
  color: var(--color-Neutrals-Body-Copy);
}
.class-fee-breakdown-component .fee-table .fee-table-footer {
  background-color: var(--color-Secondary-Deep-Periwinkle);
  color: white;
  border-top: 3px solid var(--color-Primary-IIC-Blue);
}
.class-fee-breakdown-component .fee-table .fee-table-footer.name {
  text-align: right;
}
.class-fee-breakdown-component .fee-table .name {
  padding: 24px 16px 24px var(--cells-padding-left);
}
.class-fee-breakdown-component .fee-table .price {
  padding: 24px 16px 24px var(--cells-padding-left);
}

.course-description-component {
  --course-description-info-width: 494px;
  --course-description-code-margin: 37px 0px 75px 0px;
  --course-description-code-min-height: 24px;
  --component-content-flex-direction: row;
  --course-description-media-margin: 96px 0px 16px 0px;
  --course-description-media-width: 640px;
  --course-description-media-height: 360px;
  --course-description-info-margin: 0px 88px 104px 0px;
  --course-description-diamond-width: 611px;
  --course-description-diamond-height: 363px;
  --course-description-diamond-top: -256px;
  --course-description-diamond-left: -218px;
  --course-description-title-min-height: 48px;
  overflow: hidden;
  margin-bottom: var(--course-description-margin-bottom);
}
@media (max-width: 499.98px) {
  .course-description-component {
    --course-description-info-width: 100%;
    --course-description-code-margin: 24px 0px 64px 0px;
    --course-description-code-min-height: 16px;
    --component-content-flex-direction: column;
    --course-description-media-margin: 0px 0px 0px 0px;
    --course-description-media-width: 100%;
    --course-description-media-height: 184px;
    --course-description-info-margin: 0px 0px 48px 0px;
    --course-description-diamond-width: 282.62px;
    --course-description-diamond-height: 167.43px;
    --course-description-diamond-top: -88.17px;
    --course-description-diamond-left: -94.29px;
    --course-description-title-min-height: 32px;
    --course-description-margin-bottom: 0px !important;
  }
}
.course-description-component .component-content {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--component-content-flex-direction);
}
.course-description-component .component-content .course-description-diamond {
  width: var(--course-description-diamond-width);
  height: var(--course-description-diamond-height);
  position: absolute;
  fill: var(--course-description-diamond-color);
  z-index: 1;
  top: var(--course-description-diamond-top);
  left: var(--course-description-diamond-left);
}
.course-description-component .component-content .course-description-info {
  margin: var(--course-description-info-margin);
  width: var(--course-description-info-width);
  z-index: 2;
}
.course-description-component .component-content .course-description-info .course-description-code {
  margin: var(--course-description-code-margin);
  color: var(--course-code-text-color);
  min-height: var(--course-description-code-min-height);
}
.course-description-component .component-content .course-description-info h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 16px;
  min-height: var(--course-description-title-min-height);
}
.course-description-component .component-content .course-description-info h5 {
  color: var(--color-Neutrals-Steel);
  margin-bottom: 0px;
}
.course-description-component .component-content .course-description-video, .course-description-component .component-content .course-description-image {
  margin: var(--course-description-media-margin);
}
.course-description-component .component-content .course-description-video {
  width: var(--course-description-media-width);
  height: var(--course-description-media-height);
}
.course-description-component .component-content .course-description-image {
  margin: var(--course-description-media-margin);
  width: var(--course-description-media-width);
  height: var(--course-description-media-height);
  overflow: hidden;
}
.course-description-component .component-content .course-description-image img {
  width: var(--course-description-media-width);
}

.courses-listing-component {
  --courses-listing-component-content-flex-direction: row;
  --courses-listing-content-width: 287px;
  --courses-listing-text-content-p-height: 20px;
  --courses-listing-icon-display: none;
  --courses-listing-text-content-width: 100%;
  --courses-listing-info-margin: 0px 24px 104px 104px;
  --courses-listing-margin: 88px 0px 80px 0px;
  --courses-listing-padding: 8px 0px 0px 40px;
  --courses-listing-text-content-h6-display: initial;
  --courses-listing-text-content-p-margin: 0px 0px 24px 0px;
  --courses-listing-main-text-content-margin: 0px 0px 24px 0px;
  --courses-listing-additional-text-content-margin: 0px;
  --courses-listing-additional-text-content-padding: 16px 24px 8px;
  --courses-listing-info-position: sticky;
  --courses-listing-width: auto;
  --courses-listing-count-dash-top: 11px;
  --courses-listing-count-dash-left: 72px;
  --component-content-flex-direction: row;
  margin-top: var(--courses-listing-margin-top);
  margin-bottom: var(--courses-listing-margin-bottom);
}
@media (max-width: 499.98px) {
  .courses-listing-component {
    --courses-listing-component-content-flex-direction: column;
    --courses-listing-content-width: 100%;
    --courses-listing-text-content-p-height: 16px;
    --courses-listing-icon-display: initial;
    --courses-listing-text-content-width: 179px;
    --courses-listing-info-margin: 0px 0px 24px 0px;
    --courses-listing-margin: 0px;
    --courses-listing-padding: 0px;
    --courses-listing-text-content-h6-display: none;
    --courses-listing-text-content-p-margin: 0px;
    --courses-listing-main-text-content-margin: 0px;
    --courses-listing-additional-text-content-margin: 16px 0px 0px 0px;
    --courses-listing-additional-text-content-padding: 24px;
    --courses-listing-info-position: initial;
    --courses-listing-width: 100%;
    --courses-listing-count-dash-top: 8px;
    --courses-listing-count-dash-left: 67px;
    --component-content-flex-direction: column;
  }
}
@media (min-width: 500px) {
  .courses-listing-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.courses-listing-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  align-items: flex-start;
  flex-direction: var(--component-content-flex-direction);
}
.courses-listing-component .component-content .courses-listing-info {
  position: var(--courses-listing-info-position);
  top: 75px;
  vertical-align: top;
  width: var(--courses-listing-content-width);
  margin: var(--courses-listing-info-margin);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: var(--courses-listing-main-text-content-margin);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content {
  width: var(--courses-listing-text-content-width);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content h4 {
  min-height: 32px;
  margin-bottom: 8px;
  color: var(--color-Neutrals-Heading-Copy);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content .courses-listing-count {
  display: flex;
  height: var(--courses-listing-text-content-p-height);
  margin: var(--courses-listing-text-content-p-margin);
  color: var(--color-Primary-IIC-Gold);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content .courses-listing-count div {
  color: var(--color-Secondary-Slate);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content .courses-listing-count div:first-child {
  margin-right: 4px;
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content .courses-listing-count .courses-listing-dash {
  margin-right: 4px;
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content .courses-listing-count .courses-listing-dash:before {
  content: "";
  position: relative;
  top: 50%;
  display: block;
  width: 7px;
  height: 1px;
  background: var(--color-Primary-IIC-Gold);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .courses-listing-text-content h6 {
  display: var(--courses-listing-text-content-h6-display);
  color: var(--color-Neutrals-Body-Copy);
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-main-text-content .btn-iic-accordion {
  display: var(--courses-listing-icon-display);
  width: 44px;
  height: 44px;
  margin-top: 8px;
}
.courses-listing-component .component-content .courses-listing-info .courses-listing-additional-text-content {
  padding: var(--courses-listing-additional-text-content-padding);
  margin: var(--courses-listing-additional-text-content-margin);
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
  border-radius: 8px;
}
.courses-listing-component .component-content .courses-listing {
  width: var(--courses-listing-width);
  margin: var(--courses-listing-margin);
  padding: var(--courses-listing-padding);
}
.courses-listing-component .component-content .courses-listing > div {
  margin-bottom: 24px;
}

.class-location-component {
  --class-location-h4-margin: 0px 0px 24px 39px;
  --location-map-component-width: 599px;
  --location-map-component-height: 408px;
  --location-map-component-margin-bottom: 16px;
  --class-location-address-width: 456px;
  --class-location-address-padding: 24px 40px;
  --class-location-address-h5-margin-bottom: 0px;
  --class-location-map-info-margin: 0px 0px 0px 39px;
  --class-location-map-info-flex-direction: row;
  overflow: hidden;
  margin-top: var(--class-location-margin-top);
  margin-bottom: var(--class-location-margin-bottom);
}
@media (max-width: 499.98px) {
  .class-location-component {
    --class-location-h4-margin: 0px 0px 16px 0px;
    --location-map-component-width: 327px;
    --location-map-component-height: 224px;
    --location-map-component-margin-bottom: 8px;
    --class-location-address-width: 327px;
    --class-location-address-padding: 24px 32px;
    --class-location-address-h5-margin-bottom: 16px;
    --class-location-map-info-margin: 0px;
    --class-location-map-info-flex-direction: column-reverse;
  }
}
.class-location-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.class-location-component .component-content h4 {
  margin: var(--class-location-h4-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.class-location-component .component-content .class-location-map-info {
  display: flex;
  flex-direction: var(--class-location-map-info-flex-direction);
  justify-content: space-between;
  align-items: flex-start;
  margin: var(--class-location-map-info-margin);
  background-color: var(--colors-Secondary-Frost-Blue);
}
.class-location-component .component-content .class-location-map-info .class-location-address {
  padding: var(--class-location-address-padding);
  width: var(--class-location-address-width);
  border-radius: 8px;
  background-color: var(--color-Secondary-Frost-Blue);
}
.class-location-component .component-content .class-location-map-info .class-location-address h5 {
  color: var(--color-Secondary-Slate);
  margin-bottom: var(--class-location-address-h5-margin-bottom);
}
.class-location-component .component-content .class-location-map-info .class-location-address p {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.class-location-component .component-content .class-location-map-info .location-map-component {
  width: var(--location-map-component-width);
  height: var(--location-map-component-height);
  margin-bottom: var(--location-map-component-margin-bottom);
  margin-left: auto;
}
.class-location-component .component-content .class-location-map-info .location-map-component canvas {
  border-radius: 8px;
}

.class-instructor-component {
  --component-content-padding: 64px var(--iic-site-margin-width) 64px var(--iic-site-margin-width);
  --component-min-height: 616px;
  --class-instructor-title-display: initial;
  --class-instructor-container-title-display: none;
  --component-content-h4-padding: 0px 0px 0px 38px;
  --component-content-h4-margin: 0px 0px 24px 0px;
  --class-instructor-container-flex-direction: row;
  --class-instructor-image-width: 300px;
  --class-instructor-image-margin: 8px 77px 0px 38px;
  --class-instructor-diamond-width: 344px;
  --class-instructor-diamond-height: 207px;
  --class-instructor-diamond-top: 186px;
  --class-instructor-diamond-left: 161px;
  --class-instructor-base-info-caption-bold-caps-height: 24px;
  --class-instructor-header-btn-iic-accordion-display: none;
  --class-instructor-footer-flex-direction: row;
  --class-instructor-footer-gap: 64px;
  --class-instructor-footer-width: 807px;
  --class-instructor-footer-margin-bottom: 130px;
  --class-instructor-about-width: 392px;
  --class-instructor-detailed-info-width: 351px;
  --class-instructor-detailed-info-padding-top: 4px;
  --class-instructor-detailed-info-gap: 16px;
  background: var(--class-instructor-background-color);
  margin-top: var(--class-instructor-margin-top);
  margin-bottom: var(--class-instructor-margin-bottom);
}
@media (max-width: 499.98px) {
  .class-instructor-component {
    --component-content-padding: 40px 24px 44px 40px;
    --component-min-height: 400px;
    --class-instructor-title-display: none;
    --class-instructor-container-title-display: initial;
    --component-content-h4-padding: 0px 0px 5px 0px;
    --component-content-h4-margin: 32px 0px 8px 0px;
    --class-instructor-container-flex-direction: column;
    --class-instructor-image-width: 200px;
    --class-instructor-image-margin: 0;
    --class-instructor-diamond-width: 219.2px;
    --class-instructor-diamond-height: 132.05px;
    --class-instructor-diamond-top: 115px;
    --class-instructor-diamond-left: 85px;
    --class-instructor-base-info-caption-bold-caps-height: 16px;
    --class-instructor-header-btn-iic-accordion-display: initial;
    --class-instructor-footer-flex-direction: column;
    --class-instructor-footer-gap: 20px;
    --class-instructor-footer-width: 100%;
    --class-instructor-footer-margin-bottom: 0;
    --class-instructor-about-width: 100%;
    --class-instructor-detailed-info-width: 100%;
    --class-instructor-detailed-info-padding-top: 0;
    --class-instructor-detailed-info-gap: 8px;
  }
}
@media (min-width: 500px) {
  .class-instructor-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.class-instructor-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--component-content-padding);
  min-height: var(--component-min-height);
}
.class-instructor-component .component-content .class-instructor-title {
  display: var(--class-instructor-title-display);
}
.class-instructor-component .component-content .class-instructor-container-title {
  display: var(--class-instructor-container-title-display);
  z-index: 99;
}
.class-instructor-component .component-content h4 {
  padding: var(--component-content-h4-padding);
  margin: var(--component-content-h4-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.class-instructor-component .component-content .class-instructor-container {
  position: relative;
  display: flex;
  flex-direction: var(--class-instructor-container-flex-direction);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-image {
  margin: var(--class-instructor-image-margin);
  width: var(--class-instructor-image-width);
  height: fit-content;
  z-index: 2;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-diamond {
  position: absolute;
  width: var(--class-instructor-diamond-width);
  height: var(--class-instructor-diamond-height);
  top: var(--class-instructor-diamond-top);
  left: var(--class-instructor-diamond-left);
  z-index: 1;
  fill: var(--class-instructor-diamond-color);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content {
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-header .class-instructor-base-info {
  display: flex;
  flex-direction: column;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-header .class-instructor-base-info h5 {
  margin-bottom: 4px;
  color: var(--color-Primary-IIC-Blue);
  height: 24px;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-header .class-instructor-base-info .caption-bold-caps {
  color: var(--color-Neutrals-Body-Copy);
  height: var(--class-instructor-base-info-caption-bold-caps-height);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-header .btn-iic-accordion {
  display: var(--class-instructor-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer {
  display: flex;
  flex-direction: var(--class-instructor-footer-flex-direction);
  align-items: flex-start;
  gap: var(--class-instructor-footer-gap);
  width: var(--class-instructor-footer-width);
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: var(--class-instructor-footer-margin-bottom);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-about {
  width: var(--class-instructor-about-width);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-about p {
  margin: 0;
  white-space: pre-wrap;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-detailed-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--class-instructor-detailed-info-gap);
  width: var(--class-instructor-detailed-info-width);
  padding-top: var(--class-instructor-detailed-info-padding-top);
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-detailed-info pre {
  overflow: hidden;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-detailed-info > div {
  min-height: 43px;
}
.class-instructor-component .component-content .class-instructor-container .class-instructor-text-content .class-instructor-footer .class-instructor-detailed-info .caption-bold-caps {
  height: 18px;
}

.sticky-add-to-cart-component {
  --sticky-background-desktop: var(--color-Secondary-Icy-Blue);
  --sticky-background-mobile: none;
  --sticky-shadows: 0px -3px 16px rgba(18, 36, 69, 0.15);
  --banner-padding: 15px 0px;
  --v-line-display: block;
  --delivery-display: block;
  --date-display: block;
  --btn-margin: 32px;
  --btn-direction: row;
  --btn-order: none;
  --btn-width: auto;
  --content-margin: 16px auto;
  --spots-top: 0;
  --content-justify: space-between;
  --banner-bottom: 15px;
  --spots-order: 0;
  --sticky-delivery-method-width: 103px;
  background: var(--sticky-background-mobile);
  position: sticky;
  bottom: var(--banner-bottom);
  left: 0;
  right: 0;
  z-index: 19;
}
@media (max-width: 499.98px) {
  .sticky-add-to-cart-component {
    --sticky-background-desktop: none;
    --sticky-background-mobile: var(--color-Secondary-Icy-Blue);
    --sticky-shadows: none;
    --banner-padding: 17px 0px;
    --v-line-display: none;
    --delivery-display: none;
    --date-display: none;
    --btn-margin: 0;
    --btn-direction: column;
    --btn-order: -1;
    --btn-width: 326px;
    --content-margin: 0 auto;
    --spots-top: 10px;
    --content-justify: center;
    --banner-bottom: 5px;
    --spots-order: 1;
  }
}
.sticky-add-to-cart-component .content-wrapper {
  width: var(--iic-site-width);
  padding: var(--banner-padding);
  background: var(--sticky-background-desktop);
  margin: var(--content-margin);
  display: flex;
  align-items: center;
  justify-content: var(--content-justify);
  box-shadow: var(--sticky-shadows);
  border-radius: 8px 8px 0px 0px;
}
.sticky-add-to-cart-component .content-wrapper.ceod-class {
  --sticky-delivery-method-width: auto;
}
.sticky-add-to-cart-component .content-wrapper .left-side {
  display: flex;
  align-items: center;
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-delivery-method {
  display: var(--delivery-display);
  margin-left: 32px;
  width: var(--sticky-delivery-method-width);
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-delivery-method h5 {
  color: var(--color-Secondary-Slate);
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-delivery-method h6 {
  color: var(--color-Neutrals-Body-Copy);
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location {
  display: var(--date-display);
  margin-left: 32px;
  width: 514px;
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location ul {
  height: 54px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location ul li {
  list-style: none;
  padding-left: 30px;
  padding-right: 48px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location .schedule-info a {
  color: var(--color-Neutrals-Body-Copy);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.sticky-add-to-cart-component .content-wrapper .left-side .sticky-date-location .delivery-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/pencil-alt.svg");
}
.sticky-add-to-cart-component .content-wrapper .right-side {
  display: flex;
  align-items: center;
}
.sticky-add-to-cart-component .content-wrapper .right-side .sticky-button {
  display: flex;
  flex-direction: var(--btn-direction);
  align-items: center;
  margin-right: var(--btn-margin);
}
.sticky-add-to-cart-component .content-wrapper .right-side .sticky-button .spots {
  padding-left: 30px;
  background-image: var(--additional-icon);
  background-repeat: no-repeat;
  background-position: left;
  margin-top: var(--spots-top);
  margin-left: var(--btn-margin);
  order: var(--spots-order);
}
.sticky-add-to-cart-component .content-wrapper .right-side .sticky-button button {
  margin-left: var(--btn-margin);
  order: var(--btn-order);
  width: var(--btn-width);
}
.sticky-add-to-cart-component .content-wrapper .v-line {
  display: var(--v-line-display);
  width: 1px;
  height: 48px;
  background-color: var(--color-Tertiary-Cream);
}
.sticky-add-to-cart-component .content-wrapper .one {
  margin-left: 36px;
}
.sticky-add-to-cart-component .content-wrapper .two {
  margin-left: 8px;
}

.important-dates-component {
  --important-dates-list-flex-direction: row;
  --important-dates-item-divider-width: 1px;
  --important-dates-item-divider-height: 64px;
  --important-dates-content-h5-margin: 32px 0px 16px 24px;
  --important-dates-list-gap: 48px;
  --important-dates-item-padding: 8px 0px;
  --important-dates-list-margin: 0px 0px 24px 0px;
  --important-dates-list-align-items: center;
  overflow: hidden;
  margin-top: var(--important-dates-margin-top);
  margin-bottom: var(--important-dates-margin-bottom);
}
@media (max-width: 499.98px) {
  .important-dates-component {
    --important-dates-list-flex-direction: column;
    --important-dates-item-divider-width: 100%;
    --important-dates-item-divider-height: 1px;
    --important-dates-content-h5-margin: 32px 24px 16px 24px;
    --important-dates-list-gap: 16px;
    --important-dates-item-padding: 0;
    --important-dates-list-margin: 0px 24px 16px 24px;
    --important-dates-margin-top: 32px !important;
    --important-dates-margin-bottom: 32px !important;
    --important-dates-list-align-items: flex-start;
  }
}
.important-dates-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.important-dates-component .component-content .important-dates-content {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: var(--color-Secondary-Deep-Periwinkle);
  color: var(--color-IIC-White);
}
.important-dates-component .component-content .important-dates-content h5 {
  margin: var(--important-dates-content-h5-margin);
  height: 24px;
}
.important-dates-component .component-content .important-dates-content .important-dates-list {
  display: flex;
  align-items: var(--important-dates-list-align-items);
  flex-direction: var(--important-dates-list-flex-direction);
  justify-content: space-between;
  gap: var(--important-dates-list-gap);
  margin: var(--important-dates-list-margin);
}
.important-dates-component .component-content .important-dates-content .important-dates-list .important-dates-item {
  padding: var(--important-dates-item-padding);
  min-width: 130px;
}
.important-dates-component .component-content .important-dates-content .important-dates-list .important-dates-item h6 {
  margin: 0;
}
.important-dates-component .component-content .important-dates-content .important-dates-list .important-dates-item p {
  margin: 0;
}
.important-dates-component .component-content .important-dates-content .important-dates-list .important-dates-item-divider {
  width: var(--important-dates-item-divider-width);
  height: var(--important-dates-item-divider-height);
  background: var(--color-Secondary-Slate);
}
.important-dates-component .component-content .important-dates-content .important-dates-list:before, .important-dates-component .component-content .important-dates-content .important-dates-list:after {
  content: "";
}

.class-schedule-component {
  --class-schedule-min-height: 672px;
  --class-schedule-list-display: none;
  --class-schedule-list-scroling-display: block;
  --class-schedule-list-scroling-container-display: none;
  --component-content-h4-margin: 0px 0px 24px 37px;
  --slick-list-padding: 0px 23px 0px 109px;
  --slick-prev-next-top: 576px;
  --slick-slide-margin-right: 24px;
  --slick-next-right: 73px;
  --slick-prev-left: 1181px;
  overflow: hidden;
  min-height: var(--class-schedule-min-height);
  margin-top: var(--class-schedule-margin-top);
  margin-bottom: var(--class-schedule-margin-bottom);
}
@media (max-width: 499.98px) {
  .class-schedule-component {
    --class-schedule-min-height: auto;
    --class-schedule-list-display: flex;
    --class-schedule-list-scroling-display: none;
    --class-schedule-list-scroling-container-display: none;
    --component-content-h4-margin: 0px 0px 33px 0px;
    --class-schedule-margin-top: 32px !important;
    --class-schedule-margin-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  .class-schedule-component {
    --slick-next-right: 73px;
    --slick-prev-left: 1315px;
  }
}
.class-schedule-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.class-schedule-component .component-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: var(--component-content-h4-margin);
}
.class-schedule-component .component-content .class-schedule-list {
  display: var(--class-schedule-list-display);
}
.class-schedule-component .class-schedule-list-scroling-container {
  display: var(--class-schedule-list-scroling-container-display);
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling {
  display: var(--class-schedule-list-scroling-display) !important;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 99px 0px;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-list {
  padding: var(--slick-list-padding) !important;
  overflow: visible;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-list .slick-slide {
  margin-right: var(--slick-slide-margin-right);
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-prev, .class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-next {
  bottom: 2px !important;
  top: auto !important;
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-prev:before, .class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-next:before {
  content: none;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-prev.slick-disabled, .class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-next.slick-disabled {
  opacity: 0.35;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
  right: var(--slick-next-right);
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
  left: var(--slick-prev-left);
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-dots {
  bottom: 45px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-dots li.slick-active button:before, .class-schedule-component .class-schedule-list-scroling-container .class-schedule-list-scroling .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}

.class-schedule-item-component {
  --class-schedule-item-min-width: 853px;
  --class-schedule-item-min-height: 517px;
  --class-schedule-item-padding: 40px 32px 32px;
  --class-schedule-month-display: initial;
  --class-schedule-days-width: 414px;
  --class-schedule-days-title-date-width: 183px;
  --class-schedule-days-title-time-width: 231px;
  --class-schedule-date-time-padding: 20px 20px;
  --class-schedule-date-container-border-right: none;
  width: var(--class-schedule-item-min-width) !important;
  min-height: var(--class-schedule-item-min-height);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--class-schedule-item-padding);
  gap: 24px;
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
}
@media (max-width: 499.98px) {
  .class-schedule-item-component {
    --class-schedule-item-min-width: 100%;
    --class-schedule-item-min-height: auto;
    --class-schedule-days-width: 100%;
    --class-schedule-days-title-date-width: 133px;
    --class-schedule-days-title-time-width: 193px;
    --class-schedule-date-time-padding: 24px 5px 24px 12px;
    --class-schedule-date-container-border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
    --class-schedule-item-padding: 0px;
    --class-schedule-month-display: none;
  }
}
.class-schedule-item-component .class-schedule {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 72px;
}
.class-schedule-item-component .class-schedule .class-schedule-month {
  width: 303px;
  height: 398px;
  display: var(--class-schedule-month-display);
}
.class-schedule-item-component .class-schedule .class-schedule-month h5 {
  margin-bottom: 40px;
  color: var(--color-Neutrals-Heading-Copy);
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar {
  width: 303px;
  height: 330px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-header-toolbar {
  display: none !important;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid {
  padding: 0px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr {
  width: 303px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 6px;
  margin-bottom: 20px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr th {
  width: 30px;
  height: 30px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-col-header > thead > tr .fc-scrollgrid-sync-inner a {
  color: var(--color-Neutrals-Body-Copy) !important;
  text-decoration: none;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody {
  width: 303px;
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr {
  width: 303px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 6px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td {
  display: flex;
  align-items: center;
  text-align: center;
  width: 30px;
  height: 30px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td.fc-day-other a {
  display: none;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame {
  position: relative;
  width: 30px;
  height: 30px;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame a {
  text-decoration: none;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 2;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-number {
  color: var(--color-Neutrals-Body-Copy) !important;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-event-harness {
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--color-Secondary-Icy-Blue);
  z-index: 1;
}
.class-schedule-item-component .class-schedule .class-schedule-month .class-schedule-month-calendar .fc-dayGridMonth-view .fc-scrollgrid .fc-scrollgrid-sync-table > tbody tr td .fc-daygrid-day-frame .fc-daygrid-event-harness .fc-daygrid-event {
  display: none;
}
.class-schedule-item-component .class-schedule .class-schedule-days {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: var(--class-schedule-days-width);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-title {
  display: flex;
  flex-direction: row;
  border-radius: 8px 8px 0px 0px;
  background: var(--color-Neutrals-Light-Grey);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-title > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 24px;
  height: 56px;
  color: var(--color-Neutrals-Body-Copy);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-title .class-schedule-days-title-date {
  width: var(--class-schedule-days-title-date-width);
  border-right: var(--class-schedule-date-container-border-right);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-title .class-schedule-days-title-time {
  width: var(--class-schedule-days-title-time-width);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items {
  display: flex;
  flex-direction: column;
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items div:not(:last-child) {
  border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items .class-schedule-days-item {
  display: flex;
  flex-direction: row;
  color: var(--color-Neutrals-Body-Copy);
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items .class-schedule-days-item p {
  margin: 0;
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items .class-schedule-days-item .class-schedule-date-container {
  display: flex;
  flex-direction: row;
  padding: var(--class-schedule-date-time-padding);
  width: var(--class-schedule-days-title-date-width);
  height: 64px;
  border-right: var(--class-schedule-date-container-border-right);
  border-bottom: none;
  gap: 8px;
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items .class-schedule-days-item .class-schedule-date-container img {
  width: 18px;
  height: 18px;
}
.class-schedule-item-component .class-schedule .class-schedule-days .class-schedule-days-items .class-schedule-days-item .class-schedule-time-string {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--class-schedule-date-time-padding);
  width: var(--class-schedule-days-title-time-width);
  height: 64px;
}

.dynamic-content-component {
  --component-padding: 8px 0px 14px 0px;
  --component-flex-direction: row;
  padding: var(--component-padding);
  width: 100%;
  height: 100%;
  color: var(--color-Neutrals-Body-Copy);
  display: flex;
  flex-direction: var(--component-flex-direction);
  gap: 16px;
}
@media (max-width: 499.98px) {
  .dynamic-content-component {
    --component-padding: 0px;
    --component-flex-direction: column;
  }
}
.dynamic-content-component .dynamic-content-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  gap: 16px;
}
.dynamic-content-component .dynamic-content-column .dynamic-content-section .content-paragraph {
  white-space: pre-wrap;
}

.filter-listing-component {
  --listing-filters-margin: 0px 0px 0px 40px;
  --listing-filters-width: 391px;
  --listing-filters-paragraph-margin: 0px;
  --listing-filter-sections-padding: 32px;
  --listing-instructor-filter-section-input-width: 265px;
  --listing-text-content-margin-bottom: 56px;
  --listing-text-content-h3-margin-left: 0;
  --listing-filters-header-icon-display: block;
  --listing-filters-header-icon-collapsed-display: none;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-height: 72px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 599px;
  --listing-pagination-footer-margin-top: 16px;
  --listing-pagination-footer-margin-left: 0;
  --listing-pagination-controls-width: 318px;
  --pagination-controls-buttons-width: 104px;
  --listing-pagination-numbers-height: 24px;
  --listing-component-content-grid-template-areas:
      "filters-content listing-pagination-header"
      "filters-content search-results-side"
      "filters-content listing-pagination-footer";
  --listing-component-content-grid-template-columns: 519px;
  --listing-component-content-grid-template-rows: auto auto 100%;
  --listing-text-content-justify-content: start;
  --listing-text-content-gap: 20px;
  --listing-text-content-h4-width: 571px;
  --listing-items-list-gap: 24px;
  --listing-items-grey-background-display: none;
  --listing-pagination-header-margin: 8px 0px 16px 0px;
  --listing-no-classes-message-margin-top: 50%;
  --listing-filters-header-margin-top: 0px;
  --exam-listing-notification-margin-bottom: 16px;
  --exam-listing-notification-width: 599px;
  --class-listing-card-host-display: none;
  --class-listing-name-section-display: none;
  --event-listing-card-host-display: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: var(--listing-margin-top);
  margin-bottom: var(--listing-margin-bottom);
}
.filter-listing-component.left-side {
  --listing-component-content-grid-template-areas:
      "listing-pagination-header filters-content"
      "search-results-side       filters-content"
      "listing-pagination-footer filters-content";
  --listing-component-content-grid-template-columns: 648px;
}
.filter-listing-component.show-courses {
  --listing-text-content-margin-bottom: 64px;
  --listing-text-content-justify-content: center;
}
.filter-listing-component.show-hosts div.class-card-institute-content {
  --class-listing-card-host-display: flex;
}
.filter-listing-component.show-hosts div.class-card-institute-names {
  --class-listing-name-section-display: block;
}
.filter-listing-component.show-events {
  --listing-pagination-footer-width: 495px;
  --listing-text-content-margin-bottom: 48px;
  --listing-items-list-gap: 72px;
  --listing-items-grey-background-display: block;
  --listing-items-grey-background-gradient: 220px;
  --listing-pagination-header-margin: 8px 0px 11px 0px;
  --listing-pagination-footer-margin-left: auto;
  --listing-pagination-controls-width: 270px;
}
.filter-listing-component.left-side.show-events {
  --listing-component-content-grid-template-columns: 719px;
  --listing-filters-paragraph-margin: 124px 0px 0px 0px;
}
.filter-listing-component.show-hosts div.event-card-institute-content {
  --event-listing-card-host-display: flex;
}
.filter-listing-component.no-filtering {
  --listing-filters-margin: 8px 0px 0px 0px;
}
.filter-listing-component.show-courses.no-filtering {
  --listing-filters-margin: 8px 0px 0px 48px;
}
.filter-listing-component.show-exams {
  --listing-component-content-grid-template-areas:
      "filters-content exam-listing-notification"
      "filters-content listing-pagination-header"
      "filters-content search-results-side"
      "filters-content listing-pagination-footer";
  --listing-component-content-grid-template-rows: auto auto auto 100%;
}
.filter-listing-component.show-exams.left-side {
  --listing-component-content-grid-template-areas:
      "exam-listing-notification filters-content"
      "listing-pagination-header filters-content"
      "search-results-side       filters-content "
      "listing-pagination-footer filters-content" ;
  --listing-component-content-grid-template-columns: 648px;
}
.filter-listing-component.show-exams.use-exam-tile {
  --listing-pagination-footer-width: 662px;
  --exam-listing-notification-width: 662px;
}
@media (max-width: 499.98px) {
  .filter-listing-component {
    --listing-filters-margin: 0;
    --listing-filters-width: 100%;
    --listing-filters-paragraph-margin: 0px 0px 30px 0px;
    --listing-filter-sections-padding: 16px;
    --listing-instructor-filter-section-input-width: 220px;
    --listing-text-content-margin-bottom: 16px;
    --listing-text-content-h3-margin-left: 0;
    --listing-filters-header-icon-display: none;
    --listing-filters-header-icon-collapsed-display: block;
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-height: 80px;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-footer-margin-top: 32px;
    --listing-pagination-controls-width: 100%;
    --pagination-controls-buttons-width: 100%;
    --listing-pagination-numbers-height: 16px;
    --listing-component-content-grid-template-areas:
        "listing-pagination-header filters-header-mobile-icon"
        "filters-content           filters-content"
        "search-results-side       search-results-side"
        "listing-pagination-footer listing-pagination-footer";
    --listing-component-content-grid-template-columns: auto 26px;
    --listing-component-content-grid-template-rows: none;
    --listing-text-content-gap: 22px;
    --listing-text-content-h4-width: 100%;
    --listing-no-classes-message-margin-top: 0;
    --listing-filters-header-margin-top: 10px;
    --exam-listing-notification-margin-bottom: 16px;
    --exam-listing-notification-width: 100%;
    --class-listing-card-host-display: none;
    --class-listing-name-section-display: none;
    --event-listing-card-host-display: none;
  }
  .filter-listing-component.show-courses {
    --listing-text-content-margin-bottom: 24px;
  }
  .filter-listing-component.show-hosts div.class-card-institute-content {
    --class-listing-card-host-display: flex;
  }
  .filter-listing-component.show-hosts div.class-card-institute-names {
    --class-listing-name-section-display: block;
  }
  .filter-listing-component.show-events {
    --listing-pagination-footer-width: 100%;
    --listing-text-content-margin-bottom: 24px;
    --listing-items-grey-background-gradient: 68px;
    --listing-pagination-header-margin: 8px 0px 40px 0px;
    --listing-text-content-h3-margin-left: 0;
    --listing-pagination-controls-width: 100%;
  }
  .filter-listing-component.left-side {
    --listing-component-content-grid-template-areas:
        "listing-pagination-header filters-header-mobile-icon"
        "filters-content           filters-content"
        "search-results-side       search-results-side"
        "listing-pagination-footer listing-pagination-footer";
    --listing-component-content-grid-template-columns: auto 26px;
  }
  .filter-listing-component.left-side.show-events {
    --listing-component-content-grid-template-columns: auto 26px;
    --listing-filters-paragraph-margin: 0px 0px 30px 0px;
  }
  .filter-listing-component.show-hosts div.event-card-institute-content {
    --event-listing-card-host-display: flex;
  }
  .filter-listing-component.no-filtering {
    --listing-filters-margin: 8px 0px 0px 0px;
  }
  .filter-listing-component.no-filtering {
    --listing-component-content-grid-template-areas:
        "filters-content           filters-content"
        "listing-pagination-header filters-header-mobile-icon"
        "search-results-side       search-results-side"
        "listing-pagination-footer listing-pagination-footer";
  }
  .filter-listing-component.show-exams {
    --listing-component-content-grid-template-areas:
        "exam-listing-notification exam-listing-notification"
        "listing-pagination-header filters-header-mobile-icon"
        "filters-content           filters-content"
        "search-results-side       search-results-side"
        "listing-pagination-footer listing-pagination-footer";
    --listing-component-content-grid-template-rows: none;
  }
  .filter-listing-component.show-exams.no-filtering {
    --listing-component-content-grid-template-areas:
        "filters-content           filters-content"
        "exam-listing-notification exam-listing-notification"
        "listing-pagination-header listing-pagination-header"
        "search-results-side       search-results-side"
        "listing-pagination-footer listing-pagination-footer";
  }
  .filter-listing-component.show-exams.use-exam-tile {
    --listing-pagination-footer-width: 100%;
    --exam-listing-notification-width: 100%;
  }
}
@media (min-width: 500px) {
  .filter-listing-component .collapse.dont-collapse-lg {
    display: block;
  }
}
.filter-listing-component .pagination-controls-input::-webkit-outer-spin-button,
.filter-listing-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.filter-listing-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.filter-listing-component .listing-text-content {
  display: flex;
  flex-direction: column;
  align-items: var(--listing-text-content-justify-content);
  gap: var(--listing-text-content-gap);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-bottom: var(--listing-text-content-margin-bottom);
}
.filter-listing-component .listing-text-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-left: var(--listing-text-content-h3-margin-left);
}
.filter-listing-component .listing-text-content h4 {
  width: var(--listing-text-content-h4-width);
  color: var(--color-Neutrals-Body-Copy);
  text-align: center;
}
.filter-listing-component .hidden {
  display: none;
}
.filter-listing-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: grid;
  grid-template-areas: var(--listing-component-content-grid-template-areas);
  grid-template-columns: var(--listing-component-content-grid-template-columns);
  grid-template-rows: var(--listing-component-content-grid-template-rows);
}
.filter-listing-component .component-content .filters-header-icon {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/adjustments.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.filter-listing-component .component-content .filters-header-icon.desktop-icon {
  display: var(--listing-filters-header-icon-display);
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.filter-listing-component .component-content .filters-header-icon.mobile-icon {
  display: var(--listing-filters-header-icon-collapsed-display);
  grid-area: filters-header-mobile-icon;
  width: 26px;
  height: 26px;
  margin-bottom: 16px;
}
.filter-listing-component .component-content .filters-header-icon.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments.svg");
}
.filter-listing-component .component-content .filters-header-icon.collapsed:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments-hover.svg");
}
.filter-listing-component .component-content .filters-content {
  display: flex;
  flex-direction: column;
  margin: var(--listing-filters-margin);
  grid-area: filters-content;
  height: fit-content;
}
.filter-listing-component .component-content .filters-content .filters {
  width: var(--listing-filters-width);
}
.filter-listing-component .component-content .filters-content .filters.paragraph {
  margin: var(--listing-filters-paragraph-margin);
  color: var(--color-Primary-IIC-Blue);
}
.filter-listing-component .component-content .filters-content .filters .filters-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 24px;
  margin-bottom: 24px;
  margin-top: var(--listing-filters-header-margin-top);
}
.filter-listing-component .component-content .filters-content .filters .filters-header .filters-header-title {
  min-width: 146px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.filter-listing-component .component-content .filters-content .filters .filters-header .filters-header-title h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections {
  padding: var(--listing-filter-sections-padding);
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  margin-bottom: 16px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section {
  display: flex;
  flex-direction: column;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section .filter-section-name {
  margin-bottom: 12px !important;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section #classLocation {
  margin-bottom: 8px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section #classLocation::part(iic-form-select) {
  box-shadow: none !important;
  border-bottom: 2px solid var(--color-Neutrals-Cadet-Grey);
  padding: 0px !important;
  border-radius: 0px !important;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section #classLocation::part(iic-form-select):focus {
  border-bottom: 2px solid var(--color-CTA-CTA-Tertiary-Text-Cerulean);
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section #classLocation::part(iic-form-group) {
  min-width: 200px !important;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section #classLocation::part(iic-text-filter-ul) {
  width: 100%;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section .location-filter-section-radius {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-top: 14px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section .location-filter-section-radius .location-filter-section-radius-input {
  display: flex;
  flex-direction: column;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section .location-filter-section-radius .location-filter-section-radius-input .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .location-filter-section .location-filter-section-radius .location-filter-section-radius-input select {
  width: 145px;
  margin-right: 16px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .instructor-filter-section .filter-section-name {
  margin-bottom: 8px !important;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .instructor-filter-section .instructor-filter-section-input {
  display: inline-block;
  width: var(--listing-instructor-filter-section-input-width);
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .instructor-filter-section .btn-iic-tertiary {
  display: inline-block;
  margin: 0px -30px 0px 8px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name {
  margin-bottom: 16px;
  color: var(--color-Neutrals-Heading-Copy);
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry .form-check {
  margin: 0;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label {
  color: var(--color-Neutrals-Heading-Copy);
  flex: 1;
  margin: 0px 8px 0px 8px;
}
.filter-listing-component .component-content .filters-content .filters .filter-sections .filter-section:not(:last-child):after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: block;
  margin: 24px 0px;
}
.filter-listing-component .component-content .filters-content .filters .filters-footer {
  display: flex;
  justify-content: end;
  margin-bottom: 14px;
}
.filter-listing-component .component-content .exam-listing-notification {
  width: var(--exam-listing-notification-width);
  padding: 24px;
  margin-bottom: var(--exam-listing-notification-margin-bottom);
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
  border-radius: 8px;
  grid-area: exam-listing-notification;
}
.filter-listing-component .component-content .search-results-side {
  display: contents;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component {
  display: contents;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: var(--listing-pagination-header-margin);
  height: 24px;
  grid-area: listing-pagination-header;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .items-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--listing-items-list-gap);
  grid-area: search-results-side;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .items-list .no-classes-message {
  margin-top: var(--listing-no-classes-message-margin-top);
  display: flex;
  justify-content: center;
  color: var(--color-Secondary-Slate);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .items-list .event-items {
  display: flex;
  flex-direction: column;
  gap: var(--listing-items-list-gap);
  margin: 81px 0px 64px 0px;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .items-list .grey-background {
  background: linear-gradient(to right, transparent 0%, transparent var(--listing-items-grey-background-gradient), var(--color-Neutrals-Light-Grey) var(--listing-items-grey-background-gradient), var(--color-Neutrals-Light-Grey) 100%);
  width: 200vw;
  position: absolute;
  z-index: -1;
  height: 100%;
  display: var(--listing-items-grey-background-display);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer {
  display: flex;
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  width: var(--listing-pagination-footer-width);
  margin-top: var(--listing-pagination-footer-margin-top);
  margin-left: var(--listing-pagination-footer-margin-left);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.filter-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}

.class-card-component {
  --class-card-component-width: 599px;
  --class-card-component-flex-direction: row;
  --class-card-component-padding: 31px 32px 28px 28px;
  --class-card-main-content-width: 264px;
  --class-card-additional-content-width: 255px;
  --class-card-additional-content-padding-left: 0px;
  --class-card-additional-content-margin-top: 41px;
  --class-card-diamond-left: 420px;
  --class-card-diamond-top: -89px;
  --class-card-image-left: 508px;
  --class-card-image-top: 17px;
  --class-card-language-content-desktop-side-display: flex;
  --class-card-language-content-mobile-side-display: none;
  --class-card-btn-iic-tertiary-desktop-side-display: flex;
  --class-card-btn-iic-tertiary-mobile-side-display: none;
  --class-card-btn-iic-primary-width: auto;
  --class-card-divider-display: none;
  --class-card-date-and-time-gap: 10px;
  --class-card-date-and-time-padding-bottom: 6px;
  --class-card-language-content-align-items: center;
  --class-card-date-and-time-align-items: center;
  --class-card-institute-content-img-padding: 0.2em;
  --class-card-institute-names-padding-left: 0px;
  --class-card-institute-names-margin-right: -32px;
  display: flex;
  flex-direction: var(--class-card-component-flex-direction);
  justify-content: space-between;
  width: var(--class-card-component-width);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
  padding: var(--class-card-component-padding);
  background: var(--color-IIC-White);
  overflow: hidden;
  position: relative;
}
@media (max-width: 499.98px) {
  .class-card-component {
    --class-card-component-width: 100%;
    --class-card-component-flex-direction: column;
    --class-card-component-padding: 40px 24px 28px 24px;
    --class-card-main-content-width: 279px;
    --class-card-additional-content-width: 279px;
    --class-card-additional-content-padding-left: 16px;
    --class-card-additional-content-margin-top: 0px;
    --class-card-diamond-left: 152px;
    --class-card-diamond-top: -87px;
    --class-card-image-left: 239px;
    --class-card-image-top: 20px;
    --class-card-language-content-desktop-side-display: none;
    --class-card-language-content-mobile-side-display: flex;
    --class-card-btn-iic-tertiary-desktop-side-display: none;
    --class-card-btn-iic-tertiary-mobile-side-display: flex;
    --class-card-btn-iic-primary-width: 100%;
    --class-card-divider-display: flex;
    --class-card-date-and-time-gap: 8px;
    --class-card-date-and-time-padding-bottom: 0px;
    --class-card-language-content-align-items: start;
    --class-card-date-and-time-align-items: start;
    --class-card-institute-content-img-padding: 0em;
    --class-card-institute-names-padding-left: 16px;
    --class-card-institute-names-margin-right: -24px;
  }
}
.class-card-component .class-card-main-content {
  display: flex;
  flex-direction: column;
  width: var(--class-card-main-content-width);
  gap: 16px;
}
.class-card-component .class-card-main-content .class-card-title-content {
  padding-left: 19px;
  background-image: linear-gradient(to top, var(--class-card-line-color) 100%, transparent 0);
  background-repeat: no-repeat;
  background-size: 3px auto;
}
.class-card-component .class-card-main-content .class-card-title-content .class-card-learning-mode {
  color: var(--color-Neutrals-Body-Copy);
  height: 16px;
  margin-bottom: 24px;
}
.class-card-component .class-card-main-content .class-card-title-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.class-card-component .class-card-main-content form {
  margin-top: auto;
}
.class-card-component .btn-iic-tertiary.mobile-side {
  display: var(--class-card-btn-iic-tertiary-mobile-side-display);
}
.class-card-component .btn-iic-tertiary.desktop-side {
  display: var(--class-card-btn-iic-tertiary-desktop-side-display);
}
.class-card-component .btn-iic-primary {
  width: var(--class-card-btn-iic-primary-width);
}
.class-card-component .class-card-language-content {
  flex-direction: row;
  align-items: var(--class-card-language-content-align-items);
}
.class-card-component .class-card-language-content.mobile-side {
  display: var(--class-card-language-content-mobile-side-display);
}
.class-card-component .class-card-language-content.desktop-side {
  display: var(--class-card-language-content-desktop-side-display);
}
.class-card-component .class-card-language-content .class-card-language-icon {
  margin-right: 12px;
}
.class-card-component .class-card-language-content .class-card-language-title {
  color: var(--color-Neutrals-Body-Copy);
}
.class-card-component .class-card-additional-content {
  display: flex;
  flex-direction: column;
  width: var(--class-card-additional-content-width);
  gap: 10px;
  margin-top: var(--class-card-additional-content-margin-top);
}
.class-card-component .class-card-additional-content .class-card-day-and-location {
  padding-left: var(--class-card-additional-content-padding-left);
  display: flex;
  flex-direction: row;
  min-height: 24px;
}
.class-card-component .class-card-additional-content .class-card-day-and-location h6 {
  margin-bottom: 0;
  color: var(--color-Secondary-Slate);
}
.class-card-component .class-card-additional-content .class-card-day-and-location .class-card-dash {
  color: var(--color-Primary-IIC-Gold);
}
.class-card-component .class-card-additional-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  min-height: 24px;
}
.class-card-component .class-card-additional-content .class-card-date-and-time {
  padding-left: var(--class-card-additional-content-padding-left);
  display: flex;
  flex-direction: column;
  gap: var(--class-card-date-and-time-gap);
}
.class-card-component .class-card-additional-content .class-card-date-and-time .class-card-date-content, .class-card-component .class-card-additional-content .class-card-date-and-time .class-card-time-content {
  display: flex;
  flex-direction: row;
  align-items: var(--class-card-date-and-time-align-items);
}
.class-card-component .class-card-additional-content .class-card-date-and-time .class-card-date-content .class-card-date-and-time-icon, .class-card-component .class-card-additional-content .class-card-date-and-time .class-card-time-content .class-card-date-and-time-icon {
  margin-right: 12px;
}
.class-card-component .class-card-additional-content .display-price-content {
  padding-left: var(--class-card-additional-content-padding-left);
  display: flex;
  flex-direction: row;
  align-items: var(--class-card-date-and-time-align-items);
}
.class-card-component .class-card-additional-content .display-price-content .class-card-price-icon {
  margin-right: 12px;
}
.class-card-component .class-card-additional-content .class-card-divider {
  display: var(--class-card-divider-display);
  width: 100%;
  height: 1px;
  background: var(--color-Tertiary-Cream);
}
.class-card-component .class-card-additional-content .class-card-institute-names {
  padding-left: var(--class-card-institute-names-padding-left);
  margin-right: var(--class-card-institute-names-margin-right);
  display: var(--class-listing-name-section-display);
}
.class-card-component .class-card-additional-content .class-card-institute-content {
  display: var(--class-listing-card-host-display);
  flex-direction: row;
}
.class-card-component .class-card-additional-content .class-card-institute-content span {
  padding-left: 12px;
  letter-spacing: -0.02em;
}
.class-card-component .class-card-additional-content .class-card-institute-content .icon-spacer {
  padding-right: 6px;
}
.class-card-component .class-card-additional-content .class-card-institute-content img {
  align-self: flex-start;
  padding-top: var(--class-card-institute-content-img-padding);
}
.class-card-component .class-card-diamond {
  position: absolute;
  width: 302.14px;
  height: 178.18px;
  fill: var(--class-card-diamond-color);
  left: var(--class-card-diamond-left);
  top: var(--class-card-diamond-top);
  z-index: 1;
}
.class-card-component .class-card-image {
  position: absolute;
  z-index: 2;
  left: var(--class-card-image-left);
  top: var(--class-card-image-top);
}

.location-detection-component {
  --modal-border-radius: var(--bs-modal-border-radius);
  --modal-margin-top: 91px;
  --modal-dialog-top: 22%;
  --modal-width: 391px;
  --modal-content-position: relative;
  --modal-content-bottom: -;
  --modal-height: -;
  --modal-margin: auto;
  --content-border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
}
@media (max-width: 499.98px) {
  .location-detection-component {
    --modal-border-radius: none;
    --modal-margin-top: -;
    --modal-dialog-top: 0%;
    --modal-width: 100%;
    --modal-content-position: absolute;
    --modal-content-bottom: 0;
    --modal-height: inherit;
    --modal-margin: 0;
    --content-border: none;
  }
}
.location-detection-component strong {
  letter-spacing: 2px;
}
.location-detection-component .modal-dialog {
  align-items: flex-start;
  top: var(--modal-dialog-top);
  width: var(--modal-width);
  height: inherit;
  margin: var(--modal-margin);
}
.location-detection-component .modal-dialog .modal-content {
  background-color: var(--color-Secondary-Icy-Blue);
  border-radius: var(--modal-border-radius);
  position: var(--modal-content-position);
  bottom: var(--modal-content-bottom);
  border: var(--content-border);
}
.location-detection-component .modal-dialog .modal-content .modal-header {
  padding: 0;
  border-bottom: none;
  align-items: flex-start;
}
.location-detection-component .modal-dialog .modal-content .modal-header .modal-title {
  margin-top: 48px;
  padding: 0 0 0 33px;
  color: var(--color-Secondary-Slate);
}
.location-detection-component .modal-dialog .modal-content .modal-header .btn-close {
  padding: 26.8px;
  margin: 0;
  background: transparent url("/assets/InsuranceInstitute/images/Icons/System_tools/x.svg") center/44px auto no-repeat;
  height: 14.8px;
  width: 14.8px;
  opacity: 1;
}
.location-detection-component .modal-dialog .modal-content .modal-header .btn-close:hover {
  background: transparent url("/assets/InsuranceInstitute/images/Icons/System_tools/x-hover.svg") center/44px auto no-repeat;
}
.location-detection-component .modal-dialog .modal-content .modal-header .btn-close:focus {
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
}
.location-detection-component .modal-dialog .modal-content .modal-body {
  color: var(--color-Neutrals-Body-Copy);
  width: 326px;
  padding: 0 0 0 33px;
  margin-top: 16px;
}
.location-detection-component .modal-dialog .modal-content .first-footer {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.location-detection-component .modal-dialog .modal-content .modal-footer {
  border-top: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 33px;
  margin-right: 33px;
  padding: 0;
  margin-bottom: 40px;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .keep-region {
  margin-top: 28px;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .keep-region:focus {
  background-position-x: 0%;
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  background-image: linear-gradient(135deg, #005AC2 0%, #005AC2 50%, #006FF0 50%, #006FF0 100%);
  background-size: 310%;
  transition: background-position 0.4s linear;
}
.location-detection-component .modal-dialog .modal-content .modal-footer #btnChangeRegion:focus {
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  margin-left: 0px;
  padding-left: 4px !important;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .save-region {
  margin-top: 30px;
  width: 100%;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .save-region:focus {
  background-position-x: 0%;
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  background-image: linear-gradient(135deg, #005AC2 0%, #005AC2 50%, #006FF0 50%, #006FF0 100%);
  background-size: 310%;
  transition: background-position 0.4s linear;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .location-input {
  width: 100%;
  margin-top: 18px;
  margin-left: 0;
  margin-right: 0;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .location-input iic-autocomplete::part(iic-form-select):focus {
  border-color: #86b7fe !important;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .iic-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .iic-dropdown label {
  margin-top: 22px;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .iic-dropdown select {
  width: 100%;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .iic-dropdown #selectedOrganization:focus {
  border-color: #86b7fe !important;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .btn-iic-primary {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.location-detection-component .modal-dialog .modal-content .modal-footer .btn-iic-tertiary {
  margin-top: 12px;
}

.login-component {
  margin: 30px;
}
.login-component #login-form {
  /*display: none;*/
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  margin: auto;
  overflow: hidden;
  padding: 20px 55px 33px 55px;
  position: relative;
  width: 340px;
  -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.login-component #login-form h2 {
  padding: 40px 0;
  font-family: monospace;
  font-size: 36px;
  color: #333;
  line-height: 1.2;
  text-align: center;
  font-weight: bolder;
}
.login-component #login-form .view-bag-msg {
  border: 1px solid #FF0000;
}
.login-component #login-form .input-wrapper {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 37px;
}
.login-component #login-form .input-wrapper.invalid {
  background-color: blue;
  border-bottom-color: #ff0000;
}
.login-component #login-form .input-wrapper.invalid .focus-input::after {
  color: #ff0000;
}
.login-component #login-form .input-wrapper input {
  font-family: Poppins-Regular;
  font-size: 20px;
  color: #555;
  line-height: 3.2;
  display: block;
  outline: none;
  width: 100%;
  height: 45px;
  background: 0 0;
  padding: 0 5px;
  border: none;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-component #login-form .input-wrapper input:focus + .focus-input:after {
  top: -15px;
}
.login-component #login-form .input-wrapper input.has-val + .focus-input:after {
  top: -15px;
}
.login-component #login-form .input-wrapper .has-val.input100 + .focus-input100::before {
  width: 100%;
}
.login-component #login-form .focus-input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.login-component #login-form .focus-input:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: #6a7dfe;
  background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  background: -o-linear-gradient(left, #21d4fd, #b721ff);
  background: -moz-linear-gradient(left, #21d4fd, #b721ff);
  background: linear-gradient(left, #21d4fd, #b721ff);
}
.login-component #login-form .focus-input:after {
  font-family: Poppins-Regular;
  font-size: 18px;
  color: #999999;
  line-height: 1.2;
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0px;
  padding-left: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.login-component #login-form .btn-grad-login {
  background-image: linear-gradient(to right, #314755 0%, #26a0da 51%, #314755 100%);
  margin: 0px;
  padding: 7px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 20px;
  display: block;
  width: 230px;
  height: 45px;
  font-weight: bolder;
  margin-top: 30px;
  border-color: transparent;
}
.login-component #login-form .btn-grad-login:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.program-admission-component {
  --grid-areas:
      "header              header               header"
      "education-title     education-list       notification"
      "education-title     education-list       important-dates"
      "documentation-title documentation-fields important-dates"
      "fee-title           fee-details          important-dates"
      ".                   apply-button         .";
  --component-content-grid-template-columns: 288px 455px 349px;
  --header-padding-left: 23px;
  --header-margin-bottom: 56px;
  --notification-text-margin: 8px 0px 8px 0px;
  --notification-text-width: 349px;
  --notification-text-padding: 8px 34px 8px 60px;
  --notification-text-background-position: left 33px center;
  --education-title-h4-margin: 0px 0px 0px 92px;
  --education-list-h6-margin: 0px 0px 16px 0px;
  --education-list-margin: 8px 0px 56px 0px;
  --documentation-title-padding-left: 6px;
  --documentation-title-h4-margin: 0px;
  --documentation-fields-margin: 8px 0px 64px 0px;
  --documentation-fields-h6-margin: 0px 0px 16px 0px;
  --upload-document-container-width: 391px;
  --upload-document-container-gap: 16px;
  --upload-document-container-margin-bottom: 40px;
  --caption-regular-width: 391px;
  --important-dates-width: 349px;
  --important-dates-margin: 0px;
  --important-dates-h5-margin: 32px;
  --important-dates-list-margin: 0px 32px 32px 32px;
  --fee-title-h4-margin: 0px 0px 0px 126px;
  --fee-details-margin: 0px 0px 64px 0px;
  --apply-button-width: 207px;
  --title-justify-content: end;
  --component-content-grid-column-gap: 64px;
  padding: 0px 0px 52px 0px;
  background: var(--color-Primary-Background);
}
@media (max-width: 499.98px) {
  .program-admission-component {
    --grid-areas:
        "header"
        "notification"
        "education-title"
        "education-list"
        "documentation-title"
        "documentation-fields"
        "important-dates"
        "fee-title"
        "fee-details"
        "apply-button";
    --component-content-grid-template-columns: 100%;
    --header-padding-left: 16px;
    --header-margin-bottom: 32px;
    --notification-text-margin: 0px 0px 38px 0px;
    --notification-text-width: 100%;
    --notification-text-padding: 0px 37px 0px 50px;
    --notification-text-background-position: left 24px center;
    --education-title-h4-margin: 0px 0px 14px 0px;
    --education-list-h6-margin: 0px 0px 12px 0px;
    --education-list-margin: 0px 0px 64px 0px;
    --documentation-title-padding-left: 0px;
    --documentation-title-h4-margin: 0px 0px 14px 0px;
    --documentation-fields-margin: 0px 0px 39px 0px;
    --documentation-fields-h6-margin: 0px 0px 12px 0px;
    --upload-document-container-width: 100%;
    --upload-document-container-gap: 24px;
    --upload-document-container-margin-bottom: 16px;
    --caption-regular-width: 100%;
    --important-dates-width: 100%;
    --important-dates-margin: 0px 0px 73px 0px;
    --important-dates-h5-margin: 32px 24px;
    --important-dates-list-margin: 0px 24px 32px 24px;
    --fee-title-h4-margin: 0px 0px 20px 0px;
    --fee-details-margin: 0px 0px 72px 0px;
    --apply-button-width: 100%;
    --title-justify-content: start;
    --component-content-grid-column-gap: unset;
  }
}
.program-admission-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: grid;
  grid-template-areas: var(--grid-areas);
  grid-template-columns: var(--component-content-grid-template-columns);
  grid-column-gap: var(--component-content-grid-column-gap);
}
.program-admission-component .component-content .header {
  grid-area: header;
  display: flex;
  align-items: center;
  color: var(--color-Primary-IIC-Blue);
  min-height: 64px;
  margin-bottom: var(--header-margin-bottom);
  padding-left: var(--header-padding-left);
  background-image: linear-gradient(to top, var(--program-admission-color) 100%, transparent 0);
  background-repeat: no-repeat;
  background-size: 3px auto;
  background-position: 0px 0px;
}
.program-admission-component .component-content .education-title {
  grid-area: education-title;
  display: flex;
  justify-content: var(--title-justify-content);
}
.program-admission-component .component-content .education-title h4 {
  color: var(--color-Neutrals-Heading-Copy);
}
.program-admission-component .component-content .education-list {
  grid-area: education-list;
  margin: var(--education-list-margin);
}
.program-admission-component .component-content .education-list h6 {
  color: var(--color-Neutrals-Heading-Copy);
}
.program-admission-component .component-content .education-list .education-list-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.program-admission-component .component-content .education-list .iic-radio {
  color: var(--color-Neutrals-Body-Copy);
}
.program-admission-component .component-content .documentation-title {
  grid-area: documentation-title;
  display: flex;
  justify-content: var(--title-justify-content);
}
.program-admission-component .component-content .documentation-title h4 {
  color: var(--color-Neutrals-Heading-Copy);
  padding-left: var(--documentation-title-padding-left);
}
.program-admission-component .component-content .documentation-fields {
  grid-area: documentation-fields;
  margin: var(--documentation-fields-margin);
}
.program-admission-component .component-content .documentation-fields h6 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: var(--documentation-fields-h6-margin);
}
.program-admission-component .component-content .documentation-fields .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 32px;
}
.program-admission-component .component-content .documentation-fields .upload-document-container {
  width: var(--upload-document-container-width);
  display: flex;
  flex-direction: column;
  gap: var(--upload-document-container-gap);
  margin-bottom: var(--upload-document-container-margin-bottom);
}
.program-admission-component .component-content .documentation-fields .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
  width: var(--caption-regular-width);
  padding: 24px;
  border-radius: 8px;
  background: var(--color-Neutrals-Light-Grey);
}
.program-admission-component .component-content .notification-text {
  grid-area: notification;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: var(--notification-text-width);
  border-radius: 8px;
  background: var(--color-Secondary-Deep-Periwinkle);
  color: var(--color-IIC-White);
  padding: var(--notification-text-padding);
  min-height: 40px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/Tertiary/Hourglass-white.svg);
  background-repeat: no-repeat;
  background-position: var(--notification-text-background-position);
  margin: var(--notification-text-margin);
}
.program-admission-component .component-content .fields-content-container {
  max-width: 391px;
}
.program-admission-component .component-content .important-dates {
  grid-area: important-dates;
  width: var(--important-dates-width);
  margin: var(--important-dates-margin);
}
.program-admission-component .component-content .important-dates .important-dates-content {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: var(--color-Secondary-Deep-Periwinkle);
  color: var(--color-IIC-White);
}
.program-admission-component .component-content .important-dates .important-dates-content h5 {
  margin: var(--important-dates-h5-margin);
  height: 24px;
}
.program-admission-component .component-content .important-dates .important-dates-content .important-dates-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px;
  gap: 16px;
  margin: var(--important-dates-list-margin);
}
.program-admission-component .component-content .important-dates .important-dates-content .important-dates-list .important-dates-item {
  padding: 0px;
  min-width: 130px;
  width: 100%;
}
.program-admission-component .component-content .important-dates .important-dates-content .important-dates-list .important-dates-item h6 {
  margin: 0;
}
.program-admission-component .component-content .important-dates .important-dates-content .important-dates-list .important-dates-item p {
  margin: 0;
}
.program-admission-component .component-content .important-dates .important-dates-content .important-dates-list .important-dates-item:not(:last-child):after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-Secondary-Slate);
  display: block;
  margin-top: 16px;
}
.program-admission-component .component-content .fee-title {
  grid-area: fee-title;
  display: flex;
  justify-content: var(--title-justify-content);
}
.program-admission-component .component-content .fee-title h4 {
  color: var(--color-Neutrals-Heading-Copy);
}
.program-admission-component .component-content .fee-details {
  grid-area: fee-details;
  margin: var(--fee-details-margin);
}
.program-admission-component .component-content .fee-details .application-fee-description {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 24px;
}
.program-admission-component .component-content .fee-details .fee-details-container {
  padding: 16px 32px;
  border-radius: 8px;
  background: var(--color-Neutrals-Light-Grey);
}
.program-admission-component .component-content .fee-details .fee-details-container h5 {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0px 0px 4px 0px;
}
.program-admission-component .component-content .fee-details .fee-details-container .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.program-admission-component .component-content .apply-button {
  grid-area: apply-button;
  width: var(--apply-button-width);
}

.organization-contact-page-component {
  --class-header-component-content-padding: 72px var(--iic-site-margin-width) 92px var(--iic-site-margin-width);
  --class-header-text-content-background-position: 0px 0px;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-Secondary-Icy-Blue);
}
@media (max-width: 499.98px) {
  .organization-contact-page-component {
    --class-header-component-content-padding: 64px var(--iic-site-margin-width) 96px var(--iic-site-margin-width);
    --class-header-text-content-background-position: 0px 8px;
  }
}
.organization-contact-page-component .organization-header {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--class-header-component-content-padding);
}
.organization-contact-page-component .organization-header .organization-contact-us {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 0px;
}
.organization-contact-page-component .organization-contact-info {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  gap: 16px;
}
.organization-contact-page-component .organization-contact-info .description p {
  white-space: pre-wrap;
}
.organization-contact-page-component .organization-contact-info .office-hours div {
  white-space: pre-wrap;
}
.organization-contact-page-component .organization-contact-info .phone-or-fax .data {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 8px;
}
.checkout-summary-component {
  /*--checkout-summary-*/
  --checkout-summary-height: 382px;
  --checkout-summary-width: 359px;
  --checkout-summary-left: 0px;
  --checkout-summary-top: 160px;
  --checkout-summary-border-radius: 8px;
  --checkout-summary-padding: 26px 5px 0 3px;
  --checkout-summary-padding-margin: 0;
  --checkout-summary-min-height: 243px;
  --checkout-summary-empty-model-margin-left: 235px;
  --checkout-summary-empty-model-margin-bottom: 0;
  /*--checkout-summary-hr-*/
  --checkout-summary-hr-margin: 25px 0 27px 16px;
  --checkout-summary-hr-width: 327px;
  --checkout-summary-hr-border: 0;
  --checkout-summary-hr-border-top: 1px solid rgba(0, 0, 0, 0.1);
  /*--checkout-summary-categories-*/
  --checkout-summary-categories-font-family: "proxima-nova";
  --checkout-summary-categories-row-margin-top: 13px;
  --checkout-summary-categories-row-first-margin-top: 0;
  /*--checkout-summary-empty-card-*/
  --checkout-summary-empty-card-text-align: center;
  --checkout-summary-empty-card-vertical-align: middle;
  --checkout-summary-empty-card-line-height: 186px;
  /*--checkout-summary-categories-row-col-title-*/
  --checkout-summary-categories-row-col-title-font-size: 14px;
  --checkout-summary-categories-row-col-title-font-weight: 400;
  --checkout-summary-categories-row-col-title-line-height: 20px;
  --checkout-summary-categories-row-col-title-letter-spacing: 0em;
  --checkout-summary-categories-row-col-title-text-align: left;
  /*--checkout-summary-categories-row-col-value-*/
  --checkout-summary-categories-row-col-value-font-size: 16px;
  --checkout-summary-categories-row-col-value-font-weight: 400;
  --checkout-summary-categories-row-col-value-line-height: 18px;
  --checkout-summary-categories-row-col-value-letter-spacing: -0.01em;
  --checkout-summary-categories-row-col-value-text-align: right;
  /*--checkout-summary-summary-container-*/
  --checkout-summary-summary-container-right: 20px;
  --checkout-summary-summary-container-position: relative;
  --checkout-summary-summary-container-padding: 0;
  /*--checkout-summary-summary-container-row-*/
  --checkout-summary-summary-container-row-margin-top: 13px;
  --checkout-summary-summary-container-row-col-font-family: "proxima-nova";
  /*--checkout-summary-summary-container-title-*/
  --checkout-summary-summary-container-title-font-size: 14px;
  --checkout-summary-summary-container-title-font-weight: 400;
  --checkout-summary-summary-container-title-line-height: 20px;
  --checkout-summary-summary-container-title-letter-spacing: 0em;
  --checkout-summary-summary-container-title-text-align: right;
  --checkout-summary-summary-container-title-white-space: nowrap;
  /*--checkout-summary-summary-container-value-*/
  --checkout-summary-summary-container-value-font-size: 16px;
  --checkout-summary-summary-container-value-font-weight: 600;
  --checkout-summary-summary-container-value-line-height: 18px;
  --checkout-summary-summary-container-value-letter-spacing: -0.01em;
  --checkout-summary-summary-container-value-text-align: right;
  --checkout-summary-summary-container-value-width: 91px;
  --checkout-summary-summary-container-value-height: 24px;
  --checkout-summary-summary-container-value-display: block;
  --checkout-summary-summary-container-value-margin-right: -4px;
  /*--checkout-summary-total-*/
  --checkout-summary-total-margin: 52px 0;
  --checkout-summary-total-container-top: -25px;
  --checkout-summary-total-container-right: 3px;
  --checkout-summary-total-container-position: relative;
  /*--checkout-summary-total-row-cel-*/
  --checkout-summary-total-row-cel-font-family: "proxima-nova";
  /*--checkout-summary-total-row-cel-title-*/
  --checkout-summary-total-row-cel-title-font-style: normal;
  --checkout-summary-total-row-cel-title-font-weight: 700;
  --checkout-summary-total-row-cel-title-font-size: 14px;
  --checkout-summary-total-row-cel-title-line-height: 20px;
  --checkout-summary-total-row-cel-title-text-align: right;
  --checkout-summary-total-row-cel-title-letter-spacing: 0.14em;
  --checkout-summary-total-row-cel-title-text-transform: uppercase;
  --checkout-summary-total-row-cel-title-font-feature-settings: "pnum" on, "lnum" on, "ss09" on;
  --checkout-summary-total-row-cel-title-margin-bottom: 3px;
  --checkout-summary-total-row-cel-title-margin-left: -26px;
  /*--checkout-summary-total-row-cel-value-*/
  --checkout-summary-total-row-cel-value-font-style: normal;
  --checkout-summary-total-row-cel-value-font-weight: 600;
  --checkout-summary-total-row-cel-value-font-size: 16px;
  --checkout-summary-total-row-cel-value-line-height: 18pcx;
  --checkout-summary-total-row-cel-value-text-align: right;
  --checkout-summary-total-row-cel-value-font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  --checkout-summary-total-row-cel-value-bottom: 3px;
  --checkout-summary-total-row-cel-value-position: relative;
  margin: var(--checkout-summary-padding-margin);
  background: var(--color-Neutrals-Light-Grey);
  width: var(--checkout-summary-width);
  left: var(--checkout-summary-left);
  top: var(--checkout-summary-top);
  border-radius: var(--checkout-summary-border-radius);
  padding: var(--checkout-summary-padding);
  min-height: var(--checkout-summary-min-height);
}
@media (max-width: 499.98px) {
  .checkout-summary-component {
    --checkout-summary-width: 325px;
    --checkout-summary-padding-margin: 50px 0 0 0;
    --checkout-summary-hr-width: 293px;
    --checkout-summary-empty-model-margin-left: 0;
    --checkout-summary-empty-model-margin-bottom: 52px;
  }
}
@media (min-width: 500px) {
  .checkout-summary-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.checkout-summary-component hr {
  color: var(--color-Tertiary-Cream);
  background-color: var(--color-Tertiary-Cream);
  width: var(--checkout-summary-hr-width);
  margin: var(--checkout-summary-hr-margin);
  border: var(--checkout-summary-hr-border);
  border-top: var(--checkout-summary-hr-border-top);
}
.checkout-summary-component .empty-cart {
  text-align: var(--checkout-summary-empty-card-text-align);
  vertical-align: var(--checkout-summary-empty-card-vertical-align);
  line-height: var(--checkout-summary-empty-card-line-height);
}
.checkout-summary-component.empty-model {
  margin-left: var(--checkout-summary-empty-model-margin-left);
  margin-bottom: var(--checkout-summary-empty-model-margin-bottom);
}
.checkout-summary-component .categories {
  font-family: var(--checkout-summary-categories-font-family);
}
.checkout-summary-component .categories .row.category-list-item {
  margin-top: var(--checkout-summary-categories-row-margin-top);
}
.checkout-summary-component .categories .row.category-list-item:first-of-type {
  margin-top: var(--checkout-summary-categories-row-first-margin-top);
}
.checkout-summary-component .categories .row .col.title {
  font-size: var(--checkout-summary-categories-row-col-title-font-size);
  font-weight: var(--checkout-summary-categories-row-col-title-font-weight);
  line-height: var(--checkout-summary-categories-row-col-title-line-height);
  letter-spacing: var(--checkout-summary-categories-row-col-title-letter-spacing);
  text-align: var(--checkout-summary-categories-row-col-title-text-align);
  color: var(--color-Neutrals-Body-Copy);
}
.checkout-summary-component .categories .row .col.value {
  font-size: var(--checkout-summary-categories-row-col-value-font-size);
  font-weight: var(--checkout-summary-categories-row-col-value-font-weight);
  line-height: var(--checkout-summary-categories-row-col-value-line-height);
  letter-spacing: var(--checkout-summary-categories-row-col-value-letter-spacing);
  text-align: var(--checkout-summary-categories-row-col-value-text-align);
  color: var(--color-Primary-IIC-Blue);
}
.checkout-summary-component .summary .container {
  right: var(--checkout-summary-summary-container-right);
  position: var(--checkout-summary-summary-container-position);
  padding: var(--checkout-summary-summary-container-padding);
}
.checkout-summary-component .summary .container .row {
  margin-top: var(--checkout-summary-summary-container-row-margin-top);
}
.checkout-summary-component .summary .container .row .col {
  font-family: var(--checkout-summary-summary-container-row-col-font-family);
}
.checkout-summary-component .summary .container .row .col.title {
  font-size: var(--checkout-summary-summary-container-title-font-size);
  font-weight: var(--checkout-summary-summary-container-title-font-weight);
  line-height: var(--checkout-summary-summary-container-title-line-height);
  letter-spacing: var(--checkout-summary-summary-container-title-letter-spacing);
  text-align: var(--checkout-summary-summary-container-title-text-align);
  color: var(--color-Neutrals-Body-Copy);
  white-space: var(--checkout-summary-summary-container-title-white-space);
}
.checkout-summary-component .summary .container .row .col.value {
  margin-right: var(--checkout-summary-summary-container-value-margin-right);
  font-size: var(--checkout-summary-summary-container-value-font-size);
  font-weight: var(--checkout-summary-summary-container-value-font-weight);
  line-height: var(--checkout-summary-summary-container-value-line-height);
  letter-spacing: var(--checkout-summary-summary-container-value-letter-spacing);
  text-align: var(--checkout-summary-summary-container-value-text-align);
  width: var(--checkout-summary-summary-container-value-width);
  height: var(--checkout-summary-summary-container-value-height);
  display: var(--checkout-summary-summary-container-value-display);
  color: var(--color-Primary-IIC-Blue);
}
.checkout-summary-component .total {
  margin: var(--checkout-summary-total-margin);
}
.checkout-summary-component .total .container {
  top: var(--checkout-summary-total-container-top);
  right: var(--checkout-summary-total-container-right);
  position: var(--checkout-summary-total-container-position);
}
.checkout-summary-component .total .container .row .col {
  font-family: var(--checkout-summary-total-row-cel-font-family);
}
.checkout-summary-component .total .container .row .col.title {
  font-style: var(--checkout-summary-total-row-cel-title-font-style);
  font-weight: var(--checkout-summary-total-row-cel-title-font-weight);
  font-size: var(--checkout-summary-total-row-cel-title-font-size);
  line-height: var(--checkout-summary-total-row-cel-title-line-height);
  text-align: var(--checkout-summary-total-row-cel-title-text-align);
  letter-spacing: var(--checkout-summary-total-row-cel-title-letter-spacing);
  text-transform: var(--checkout-summary-total-row-cel-title-text-transform);
  font-feature-settings: var(--checkout-summary-total-row-cel-title-font-feature-settings);
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: var(--checkout-summary-total-row-cel-title-margin-bottom);
  margin-left: var(--checkout-summary-total-row-cel-title-margin-left);
}
.checkout-summary-component .total .container .row .col.value {
  font-style: var(--checkout-summary-total-row-cel-value-font-style);
  font-weight: var(--checkout-summary-total-row-cel-value-font-weight);
  font-size: var(--checkout-summary-total-row-cel-value-font-size);
  line-height: var(--checkout-summary-total-row-cel-value-line-height);
  text-align: var(--checkout-summary-total-row-cel-value-text-align);
  font-feature-settings: var(--checkout-summary-total-row-cel-value-font-feature-settings);
  color: var(--color-Primary-IIC-Blue);
  bottom: var(--checkout-summary-total-row-cel-value-bottom);
  position: var(--checkout-summary-total-row-cel-value-position);
}

.checkout-main-component {
  /*--checkout-main-component-*/
  --checkout-main-component-width: 1366px;
  --checkout-main-component-display: flex;
  --checkout-main-component-margin-left: auto;
  --checkout-main-component-margin-right: auto;
  --checkout-main-component-flex-direction: row;
  /*--error-messaging-wrapper-*/
  --checkout-main-component-error-messaging-wrapper-display: flex;
  --checkout-main-component-error-messaging-wrapper-margin-left: 75px;
  /*--error-messaging-*/
  --checkout-main-component-error-messaging-min-height: 175px;
  --checkout-main-component-error-messaging-padding: 13px 30px;
  --checkout-main-component-error-messaging-border: 1px solid var(--color-IIC-Tones-ACIP-Midtone);
  --checkout-main-component-error-messaging-width: 800px;
  --checkout-main-component-error-messaging-button-margin-top: 15px;
  /*--error-messaging-in-head-*/
  --checkout-main-component-error-messaging-in-head-font-weight: 600;
  --checkout-main-component-error-messaging-in-head-margin: 0 0 30px 0;
  /*--page-title-*/
  --checkout-main-container-page-title-margin: 44px 0 34px 78px;
  /*--back-to-previous-page-*/
  --checkout-main-component-back-to-previous-page-margin-left: 75px;
  --checkout-main-component-back-to-previous-page-margin-bottom: 50px;
  /*--back-to-previous-page-back-button-*/
  --checkout-main-component-back-to-previous-page-back-button-margin-right: 16px;
  --checkout-main-component-back-to-previous-page-back-button-position: relative;
  --checkout-main-component-back-to-previous-page-back-button-top: -1px;
  --checkout-main-component-back-to-previous-page-back-button-right: -4px;
  /*--checkout-summary-wrapper-*/
  --checkout-summary-wrapper-position: relative;
  --checkout-summary-wrapper-right: 38vw;
  --checkout-summary-wrapper-margin: 0 127px 0 0;
  --checkout-summary-wrapper-width: 362px;
  /*--checkout-summary-divider-*/
  --checkout-summary-divider-display: none;
  --checkout-summary-divider-border-bottom: 1px solid;
  --checkout-summary-divider-width: 326px;
  --checkout-summary-divider-margin: 0 0 50px 24px;
  /*--checkout-main-component-section-*/
  --checkout-main-component-section-margin-left: 176px;
  --checkout-main-component-section-payment-margin-top: 40px;
  --checkout-main-component-section-payment-margin-bottom: 26px;
  --checkout-main-component-section-payment-header-label-margin-top: 11px;
  --checkout-main-component-section-confirmation-margin-top: 40px;
  --checkout-main-component-section-payment-header-label-margin-top: 12px;
  --checkout-main-component-section-payment-header-margin-bottom: 26px;
  /*--container-*/
  --checkout-main-container-container-steps-width: 708px;
  --checkout-main-container-container-header-margin-left: -110px;
  --checkout-main-container-container-margin-left: -12px;
  --checkout-main-container-container-font-family: "proxima-nova";
  --checkout-main-container-container-font-style: normal;
  --checkout-main-container-container-row-width: 565px;
  /*--shipping-address-component-button-no-events-*/
  --checkout-main-component-button-no-events-transform: none;
  --checkout-main-component-button-no-events-box-shadow: none;
  --checkout-main-component-button-no-events-pointer-events: none;
  /*--shipping-hr-*/
  --checkout-main-container-shipping-hr-left: 151px;
  --checkout-main-container-shipping-hr-position: relative;
  --checkout-main-container-shipping-hr-width: 519px;
  --checkout-main-container-shipping-hr-opacity: 1;
  /*--shipping-label-*/
  --checkout-main-container-shipping-label-margin-left: 75px;
  --checkout-main-container-shipping-label-margin-top: 10px;
  --checkout-main-container-shipping-label-display: inline-block;
  --checkout-main-container-shipping-label-width: 162px;
  /*--complete-purchase-*/
  --checkout-main-container-complete-purchase-wrapper-width: auto;
  --checkout-main-container-complete-purchase-active-request-padding: 0 0px 0 15px;
  --checkout-main-container-complete-purchase-active-request-margin-top: 13px;
  --checkout-main-container-complete-purchase-position: relative;
  --checkout-main-container-complete-purchase-width: 217px;
  --checkout-main-container-complete-purchase-height: 44px;
  --checkout-main-container-complete-purchase-border-radius: 3px;
  --checkout-main-container-complete-purchase-border: 0;
  --checkout-main-container-complete-purchase-margin: 13px 0 30px 0;
  --checkout-main-container-complete-purchase-font-weight: 600;
  --checkout-main-container-complete-purchase-font-size: 13px;
  --checkout-main-container-complete-purchase-wrapper-main-width: 217px;
  --checkout-main-container-complete-purchase-wrapper-main-margin-left: 176px;
  --checkout-main-container-complete-purchase-disabled-margin-top: 38px;
  /*--complete-purchase-spinner-border-*/
  --complete-purchase-spinner-display: none;
  --complete-purchase-spinner-margin: 1px 5px 0 0;
  --complete-purchase-spinner-position: absolute;
  --complete-purchase-spinner-top: 13px;
  --complete-purchase-spinner-left: 11px;
  --complete-purchase-spinner-height: 15px;
  --complete-purchase-spinner-width: 15px;
  /*--icon-*/
  --checkout-main-container-icon-width: 44px;
  --checkout-main-container-icon-height: 44px;
  --checkout-main-container-icon-cursor: pointer;
  --checkout-main-container-icon-display: inline-block;
  /*--icon-collapse-*/
  --checkout-main-container-icon-collapse-background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.7071 27.7071C28.0976 27.3166 28.0976 26.6834 27.7071 26.2929L22.7071 21.2929C22.3166 20.9024 21.6834 20.9024 21.2929 21.2929L16.2929 26.2929C15.9024 26.6834 15.9024 27.3166 16.2929 27.7071C16.6834 28.0976 17.3166 28.0976 17.7071 27.7071L22 23.4142L26.2929 27.7071C26.6834 28.0976 27.3166 28.0976 27.7071 27.7071ZM27.7071 21.7071C28.0976 21.3166 28.0976 20.6834 27.7071 20.2929L22.7071 15.2929C22.3166 14.9024 21.6834 14.9024 21.2929 15.2929L16.2929 20.2929C15.9024 20.6834 15.9024 21.3166 16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L22 17.4142L26.2929 21.7071C26.6834 22.0976 27.3166 22.0976 27.7071 21.7071Z' fill='%23006FF0'/%3E%3Ccircle cx='22' cy='22' r='21' stroke='%23006FF0' stroke-width='2'/%3E%3C/svg%3E%0A");
  /*--icon-fold-*/
  --checkout-main-container-icon-fold-background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2929 16.2929C15.9024 16.6834 15.9024 17.3166 16.2929 17.7071L21.2929 22.7071C21.6834 23.0976 22.3166 23.0976 22.7071 22.7071L27.7071 17.7071C28.0976 17.3166 28.0976 16.6834 27.7071 16.2929C27.3166 15.9024 26.6834 15.9024 26.2929 16.2929L22 20.5858L17.7071 16.2929C17.3166 15.9024 16.6834 15.9024 16.2929 16.2929ZM16.2929 22.2929C15.9024 22.6834 15.9024 23.3166 16.2929 23.7071L21.2929 28.7071C21.6834 29.0976 22.3166 29.0976 22.7071 28.7071L27.7071 23.7071C28.0976 23.3166 28.0976 22.6834 27.7071 22.2929C27.3166 21.9024 26.6834 21.9024 26.2929 22.2929L22 26.5858L17.7071 22.2929C17.3166 21.9024 16.6834 21.9024 16.2929 22.2929Z' fill='%23006FF0'/%3E%3Ccircle cx='22' cy='22' r='21' transform='rotate(180 22 22)' stroke='%23006FF0' stroke-width='2'/%3E%3C/svg%3E%0A");
  --checkout-main-container-icon-fold-position: relative;
  --checkout-main-container-icon-fold-right: -49px;
  /*--icon-fold-disabled-*/
  --icon-fold-disabled-filter: gray;
  /* IE6-9 */
  --icon-fold-disabled-webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  --icon-fold-disabled-filter-me-fx: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
  /*--checkout-main-container-toast-container-*/
  --checkout-main-container-toast-container-position: absolute;
  --checkout-main-container-toast-container-top: 10px;
  --checkout-main-container-toast-container-right: 10px;
  /*--checkout-main-container-checkout-notifications-*/
  --checkout-main-container-checkout-notifications-margin: 40px 0 50px 172px;
  --checkout-main-container-checkout-notifications-width: 440px;
  /*--checkout-main-container-checkout-cart-notifications-*/
  --checkout-main-container-checkout-cart-notifications-margin: 40px 172px 50px 172px;
  margin-left: var(--checkout-main-component-margin-left);
  margin-right: var(--checkout-main-component-margin-right);
  width: var(--checkout-main-component-width);
}
@media (max-width: 499.98px) {
  .checkout-main-component {
    --checkout-main-component-width: 375px;
    --checkout-main-container-page-title-margin: 44px 0 34px 25px;
    --checkout-main-container-shipping-label-margin-left: 10px;
    --checkout-main-container-container-row-width: 375px;
    --checkout-main-container-shipping-hr-left: 25px;
    --checkout-main-container-shipping-hr-width: 326px;
    --checkout-main-container-complete-purchase-wrapper-width: 340px;
    --checkout-main-container-complete-purchase-width: 327px;
    --checkout-main-container-complete-purchase-margin: 0px 0 55px 0;
    --checkout-summary-wrapper-position: relative;
    --checkout-summary-wrapper-margin: 0 0 -21px 24px;
    --checkout-summary-wrapper-right: 0;
    --checkout-summary-divider-display: block;
    --complete-purchase-spinner-left: 70px;
    --checkout-main-container-container-header-margin-left: -17px;
    --checkout-main-component-section-margin-left: 24px;
    --checkout-main-container-complete-purchase-wrapper-main-margin-left: 24px;
    --checkout-main-container-icon-fold-right: 21px;
    --checkout-summary-divider-margin: 51px 0 39px 24px;
    --checkout-main-container-complete-purchase-wrapper-main-width: 327px;
    --checkout-main-component-flex-direction: column-reverse;
    --checkout-main-component-section-confirmation-margin-top: 31px;
    --checkout-main-component-back-to-previous-page-margin-left: 27px;
    --checkout-main-container-checkout-notifications-margin: 0px 0 50px 24px;
    --checkout-main-container-checkout-notifications-width: 327px;
  }
}
@media (min-width: 500px) and (max-width: 1919.98px) {
  .checkout-main-component {
    --checkout-summary-wrapper-right: 18vw;
  }
}
@media (min-width: 500px) {
  .checkout-main-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.checkout-main-component .checkout-main-component-wrapper .icon.fold[disabled] {
  transform: var(--checkout-main-component-button-no-events-transform);
  box-shadow: var(--checkout-main-component-button-no-events-box-shadow);
  pointer-events: var(--checkout-main-component-button-no-events-pointer-events);
}
.checkout-main-component .error-messaging-wrapper {
  display: var(--checkout-main-component-error-messaging-wrapper-display);
  margin-left: var(--checkout-main-component-error-messaging-wrapper-margin-left);
}
.checkout-main-component .error-messaging-wrapper .error-messaging {
  background: var(--color-IIC-Tones-FCIP-Light);
  min-height: var(--checkout-main-component-error-messaging-min-height);
  padding: var(--checkout-main-component-error-messaging-padding);
  border: var(--checkout-main-component-error-messaging-border);
  width: var(--checkout-main-component-error-messaging-width);
}
.checkout-main-component .error-messaging-wrapper .error-messaging button {
  margin-top: var(--checkout-main-component-error-messaging-button-margin-top);
}
.checkout-main-component .error-messaging-wrapper .error-messaging .in-head {
  font-weight: var(--checkout-main-component-error-messaging-in-head-font-weight);
  margin: var(--checkout-main-component-error-messaging-in-head-margin);
}
.checkout-main-component .page-title {
  color: var(--color-Primary-IIC-Blue);
  margin: var(--checkout-main-container-page-title-margin);
}
.checkout-main-component .checkout-summary-divider {
  display: var(--checkout-summary-divider-display);
  border-bottom: var(--checkout-summary-divider-border-bottom);
  width: var(--checkout-summary-divider-width);
  margin: var(--checkout-summary-divider-margin);
  color: var(--color-IIC-Shipping-Divider);
}
.checkout-main-component .back-to-previous-page {
  margin-left: var(--checkout-main-component-back-to-previous-page-margin-left);
  margin-bottom: var(--checkout-main-component-back-to-previous-page-margin-bottom);
}
.checkout-main-component .back-to-previous-page .back-to a {
  color: var(--color-Neutrals-Body-Copy);
  text-decoration: none;
}
.checkout-main-component .back-to-previous-page .back-to a .back-button {
  margin-right: var(--checkout-main-component-back-to-previous-page-back-button-margin-right);
  position: var(--checkout-main-component-back-to-previous-page-back-button-position);
  top: var(--checkout-main-component-back-to-previous-page-back-button-top);
  right: var(--checkout-main-component-back-to-previous-page-back-button-right);
}
.checkout-main-component .checkout-main-component-wrapper {
  width: var(--checkout-main-component-width);
  display: var(--checkout-main-component-display);
  flex-direction: var(--checkout-main-component-flex-direction);
}
.checkout-main-component .checkout-main-component-wrapper .checkout-summary-wrapper {
  width: var(--checkout-summary-wrapper-width);
  position: var(--checkout-summary-wrapper-position);
  margin: var(--checkout-summary-wrapper-margin);
}
.checkout-main-component .checkout-main-component-wrapper .steps {
  width: var(--checkout-main-container-container-steps-width);
  margin-left: var(--checkout-main-container-container-margin-left);
  font-family: var(--checkout-main-container-container-font-family);
  font-style: var(--checkout-main-container-container-font-style);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping hr {
  left: var(--checkout-main-container-shipping-hr-left);
  position: var(--checkout-main-container-shipping-hr-position);
  width: var(--checkout-main-container-shipping-hr-width);
  color: var(--color-Tertiary-Cream);
  opacity: var(--checkout-main-container-shipping-hr-opacity);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section {
  margin-left: var(--checkout-main-component-section-margin-left);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.checkout-address .header .row .label {
  margin-bottom: var(--checkout-main-component-section-payment-header-margin-bottom);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.payment {
  margin-top: var(--checkout-main-component-section-payment-margin-top);
  margin-bottom: var(--checkout-main-component-section-payment-margin-bottom);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.payment .header .label {
  margin-top: var(--checkout-main-component-section-payment-header-label-margin-top);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.confirmation {
  margin-top: var(--checkout-main-component-section-confirmation-margin-top);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.confirmation .header .label {
  margin-top: var(--checkout-main-component-section-payment-header-label-margin-top);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.checkout-address .container.header, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.payment .container.header, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.confirmation .container.header {
  margin-left: var(--checkout-main-container-container-header-margin-left);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.checkout-address .container .row, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.payment .container .row, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.confirmation .container .row {
  width: var(--checkout-main-container-container-row-width);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.checkout-address .container .row .label, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.payment .container .row .label, .checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .section.confirmation .container .row .label {
  margin-left: var(--checkout-main-container-shipping-label-margin-left);
  color: var(--color-Secondary-Slate);
  display: var(--checkout-main-container-shipping-label-display);
  width: var(--checkout-main-container-shipping-label-width);
}
.checkout-main-component .checkout-main-component-wrapper .steps .row .shipping .body {
  /* nothing just placeholder */
}
.checkout-main-component .checkout-main-component-wrapper .steps .complete-purchase-wrapper {
  width: var(--checkout-main-container-complete-purchase-wrapper-main-width);
  margin-left: var(--checkout-main-container-complete-purchase-wrapper-main-margin-left);
}
.checkout-main-component .checkout-main-component-wrapper .steps .complete-purchase-wrapper .complete-purchase {
  width: var(--checkout-main-container-complete-purchase-width);
  margin: var(--checkout-main-container-complete-purchase-margin);
  position: var(--checkout-main-container-complete-purchase-position);
}
.checkout-main-component .checkout-main-component-wrapper .steps .complete-purchase-wrapper .complete-purchase:disabled {
  background: var(--color-Neutrals-Gainsboro-Grey);
  color: var(--color-Neutrals-Body-Copy);
  margin-top: var(--checkout-main-container-complete-purchase-disabled-margin-top);
}
.checkout-main-component .checkout-main-component-wrapper .steps .complete-purchase-wrapper .complete-purchase.active-request {
  padding: var(--checkout-main-container-complete-purchase-active-request-padding);
  margin-top: var(--checkout-main-container-complete-purchase-active-request-margin-top);
}
.checkout-main-component .checkout-main-component-wrapper .steps .complete-purchase-wrapper .complete-purchase .spinner-border {
  display: var(--complete-purchase-spinner-display);
  margin: var(--complete-purchase-spinner-margin);
  position: var(--complete-purchase-spinner-position);
  top: var(--complete-purchase-spinner-top);
  left: var(--complete-purchase-spinner-left);
  height: var(--complete-purchase-spinner-height);
  width: var(--complete-purchase-spinner-width);
}
.checkout-main-component .checkout-main-component-wrapper .icon {
  width: var(--checkout-main-container-icon-width);
  height: var(--checkout-main-container-icon-height);
  cursor: var(--checkout-main-container-icon-cursor);
  display: var(--checkout-main-container-icon-display);
  position: var(--checkout-main-container-icon-fold-position);
  right: var(--checkout-main-container-icon-fold-right);
}
.checkout-main-component .checkout-main-component-wrapper .icon.collapse {
  background-image: var(--checkout-main-container-icon-collapse-background-image);
}
.checkout-main-component .checkout-main-component-wrapper .icon.fold {
  background-image: var(--checkout-main-container-icon-fold-background-image);
}
.checkout-main-component .checkout-main-component-wrapper .icon.fold[disabled] {
  filter: var(--color-Neutrals-Cadet-Grey);
  /* E6-9 */
  -webkit-filter: var(--icon-fold-disabled-webkit-filter);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: var(--icon-fold-disabled-filter-me-fx);
  /* Microsoft Edge and Firefox 35+ */
}
.checkout-main-component .checkout-main-component-wrapper .toast-container {
  position: var(--checkout-main-container-toast-container-position);
  top: var(--checkout-main-container-toast-container-top);
  right: var(--checkout-main-container-toast-container-right);
}
.checkout-main-component .checkout-notifications {
  margin: var(--checkout-main-container-checkout-notifications-margin);
  width: var(--checkout-main-container-checkout-notifications-width);
}
.checkout-main-component .checkout-cart-notifications {
  margin: var(--checkout-main-container-checkout-cart-notifications-margin);
}

.exam-tile-component {
  --exam-tile-width: 662px;
  --exam-tile-padding: 16px 22px 12px 18px;
  --exam-tile-code-margin-bottom: 36px;
  --exam-tile-info-width: 458px;
  --exam-tile-info-gap: 12px;
  --exam-tile-info-margin-bottom: 8px;
  --exam-tile-icon-margin-right: 8px;
  --exam-tile-description-content-align-items: start;
  --exam-tile-text-content-flex-direction: row;
  --exam-tile-text-content-align-items: end;
  width: var(--exam-tile-width);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  background: var(--color-IIC-White);
  display: flex;
  position: relative;
  flex-direction: column;
  padding: var(--exam-tile-padding);
}
@media (max-width: 499.98px) {
  .exam-tile-component {
    --exam-tile-width: 100%;
    --exam-tile-padding: 16px 24px 12px 18px;
    --exam-tile-code-margin-bottom: 40px;
    --exam-tile-info-width: 100%;
    --exam-tile-info-gap: 4px;
    --exam-tile-icon-margin-right: 4px;
    --exam-tile-description-content-align-items: end;
    --exam-tile-text-content-flex-direction: column;
    --exam-tile-info-margin-bottom: 4px;
    --exam-tile-text-content-align-items: start;
  }
}
.exam-tile-component .exam-tile-code {
  z-index: 1;
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--exam-tile-code-margin-bottom);
  height: 16px;
}
.exam-tile-component .exam-tile-text-content {
  display: flex;
  flex-direction: var(--exam-tile-text-content-flex-direction);
  z-index: 1;
  justify-content: space-between;
  align-items: var(--exam-tile-text-content-align-items);
  padding-left: 6px;
}
.exam-tile-component .exam-tile-text-content .exam-tile-info {
  display: flex;
  flex-direction: column;
  width: var(--exam-tile-info-width);
  gap: var(--exam-tile-info-gap);
  margin-bottom: var(--exam-tile-info-margin-bottom);
}
.exam-tile-component .exam-tile-text-content .exam-tile-info h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0px;
}
.exam-tile-component .exam-tile-text-content .exam-tile-info .exam-tile-description-content {
  display: flex;
  flex-direction: row;
  min-height: 24px;
  align-items: var(--exam-tile-description-content-align-items);
}
.exam-tile-component .exam-tile-text-content .exam-tile-info .exam-tile-description-content .exam-tile-icon {
  width: 18px;
  height: 18px;
  margin-right: var(--exam-tile-icon-margin-right);
}
.exam-tile-component .exam-tile-text-content .exam-tile-info .exam-tile-description-content .exam-tile-description {
  color: var(--color-Neutrals-Body-Copy);
}
.exam-tile-component .exam-tile-diamond {
  position: absolute;
  top: -67px;
  left: -67px;
  width: 207px;
  height: 123px;
  fill: var(--exam-tile-diamond-color);
  z-index: 0;
}

.exam-card-component {
  --exam-card-component-width: 599px;
  --exam-card-component-flex-direction: row;
  --exam-card-component-padding: 31px 32px 28px 32px;
  --exam-card-main-content-width: 264px;
  --exam-card-main-content-gap: 13px;
  --exam-card-additional-content-width: 255px;
  --exam-card-additional-content-padding-left: 0px;
  --exam-card-additional-content-margin-top: 41px;
  --exam-card-diamond-left: 420px;
  --exam-card-diamond-top: -89px;
  --exam-card-image-left: 508px;
  --exam-card-image-top: 17px;
  --exam-card-language-content-desktop-side-display: flex;
  --exam-card-language-content-mobile-side-display: none;
  --exam-card-btn-iic-tertiary-desktop-side-display: flex;
  --exam-card-btn-iic-tertiary-mobile-side-display: none;
  --exam-card-btn-iic-primary-width: auto;
  --exam-card-btn-iic-primary-margin-top: 10px;
  --exam-card-divider-display: none;
  --exam-card-date-and-time-gap: 10px;
  --exam-card-date-and-time-padding-bottom: 6px;
  --exam-card-date-and-time-margin-bottom: 10px;
  --exam-card-language-content-align-items: center;
  --exam-card-language-content-margin-left: 19px;
  --exam-card-date-and-time-align-items: center;
  --exam-card-delivery-method-and-price-margin-bottom: 10px;
  display: flex;
  flex-direction: var(--exam-card-component-flex-direction);
  justify-content: space-between;
  width: var(--exam-card-component-width);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
  padding: var(--exam-card-component-padding);
  background: var(--color-IIC-White);
  overflow: hidden;
  position: relative;
}
@media (max-width: 499.98px) {
  .exam-card-component {
    --exam-card-component-width: 100%;
    --exam-card-component-flex-direction: column;
    --exam-card-component-padding: 40px 24px 28px 24px;
    --exam-card-main-content-width: 279px;
    --exam-card-main-content-gap: 40px;
    --exam-card-additional-content-width: 279px;
    --exam-card-additional-content-padding-left: 16px;
    --exam-card-additional-content-margin-top: 0px;
    --exam-card-diamond-left: 152px;
    --exam-card-diamond-top: -87px;
    --exam-card-image-left: 239px;
    --exam-card-image-top: 20px;
    --exam-card-language-content-desktop-side-display: none;
    --exam-card-language-content-mobile-side-display: flex;
    --exam-card-btn-iic-tertiary-desktop-side-display: none;
    --exam-card-btn-iic-tertiary-mobile-side-display: flex;
    --exam-card-btn-iic-primary-width: 100%;
    --exam-card-btn-iic-primary-margin-top: 0;
    --exam-card-divider-display: flex;
    --exam-card-date-and-time-gap: 8px;
    --exam-card-date-and-time-padding-bottom: 0px;
    --exam-card-date-and-time-margin-bottom: 16px;
    --exam-card-language-content-align-items: start;
    --exam-card-language-content-margin-left: 0px;
    --exam-card-date-and-time-align-items: start;
    --exam-card-delivery-method-and-price-margin-bottom: 16px;
  }
}
.exam-card-component .exam-card-main-content {
  display: flex;
  flex-direction: column;
  width: var(--exam-card-main-content-width);
  gap: var(--exam-card-main-content-gap);
}
.exam-card-component .exam-card-main-content .exam-card-title-content {
  padding-left: 19px;
  background-image: linear-gradient(to top, var(--color-Neutrals-Cadet-Grey) 100%, transparent 0);
  background-repeat: no-repeat;
  background-size: 3px auto;
}
.exam-card-component .exam-card-main-content .exam-card-title-content .exam-card-learning-mode {
  color: var(--color-Neutrals-Body-Copy);
  height: 16px;
  margin-bottom: 24px;
}
.exam-card-component .exam-card-main-content .exam-card-title-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.exam-card-component .exam-card-main-content .learn-more-form {
  margin-top: auto;
}
.exam-card-component .btn-iic-tertiary.mobile-side {
  display: var(--exam-card-btn-iic-tertiary-mobile-side-display);
}
.exam-card-component .btn-iic-tertiary.desktop-side {
  display: var(--exam-card-btn-iic-tertiary-desktop-side-display);
}
.exam-card-component .btn-iic-primary {
  width: var(--exam-card-btn-iic-primary-width);
  margin-top: var(--exam-card-btn-iic-primary-margin-top);
}
.exam-card-component .exam-card-language-content {
  flex-direction: row;
  margin-left: var(--exam-card-language-content-margin-left);
  align-items: var(--exam-card-language-content-align-items);
}
.exam-card-component .exam-card-language-content.mobile-side {
  display: var(--exam-card-language-content-mobile-side-display);
}
.exam-card-component .exam-card-language-content.desktop-side {
  display: var(--exam-card-language-content-desktop-side-display);
}
.exam-card-component .exam-card-language-content .exam-card-language-icon {
  margin-right: 12px;
}
.exam-card-component .exam-card-language-content .exam-card-language-title {
  color: var(--color-Neutrals-Body-Copy);
}
.exam-card-component .exam-card-additional-content {
  display: flex;
  flex-direction: column;
  width: var(--exam-card-additional-content-width);
  margin-top: var(--exam-card-additional-content-margin-top);
}
.exam-card-component .exam-card-additional-content .exam-card-location {
  display: flex;
  flex-direction: row;
  min-height: 24px;
}
.exam-card-component .exam-card-additional-content .exam-card-location img {
  margin-right: 12px;
}
.exam-card-component .exam-card-additional-content .exam-card-delivery-method-and-price {
  margin-bottom: var(--exam-card-delivery-method-and-price-margin-bottom);
}
.exam-card-component .exam-card-additional-content .exam-card-delivery-method-and-price .exam-card-delivery-method {
  padding-left: var(--exam-card-additional-content-padding-left);
  color: var(--color-Secondary-Slate);
  margin: 0px;
}
.exam-card-component .exam-card-additional-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  min-height: 24px;
}
.exam-card-component .exam-card-additional-content .exam-card-date-and-time {
  padding-left: var(--exam-card-additional-content-padding-left);
  display: flex;
  flex-direction: column;
  gap: var(--exam-card-date-and-time-gap);
  margin-bottom: var(--exam-card-date-and-time-margin-bottom);
}
.exam-card-component .exam-card-additional-content .exam-card-date-and-time .exam-card-date-content, .exam-card-component .exam-card-additional-content .exam-card-date-and-time .exam-card-time-content {
  display: flex;
  flex-direction: row;
  align-items: var(--exam-card-date-and-time-align-items);
}
.exam-card-component .exam-card-additional-content .exam-card-date-and-time .exam-card-date-content .exam-card-date-and-time-icon, .exam-card-component .exam-card-additional-content .exam-card-date-and-time .exam-card-time-content .exam-card-date-and-time-icon {
  margin-right: 12px;
}
.exam-card-component .exam-card-additional-content .exam-card-instructor-content {
  display: flex;
  flex-direction: row;
  align-items: var(--exam-card-date-and-time-align-items);
  padding-left: var(--exam-card-additional-content-padding-left);
  margin-bottom: var(--exam-card-date-and-time-gap);
}
.exam-card-component .exam-card-additional-content .exam-card-instructor-content .exam-card-instructor-icon {
  margin-right: 12px;
}
.exam-card-component .exam-card-additional-content .display-price-content {
  padding-left: var(--exam-card-additional-content-padding-left);
  display: flex;
  flex-direction: row;
  align-items: var(--exam-card-date-and-time-align-items);
  margin-bottom: var(--exam-card-date-and-time-margin-bottom);
}
.exam-card-component .exam-card-additional-content .display-price-content .exam-card-price-icon {
  margin-right: 12px;
}
.exam-card-component .exam-card-additional-content .exam-card-divider {
  display: var(--exam-card-divider-display);
  width: 100%;
  height: 1px;
  background: var(--color-Tertiary-Cream);
  margin-bottom: 16px;
}
.exam-card-component .exam-card-additional-content .learn-more-form .btn {
  margin-bottom: 12px;
}
.exam-card-component .exam-card-diamond {
  position: absolute;
  width: 302.14px;
  height: 178.18px;
  fill: var(--color-Neutrals-Light-Grey);
  left: var(--exam-card-diamond-left);
  top: var(--exam-card-diamond-top);
  z-index: 1;
}
.exam-card-component .exam-card-image {
  position: absolute;
  z-index: 2;
  left: var(--exam-card-image-left);
  top: var(--exam-card-image-top);
}

.exam-details-component {
  --exam-details-componet-width: 391px;
  --exam-details-wrapper-width: 327px;
  --wrapper-ml: 24px;
  --wrapper-mr: 40px;
  --component-jc: flex-start;
  width: var(--exam-details-componet-width);
  display: flex;
  justify-content: var(--component-jc);
}
@media (max-width: 499.98px) {
  .exam-details-component {
    --exam-details-componet-width: 100%;
    --exam-details-wrapper-width: 327px;
    --wrapper-ml: 0;
    --wrapper-mr: 0;
    --component-jc: center;
  }
}
.exam-details-component .wrapper {
  width: var(--exam-details-wrapper-width);
  margin-left: var(--wrapper-ml);
  margin-right: var(--wrapper-mr);
}
.exam-details-component .wrapper .top {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 16px 24px;
  display: flex;
  flex-direction: row;
}
.exam-details-component .wrapper .top .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.exam-details-component .wrapper .top .info .delivery-method {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 4px;
}
.exam-details-component .wrapper .top .info .exam-date {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.exam-details-component .wrapper .bottom {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 24px;
  margin-top: 8px;
}
.exam-details-component .wrapper .bottom ul {
  padding: 0;
  padding: 0;
  margin: 0;
}
.exam-details-component .wrapper .bottom ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.exam-details-component .wrapper .bottom ul li:not(:last-child) {
  margin-bottom: 8px;
}
.exam-details-component .wrapper .bottom .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.exam-details-component .wrapper .bottom .time-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock.svg");
}
.exam-details-component .wrapper .bottom .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
}
.exam-details-component .wrapper .bottom .price-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/currency-dollar.svg");
}

.shipping-address-component {
  /*shipping-address-component-common-*/
  --shipping-address-component-common-font-family: "proxima-nova";
  --shipping-address-component-common-font-style: normal;
  --shipping-address-component-common-address-font-size: 16px;
  --shipping-address-component-common-address-label-line-height: 27px;
  --shipping-address-component-common-text-transform: uppercase;
  --shipping-address-component-common-letter-spacing: -0.01em;
  --shipping-address-component-common-shipping-box-address-font-weight: 400;
  --shipping-address-component-common-no-border-color: transparent;
  --shipping-address-component-common-button-grey-border-radius: 3px;
  --shipping-address-component-common-button-grey-border: 0;
  --shipping-address-component-common-button-grey-font-weight: 600;
  --shipping-address-component-common-button-grey-font-size: 13px;
  /*--shipping-address-component-*/
  --shipping-address-component-margin-left: 0;
  /*--shipping-address-component-address-*/
  --shipping-address-component-address-margin-top: -17px;
  --shipping-address-component-address-display: none;
  --shipping-address-component-address-font-weight: 700;
  --shipping-address-component-address-font-feature-settings: "ss09" on;
  --shipping-address-component-address-margin: -1px 0 75px -1px;
  /*--shipping-address-component-shipping-box*/
  --shipping-address-component-shipping-box-container-margin-bottom: 8px;
  --shipping-address-component-shipping-box-width: 391px;
  --shipping-address-component-shipping-box-box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  --shipping-address-component-shipping-box-border-radius: 8px;
  --shipping-address-component-shipping-box-position: relative;
  --shipping-address-component-shipping-box-padding: 24px 40px;
  --shipping-address-component-shipping-box-container-row-width: 337px;
  --shipping-address-component-address-shipping-box-last-margin: 24px 0 0 0;
  /*--shipping-address-component-shipping-box-header-*/
  --shipping-address-component-shipping-box-header-padding-left: 0;
  /*--shipping-address-component-shipping-box-edit-link-wrapper-*/
  --shipping-address-component-shipping-box-edit-link-wrapper-text-align: right;
  --shipping-address-component-shipping-box-edit-link-wrapper-min-width: 57px;
  --shipping-address-component-shipping-box-edit-link-wrapper-padding: 0;
  --shipping-address-component-shipping-box-edit-link-wrapper-right: -21px;
  --shipping-address-component-shipping-box-edit-link-wrapper-position: relative;
  --shipping-address-component-shipping-box-edit-link-margin-right: 18px;
  /*--shipping-address-component-shipping-box-address-line-*/
  --shipping-address-component-shipping-box-address-line-width: 311px;
  --shipping-address-component-shipping-box-address-line-height: 72px;
  --shipping-address-component-shipping-box-address-line-word-break: break-word;
  /*--shipping-address-component-button-push-*/
  --shipping-address-component-button-push-transform: scale(0.98);
  --shipping-address-component-button-push-box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
  /*--shipping-address-component-button-no-events-*/
  --shipping-address-component-button-no-events-transform: none;
  --shipping-address-component-button-no-events-box-shadow: none;
  --shipping-address-component-button-no-events-pointer-events: none;
  /*--shipping-address-component-use-address-*/
  --shipping-address-component-use-address-left: 40px;
  --shipping-address-component-use-address-top: 145px;
  --shipping-address-component-use-address-padding: 3px 21px;
  --shipping-address-component-use-address-min-width: 193px;
  --shipping-address-component-use-address-height: 34px;
  /*--shipping-address-component-use-address-disabled-*/
  --shipping-address-component-use-address-disabled-padding: 3px 10px;
  --shipping-address-component-use-address-disabled-left: -4px;
  /*--shipping-address-component-use-address-spinner-border-*/
  --shipping-address-component-use-address-spinner-border-display: none;
  --shipping-address-component-use-address-spinner-border-top: 1px;
  --shipping-address-component-use-address-spinner-border-position: relative;
  /*--shipping-address-component-use-different-address-*/
  --shipping-address-component-use-different-address-min-width: 235px;
  --shipping-address-component-use-different-address-margin: 38px 0 38px 18px;
  /*--shipping-address-component-checkout-address-notifications-*/
  --shipping-address-component-checkout-address-notifications-margin: 40px 0 50px 0;
  --shipping-address-component-checkout-address-notifications-width: 391px;
  font-family: var(--shipping-address-component-common-font-family);
  font-style: var(--shipping-address-component-common-font-style);
  margin-left: var(--shipping-address-component-margin-left);
}
@media (max-width: 499.98px) {
  .shipping-address-component {
    --shipping-address-component-margin-left: 0;
    --shipping-address-component-shipping-box-width: 327px;
    --shipping-address-component-shipping-box-container-row-width: 295px;
    --shipping-address-component-use-address-height: 44px;
    --shipping-address-component-use-address-min-width: 279px;
    --shipping-address-component-shipping-box-address-line-width: 280px;
    --shipping-address-component-shipping-box-edit-link-wrapper-right: -5px;
    --shipping-address-component-shipping-box-padding: 24px 5px 27px 24px;
    --shipping-address-component-use-address-left: 24px;
    --shipping-address-component-use-different-address-margin: 28px 0 54px 18px;
    --shipping-address-component-checkout-address-notifications-width: 327px;
  }
}
@media (min-width: 500px) {
  .shipping-address-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.shipping-address-component .no-address {
  margin-left: 18px;
}
.shipping-address-component .address-list .use-address:disabled {
  background: var(--color-Neutrals-Gainsboro-Grey);
  border-radius: var(--shipping-address-component-common-button-grey-border-radius);
  border: var(--shipping-address-component-common-button-grey-border);
  font-weight: var(--shipping-address-component-common-button-grey-font-weight);
  font-size: var(--shipping-address-component-common-button-grey-font-size);
  color: var(--color-Neutrals-Body-Copy);
}
.shipping-address-component .address-list .use-address:disabled {
  transform: var(--shipping-address-component-button-no-events-transform);
  box-shadow: var(--shipping-address-component-button-no-events-box-shadow);
  pointer-events: var(--shipping-address-component-button-no-events-pointer-events);
}
.shipping-address-component .use-different-address.disabled-link, .shipping-address-component .address-list .shipping-box .d-flex.header .edit-link-wrapper .edit-link.disabled-link {
  pointer-events: var(--shipping-address-component-button-no-events-pointer-events);
  color: var(--color-Neutrals-Body-Copy);
}
.shipping-address-component .address-title {
  display: var(--shipping-address-component-address-display);
  font-weight: var(--shipping-address-component-address-font-weight);
  font-size: var(--shipping-address-component-common-address-font-size);
  line-height: var(--shipping-address-component-common-address-label-line-height);
  text-transform: var(--shipping-address-component-common-text-transform);
  font-feature-settings: var(--shipping-address-component-address-font-feature-settings);
  color: var(--color-Neutrals-Heading-Copy);
  margin: var(--shipping-address-component-address-margin);
}
.shipping-address-component .address-list {
  margin-top: var(--shipping-address-component-address-margin-top);
}
.shipping-address-component .address-list .shipping-box {
  margin: var(--shipping-address-component-address-shipping-box-last-margin);
  width: var(--shipping-address-component-shipping-box-width);
  background-color: var(--color-IIC-White);
  box-shadow: var(--shipping-address-component-shipping-box-box-shadow);
  border-radius: var(--shipping-address-component-shipping-box-border-radius);
  position: var(--shipping-address-component-shipping-box-position);
  font-family: var(--shipping-address-component-common-font-family);
  padding: var(--shipping-address-component-shipping-box-padding);
}
.shipping-address-component .address-list .shipping-box:last-child {
  margin: var(--shipping-address-component-address-shipping-box-last-margin);
}
.shipping-address-component .address-list .shipping-box .d-flex {
  width: var(--shipping-address-component-shipping-box-container-row-width) !important;
}
.shipping-address-component .address-list .shipping-box .d-flex.header {
  margin-bottom: var(--shipping-address-component-shipping-box-container-margin-bottom);
}
.shipping-address-component .address-list .shipping-box .d-flex.header .name-label {
  color: var(--color-IIC-Shipping-Header);
  padding-left: var(--shipping-address-component-shipping-box-header-padding-left);
}
.shipping-address-component .address-list .shipping-box .d-flex.header .edit-link-wrapper {
  text-align: var(--shipping-address-component-shipping-box-edit-link-wrapper-text-align);
  padding: var(--shipping-address-component-shipping-box-edit-link-wrapper-padding);
}
.shipping-address-component .address-list .shipping-box .d-flex.header .edit-link-wrapper .edit-link {
  min-width: var(--shipping-address-component-shipping-box-edit-link-wrapper-min-width);
  height: var(--shipping-address-component-common-address-label-line-height);
  margin-right: var(--shipping-address-component-shipping-box-edit-link-margin-right);
}
.shipping-address-component .address-list .shipping-box .address-line {
  font-weight: var(--shipping-address-component-common-shipping-box-address-font-weight);
  font-size: var(--shipping-address-component-common-address-font-size);
  line-height: var(--shipping-address-component-common-address-label-line-height);
  letter-spacing: var(--shipping-address-component-common-letter-spacing);
  color: var(--color-Neutrals-Body-Copy);
  width: var(--shipping-address-component-shipping-box-address-line-width);
  max-height: var(--shipping-address-component-shipping-box-address-line-height);
  word-break: var(--shipping-address-component-shipping-box-address-line-word-break);
}
.shipping-address-component .address-list .use-address {
  height: var(--shipping-address-component-use-address-height);
  min-width: var(--shipping-address-component-use-address-min-width);
  left: var(--shipping-address-component-use-address-left);
  top: var(--shipping-address-component-use-address-top);
  padding: var(--shipping-address-component-use-address-padding);
}
.shipping-address-component .address-list .use-address:disabled {
  padding: var(--shipping-address-component-use-address-disabled-padding);
}
.shipping-address-component .address-list .use-address .spinner-border {
  left: var(--shipping-address-component-use-address-disabled-left);
  display: var(--shipping-address-component-use-address-spinner-border-display);
  top: var(--shipping-address-component-use-address-spinner-border-top);
  position: var(--shipping-address-component-use-address-spinner-border-position);
}
.shipping-address-component .use-different-address {
  min-width: var(--shipping-address-component-use-different-address-min-width);
  height: var(--shipping-address-component-common-address-label-line-height);
  margin: var(--shipping-address-component-use-different-address-margin);
}
.shipping-address-component .checkout-address-notifications {
  margin: var(--shipping-address-component-checkout-address-notifications-margin);
  width: var(--shipping-address-component-checkout-address-notifications-width);
}

.select-product-component {
  --h2-top: 32px;
  --h4-top: 16px;
  --select-product-margin-top: 24px;
  --select-product-margin-bottom: 48px;
  --product-cards-margin-top: 112px;
  --select-product-card-width: 663px;
  --select-product-card-mb: 40px;
  --select-product-card-pb: 48px;
  --dropdown-width: 146px;
  --option-desktop-display: block;
  --option-mobile-display: none;
  --price-date-width: 288px;
  --note-padding-left: 16px;
  margin-top: var(--select-product-margin-top);
  margin-bottom: var(--select-product-margin-bottom);
}
@media (max-width: 499.98px) {
  .select-product-component {
    --h2-top: 24px;
    --h4-top: 16px;
    --select-product-margin-top: 24px;
    --select-product-margin-bottom: 120px;
    --product-cards-margin-top: 71px;
    --select-product-card-width: 100%;
    --select-product-card-mb: 48px;
    --select-product-card-pb: 32px;
    --dropdown-width: 75px;
    --option-desktop-display: none;
    --option-mobile-display: block;
    --price-date-width: 252px;
    --note-padding-left: 12px;
  }
}
.select-product-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  position: relative;
}
.select-product-component .component-content .back-to a {
  color: var(--color-Neutrals-Body-Copy);
  text-decoration: none;
}
.select-product-component .component-content .back-to a .back-button {
  margin-right: 16px;
}
.select-product-component .component-content h2 {
  color: var(--color-Primary-IIC-Blue);
  margin-top: var(--h2-top);
}
.select-product-component .component-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-top: var(--h4-top);
}
.select-product-component .component-content .item-desc {
  color: var(--color-Neutrals-Body-Copy);
  margin-top: 16px;
}
.select-product-component .component-content .product-cards {
  display: flex;
  flex-direction: column;
  margin-top: var(--product-cards-margin-top);
}
.select-product-component .component-content .product-cards .select-product-card {
  width: var(--select-product-card-width);
  margin-bottom: var(--select-product-card-mb);
  border-bottom: 1px solid var(--color-Tertiary-Cream);
  padding-bottom: var(--select-product-card-pb);
}
.select-product-component .component-content .product-cards .select-product-card h5 {
  color: var(--color-Secondary-Slate);
}
.select-product-component .component-content .product-cards .select-product-card .main-content {
  display: flex;
  justify-content: space-between;
}
.select-product-component .component-content .product-cards .select-product-card .main-content .price-date {
  width: var(--price-date-width);
}
.select-product-component .component-content .product-cards .select-product-card .main-content .price-date .price {
  display: flex;
}
.select-product-component .component-content .product-cards .select-product-card .main-content .price-date .price .price-icon {
  margin-right: 12px;
}
.select-product-component .component-content .product-cards .select-product-card .main-content .price-date .date {
  display: flex;
}
.select-product-component .component-content .product-cards .select-product-card .main-content .price-date .date .date-icon {
  margin-right: 12px;
}
.select-product-component .component-content .product-cards .select-product-card .main-content .tickets .iic-dropdown select .desktop {
  display: var(--option-desktop-display);
}
.select-product-component .component-content .product-cards .select-product-card .main-content .tickets .iic-dropdown select .mobile {
  display: var(--option-mobile-display);
}
.select-product-component .component-content .product-cards .select-product-card .main-content .tickets .iic-dropdown .desktop {
  display: var(--option-desktop-display);
}
.select-product-component .component-content .product-cards .select-product-card .main-content .tickets .iic-dropdown .mobile {
  display: var(--option-mobile-display);
}
.select-product-component .component-content .product-cards .select-product-card .main-content .tickets .iic-dropdown .form-select {
  width: var(--dropdown-width);
}
.select-product-component .component-content .product-cards .select-product-card .product-notes {
  margin-left: 32px;
  display: flex;
}
.select-product-component .component-content .product-cards .select-product-card .product-notes .note-container {
  border-left: 3px solid var(--color-Tertiary-Cream);
  color: var(--color-Neutrals-Body-Copy);
  padding-left: var(--note-padding-left);
}
.select-product-component .component-content .product-cards .select-product-card .product-notes .note-container .note-body {
  margin-bottom: 0px;
}

.sticky-select-product-component {
  --sticky-background-desktop: var(--color-Secondary-Icy-Blue);
  --sticky-background-mobile: none;
  --sticky-shadows: 0px -3px 16px rgba(18, 36, 69, 0.15);
  --banner-height: 97px;
  --v-line-display: block;
  --delivery-display: block;
  --date-display: block;
  --btn-margin: 32px;
  --btn-direction: row;
  --btn-order: none;
  --btn-width: auto;
  --content-margin: 16px auto;
  --spots-top: 0;
  --content-justify: space-between;
  --banner-bottom: 15px;
  --spots-order: 0;
  background: var(--sticky-background-mobile);
  position: sticky;
  bottom: var(--banner-bottom);
  left: 0;
  right: 0;
  z-index: 19;
}
@media (max-width: 499.98px) {
  .sticky-select-product-component {
    --sticky-background-desktop: none;
    --sticky-background-mobile: var(--color-Secondary-Icy-Blue);
    --sticky-shadows: none;
    --banner-height: 105px;
    --v-line-display: none;
    --delivery-display: none;
    --date-display: none;
    --btn-margin: 0;
    --btn-direction: column;
    --btn-order: -1;
    --btn-width: 326px;
    --content-margin: 0 auto;
    --spots-top: 10px;
    --content-justify: center;
    --banner-bottom: 5px;
    --spots-order: 1;
  }
}
.sticky-select-product-component .content-wrapper {
  width: var(--iic-site-width);
  height: var(--banner-height);
  background: var(--sticky-background-desktop);
  margin: var(--content-margin);
  display: flex;
  align-items: center;
  justify-content: var(--content-justify);
  box-shadow: var(--sticky-shadows);
  border-radius: 8px 8px 0px 0px;
}
.sticky-select-product-component .content-wrapper .left-side {
  display: flex;
  align-items: center;
}
.sticky-select-product-component .content-wrapper .left-side .sticky-delivery-method {
  display: var(--delivery-display);
  margin-left: 32px;
  width: 272px;
}
.sticky-select-product-component .content-wrapper .left-side .sticky-delivery-method h5 {
  color: var(--color-Secondary-Slate);
}
.sticky-select-product-component .content-wrapper .left-side .sticky-delivery-method h6 {
  color: var(--color-Neutrals-Body-Copy);
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location {
  display: var(--date-display);
  margin-left: 32px;
  width: 514px;
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location ul {
  height: 54px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location ul li {
  list-style: none;
  padding-left: 30px;
  padding-right: 48px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location .schedule-info a {
  color: var(--color-Neutrals-Body-Copy);
  text-decoration: none;
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.sticky-select-product-component .content-wrapper .left-side .sticky-date-location .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.sticky-select-product-component .content-wrapper .right-side {
  display: flex;
  align-items: center;
}
.sticky-select-product-component .content-wrapper .right-side .sticky-button {
  display: flex;
  flex-direction: var(--btn-direction);
  align-items: center;
  margin-right: var(--btn-margin);
}
.sticky-select-product-component .content-wrapper .right-side .sticky-button .spots {
  padding-left: 30px;
  background-image: var(--additional-icon);
  background-repeat: no-repeat;
  background-position: left;
  margin-top: var(--spots-top);
  margin-left: var(--btn-margin);
  order: var(--spots-order);
}
.sticky-select-product-component .content-wrapper .right-side .sticky-button button {
  margin-left: var(--btn-margin);
  order: var(--btn-order);
  width: var(--btn-width);
}
.sticky-select-product-component .content-wrapper .v-line {
  display: var(--v-line-display);
  width: 1px;
  height: 48px;
  background-color: var(--color-Tertiary-Cream);
}
.sticky-select-product-component .content-wrapper .one {
  margin-left: 32px;
}
.sticky-select-product-component .content-wrapper .two {
  margin-left: 8px;
}

.event-header-component {
  --content-margins: auto;
}
@media (max-width: 499.98px) {
  .event-header-component {
    --content-margins: 0;
  }
}
.event-header-component .component-content {
  width: var(--iic-site-width);
  margin-left: var(--content-margins);
  margin-right: var(--content-margins);
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  min-height: 184px;
}
.event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component {
  position: relative;
  padding-top: 24px;
  left: 0;
  top: 0;
}
.event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component a {
  color: var(--color-CTA-CTA-Secondary-Button-Cerulean);
}
.event-header-component .component-content .event-breadcrumb-placeholder .breadcrumb-component .here {
  color: var(--color-IIC-White);
}
.event-header-component .component-content .event-header-text-content {
  padding-bottom: 32px;
}
.event-header-component .component-content .event-header-text-content .event-header-name {
  margin-top: 24px;
  color: var(--color-IIC-White);
}
.event-header-component .component-content .event-header-text-content .event-header-code {
  color: var(--color-IIC-White);
  margin-top: 8px;
}

.event-speakers-component {
  --component-content-padding: 64px var(--iic-site-margin-width) 64px var(--iic-site-margin-width);
  --event-speaker-title-display: initial;
  --event-speaker-container-title-display: none;
  --component-content-h4-padding: 0px 0px 0px 38px;
  --component-content-h4-margin: 0px 0px 28px 0px;
  --event-speaker-container-flex-direction: row;
  --event-speaker-image-width: 300px;
  --event-speaker-image-height: 300px;
  --event-speaker-image-margin: 8px 77px 0px 38px;
  --event-speaker-diamond-width: 344px;
  --event-speaker-diamond-height: 207px;
  --event-speaker-diamond-top: 193px;
  --event-speaker-diamond-left: 161px;
  --event-speaker-base-info-caption-bold-caps-height: 24px;
  --event-speaker-base-info-h5-margin-bottom: 4px;
  --event-speaker-base-info-max-width: 100%;
  --event-speaker-header-btn-iic-accordion-display: none;
  --event-speaker-footer-flex-direction: row;
  --event-speaker-footer-gap: 64px;
  --event-speaker-footer-width: 807px;
  --event-speaker-about-width: 392px;
  --event-speaker-detailed-info-width: 351px;
  --event-speaker-detailed-info-h4-margin: 64px 0px 22px 0px;
  --event-speaker-min-height: 540px;
  background: var(--color-Neutrals-Light-Grey);
  margin-top: var(--event-speakers-margin-top);
  margin-bottom: var(--event-speakers-margin-bottom);
}
@media (max-width: 499.98px) {
  .event-speakers-component {
    --component-content-padding: 40px 24px 40px 40px;
    --event-speaker-title-display: none;
    --event-speaker-container-title-display: initial;
    --component-content-h4-padding: 0px;
    --component-content-h4-margin: 72px 0px 8px 0px;
    --event-speaker-container-flex-direction: column;
    --event-speaker-image-width: 200px;
    --event-speaker-image-height: 200px;
    --event-speaker-image-margin: 0;
    --event-speaker-diamond-width: 219.2px;
    --event-speaker-diamond-height: 132.05px;
    --event-speaker-diamond-top: 105px;
    --event-speaker-diamond-left: 85px;
    --event-speaker-base-info-caption-bold-caps-height: 16px;
    --event-speaker-base-info-h5-margin-bottom: 8px;
    --event-speaker-base-info-max-width: 260px;
    --event-speaker-header-btn-iic-accordion-display: initial;
    --event-speaker-footer-flex-direction: column;
    --event-speaker-footer-gap: 20px;
    --event-speaker-footer-width: 100%;
    --event-speaker-about-width: 100%;
    --event-speaker-detailed-info-width: 100%;
    --event-speaker-detailed-info-h4-margin: 0px 0px 22px 0px;
    --event-speaker-min-height: auto;
  }
}
@media (min-width: 500px) {
  .event-speakers-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.event-speakers-component .event-speaker-component {
  overflow: hidden;
  min-height: var(--event-speaker-min-height);
}
.event-speakers-component .event-speaker-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--component-content-padding);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-title {
  display: var(--event-speaker-title-display);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container-title {
  display: var(--event-speaker-container-title-display);
  min-height: 40px;
}
.event-speakers-component .event-speaker-component .component-content h3 {
  padding: var(--component-content-h4-padding);
  margin: var(--component-content-h4-margin);
  color: var(--color-Primary-IIC-Blue);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container {
  position: relative;
  display: flex;
  flex-direction: var(--event-speaker-container-flex-direction);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container img {
  object-fit: cover;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-image {
  margin: var(--event-speaker-image-margin);
  width: var(--event-speaker-image-width);
  height: var(--event-speaker-image-height);
  z-index: 2;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-diamond {
  position: absolute;
  width: var(--event-speaker-diamond-width);
  height: var(--event-speaker-diamond-height);
  top: var(--event-speaker-diamond-top);
  left: var(--event-speaker-diamond-left);
  z-index: 1;
  fill: var(--color-Neutrals-Gainsboro-Grey);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content {
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-header .event-speaker-base-info {
  display: flex;
  flex-direction: column;
  max-width: var(--event-speaker-base-info-max-width);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-header .event-speaker-base-info h5 {
  margin-bottom: var(--event-speaker-base-info-h5-margin-bottom);
  color: var(--color-Primary-IIC-Blue);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-header .event-speaker-base-info .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
  min-height: var(--event-speaker-base-info-caption-bold-caps-height);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-header .btn-iic-accordion {
  display: var(--event-speaker-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer {
  display: flex;
  flex-direction: var(--event-speaker-footer-flex-direction);
  align-items: flex-start;
  gap: var(--event-speaker-footer-gap);
  width: var(--event-speaker-footer-width);
  margin-top: 20px;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-about {
  color: var(--color-Neutrals-Body-Copy);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-about p {
  width: var(--event-speaker-about-width);
  margin: 0px;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-about p .caption-bold {
  white-space: pre-wrap;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: var(--event-speaker-detailed-info-width);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: var(--event-speaker-detailed-info-h4-margin);
  position: relative;
  padding-left: 9px;
  white-space: pre-wrap;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info h4:before {
  content: "“";
  position: absolute;
  left: 0px;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info h4:after {
  content: "”";
  position: absolute;
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info .caption-semibold-caps {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: var(--color-Primary-IIC-Blue);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info .caption-semibold-caps:before {
  content: "";
  display: block;
  margin-right: 1px;
  width: 9px;
  height: 2px;
  background: var(--color-Primary-IIC-Blue);
}
.event-speakers-component .event-speaker-component .component-content .event-speaker-container .event-speaker-text-content .event-speaker-footer .event-speaker-detailed-info .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
  padding-left: 16px;
}

.event-headliner-component {
  --content-width: var(--iic-site-width);
  --event-content-margins: 40px;
  --top-flex-dir: row;
  --text-flex-order: 0;
  --date-flex-order: 1;
  --date-time-margin-left: 152px;
  --date-time-margin-top: 120px;
  --top-text-content-mt: 56px;
  --top-text-content-width: 703px;
  --top-paragraph-mt: 24px;
  --img-width: 495px;
  --img-mt: 72px;
  --img-txt-mt: 0;
  --img-txt-ml: 88px;
  --img-txt-mb: 0;
  --img-txt-width: 390px;
  --bottom-mb: 88px;
  --date-time-container-w: 327px;
}
@media (max-width: 499.98px) {
  .event-headliner-component {
    --content-width: 100%;
    --event-content-margins: 0;
    --top-flex-dir: column;
    --text-flex-order: 1;
    --date-flex-order: 0;
    --date-time-margin-left: 0;
    --date-time-margin-top: 24px;
    --top-text-content-mt: 88px;
    --top-text-content-width: 100%;
    --top-paragraph-mt: 32px;
    --img-width: 100%;
    --img-mt: 48px;
    --img-txt-mt: 40px;
    --img-txt-ml: 0;
    --img-txt-mb: 64px;
    --img-txt-width: auto;
    --bottom-mb: 68px;
    --date-time-container-w: -;
  }
}
.event-headliner-component .component-content {
  width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.event-headliner-component .component-content .event-headliner-top {
  padding-left: var(--event-content-margins);
  padding-right: var(--event-content-margins);
  display: flex;
  flex-direction: var(--top-flex-dir);
}
.event-headliner-component .component-content .event-headliner-top .text-content {
  margin-top: var(--top-text-content-mt);
  width: var(--top-text-content-width);
  order: var(--text-flex-order);
}
.event-headliner-component .component-content .event-headliner-top .text-content .title {
  color: var(--color-Primary-IIC-Blue);
}
.event-headliner-component .component-content .event-headliner-top .text-content .sub-paragraph {
  margin-top: 8px;
  color: var(--color-Neutrals-Steel);
}
.event-headliner-component .component-content .event-headliner-top .text-content .paragraph {
  margin-top: var(--top-paragraph-mt);
  color: var(--color-Neutrals-Body-Copy);
  white-space: pre-wrap;
}
.event-headliner-component .component-content .event-headliner-top .date-time {
  margin-left: var(--date-time-margin-left);
  margin-top: var(--date-time-margin-top);
  order: var(--date-flex-order);
}
.event-headliner-component .component-content .event-headliner-top .date-time .date-time-container {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 24px;
  color: var(--color-Neutrals-Body-Copy);
  width: var(--date-time-container-w);
}
.event-headliner-component .component-content .event-headliner-top .date-time .date-time-container span {
  margin-left: 12px;
  margin-bottom: 8px;
}
.event-headliner-component .component-content .event-headliner-top .date-time .date-time-container .event-organization-name {
  display: flex;
  align-items: start;
}
.event-headliner-component .component-content .event-headliner-top .date-time .date-time-container .event-organization-name img {
  margin-top: 4px;
}
.event-headliner-component .component-content .event-headliner-top .date-time .date-time-container .event-organization-name span {
  margin: 0px 0px 0px 17px;
}
.event-headliner-component .component-content .event-headliner-bottom {
  padding-left: var(--event-content-margins);
  padding-right: var(--event-content-margins);
  display: flex;
  flex-direction: var(--top-flex-dir);
  margin-bottom: var(--bottom-mb);
  margin-top: var(--img-mt);
  align-items: center;
}
.event-headliner-component .component-content .event-headliner-bottom .image img {
  width: var(--img-width);
}
.event-headliner-component .component-content .event-headliner-bottom .image-text {
  margin-top: var(--img-txt-mt);
  margin-left: var(--img-txt-ml);
  margin-bottom: var(--img-txt-mb);
  width: var(--img-txt-width);
}
.event-headliner-component .component-content .event-headliner-bottom .image-text h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-top: 24px;
}
.event-headliner-component .component-content .event-headliner-bottom .image-text h6 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-top: 24px;
}
.event-headliner-component .component-content .event-headliner-bottom .image-text p {
  color: var(--color-Neutrals-Body-Copy);
}

.event-three-item-map-component {
  --event-three-item-component-content-flex-direction: row;
  --event-three-item-map-text-content-width: 391px;
  --event-three-item-map-text-content-padding-left: 40px;
  --event-three-item-map-text-content-margin: 48px 192px 0px 0px;
  --event-three-item-map-text-content-h3-margin-bottom: 20px;
  --event-three-item-map-text-content-h5-margin-bottom: 28px;
  --event-three-item-map-items-container-grid-template-areas:
      "First Third"
      "Second Third";
  --event-three-item-map-items-container-gap: 32px 24px;
  --event-three-item-map-spots-width: fit-content;
  --event-three-item-map-spots-margin-left: 3px;
  --last-event-product-card-item-margin-bottom: 0px;
  margin-top: var(--event-three-item-map-margin-top);
  margin-bottom: var(--event-three-item-map-margin-bottom);
}
@media (max-width: 499.98px) {
  .event-three-item-map-component {
    --event-three-item-component-content-flex-direction: column;
    --event-three-item-map-text-content-width: 100%;
    --event-three-item-map-text-content-padding-left: 0px;
    --event-three-item-map-text-content-margin: 0px 0px 32px 0px;
    --event-three-item-map-text-content-h3-margin-bottom: 16px;
    --event-three-item-map-text-content-h5-margin-bottom: 16px;
    --event-three-item-map-items-container-grid-template-areas:
        "First"
        "Second"
        "Third";
    --event-three-item-map-items-container-gap: 48px 0px;
    --event-three-item-map-spots-width: 100%;
    --event-three-item-map-spots-margin-left: 0px;
    --last-event-product-card-item-margin-bottom: 16px;
  }
}
.event-three-item-map-component .component-content {
  display: flex;
  flex-direction: var(--event-three-item-component-content-flex-direction);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.event-three-item-map-component .component-content .event-three-item-map-text-content {
  width: var(--event-three-item-map-text-content-width);
  padding-left: var(--event-three-item-map-text-content-padding-left);
  margin: var(--event-three-item-map-text-content-margin);
}
.event-three-item-map-component .component-content .event-three-item-map-text-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--event-three-item-map-text-content-h3-margin-bottom);
  min-height: 40px;
}
.event-three-item-map-component .component-content .event-three-item-map-text-content h5 {
  color: var(--color-Neutrals-Steel);
  margin-bottom: var(--event-three-item-map-text-content-h5-margin-bottom);
}
.event-three-item-map-component .component-content .event-three-item-map-text-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 24px;
  min-height: 24px;
}
.event-three-item-map-component .component-content .event-three-item-map-text-content .event-three-item-map-spots {
  min-height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
  gap: 8px;
  background: var(--color-Secondary-Frost-Blue);
  margin-bottom: 8px;
  width: var(--event-three-item-map-spots-width);
  margin-left: var(--event-three-item-map-spots-margin-left);
}
.event-three-item-map-component .component-content .event-three-item-map-text-content .event-three-item-map-spots .caption-semibold-caps {
  color: var(--color-Secondary-Slate);
}
.event-three-item-map-component .component-content .event-three-item-map-items-container {
  display: grid;
  gap: var(--event-three-item-map-items-container-gap);
  grid-template-areas: var(--event-three-item-map-items-container-grid-template-areas);
  align-items: center;
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .secondary-marketing-tile-component {
  position: initial !important;
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .grid-item {
  display: flex;
  justify-content: center;
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .last-event-product-card-item {
  margin-bottom: var(--last-event-product-card-item-margin-bottom);
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .grid-item-0 {
  grid-area: First;
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .grid-item-1 {
  grid-area: Second;
}
.event-three-item-map-component .component-content .event-three-item-map-items-container .grid-item-2 {
  grid-area: Third;
}

.event-product-card-component {
  --event-product-card-width: 288px;
  --event-product-card-gap: 24px;
  --event-product-card-background-size: 240px 6px;
  --event-product-card-padding: 32px 24px 20px 24px;
  --event-product-title-content-flex-direction: column;
  --event-product-title-content-margin-bottom: 16px;
  --event-product-title-content-align-items: start;
  --event-product-card-icon-margin-bottom: 16px;
  --event-product-price-content-margin-bottom: 8px;
  --event-product-price-content-paragraph-regular-width: 175px;
  --event-product-text-content-align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--event-product-card-gap);
  width: var(--event-product-card-width);
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
  padding: var(--event-product-card-padding);
  background-image: linear-gradient(to top, var(--event-product-line-color) 100%, transparent 0);
  background-repeat: no-repeat;
  background-size: var(--event-product-card-background-size);
  background-position: 24px 0px;
}
@media (max-width: 499.98px) {
  .event-product-card-component {
    --event-product-card-width: 327px;
    --event-product-card-gap: 0px;
    --event-product-card-background-size: 279px 6px;
    --event-product-card-padding: 8px 24px 12px 24px;
    --event-product-title-content-flex-direction: row-reverse;
    --event-product-title-content-margin-bottom: 5px;
    --event-product-title-content-align-items: center;
    --event-product-card-icon-margin-bottom: 0px;
    --event-product-price-content-margin-bottom: 0px;
    --event-product-price-content-paragraph-regular-width: 210px;
    --event-product-text-content-align-items: initial;
  }
}
.event-product-card-component .event-product-text-content {
  display: flex;
  flex-direction: column;
  align-items: var(--event-product-text-content-align-items);
}
.event-product-card-component .event-product-text-content .event-product-title-content {
  margin-bottom: var(--event-product-title-content-margin-bottom);
  display: flex;
  flex-direction: var(--event-product-title-content-flex-direction);
  justify-content: space-between;
  align-items: var(--event-product-title-content-align-items);
}
.event-product-card-component .event-product-text-content .event-product-title-content .event-product-card-icon {
  margin-bottom: var(--event-product-card-icon-margin-bottom);
}
.event-product-card-component .event-product-text-content .event-product-title-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.event-product-card-component .event-product-text-content .event-product-price-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-product-card-component .event-product-text-content .event-product-price-content h6 {
  color: var(--color-Primary-IIC-Blue);
  margin: 0px 6px 0px 0px;
}
.event-product-card-component .event-product-text-content .event-product-price-content .event-product-price-dash {
  color: var(--color-Primary-IIC-Gold);
  margin-right: 6px;
}
.event-product-card-component .event-product-text-content .event-product-price-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  text-overflow: ellipsis;
  overflow: hidden;
  width: var(--event-product-price-content-paragraph-regular-width);
  white-space: nowrap;
}

.membership-product-card-component {
  --membership-card-w: 599px;
  --membership-flex-direction: row;
  --membership-info-padding-left: 24px;
  --desc-display: block;
  --content-direction: row;
  --m-tooltip-left: 70px;
  --m-tooltip-width: 249px;
  display: flex;
  flex-direction: var(--content-direction);
  position: relative;
  width: var(--membership-card-w);
  border-radius: 8px;
  margin: 0;
  padding: 16px 24px;
  background-color: var(--color-Neutrals-Light-Grey);
}
@media (max-width: 499.98px) {
  .membership-product-card-component {
    --membership-card-w: 100%;
    --membership-info-padding-left: 0;
    --desc-display: none;
    --content-direction: column;
    --m-tooltip-left: 28px;
    --m-tooltip-width: 140px;
  }
}
.membership-product-card-component .membership-left-content {
  flex: 1;
  width: 223px;
}
.membership-product-card-component .membership-left-content .title {
  display: flex;
  align-items: flex-start;
}
.membership-product-card-component .membership-left-content .title h6 {
  margin-right: 8px;
  color: var(--color-Neutrals-Heading-Copy);
}
.membership-product-card-component .membership-left-content .title h6 .membership-tooltip {
  position: relative;
  display: inline-block;
}
.membership-product-card-component .membership-left-content .title h6 .membership-tooltip .membership-tooltiptext {
  visibility: hidden;
  width: var(--m-tooltip-width);
  background-color: var(--color-Neutrals-Body-Copy);
  color: var(--color-Primary-Background);
  border-radius: 8px;
  padding: 12px 16px;
  position: absolute;
  left: var(--m-tooltip-left);
  z-index: 1;
}
.membership-product-card-component .membership-left-content .title h6 .membership-tooltip:hover .membership-tooltiptext {
  visibility: visible;
}
.membership-product-card-component .membership-left-content .desc {
  display: var(--desc-display);
  color: var(--color-Neutrals-Body-Copy);
  max-width: 223px;
}
.membership-product-card-component .membership-right-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: var(--membership-info-padding-left);
}
.membership-product-card-component .membership-right-content .membership-price {
  margin-top: 8px;
}

.cart-component {
  --cart-margins: 33px;
  --card-w: 599px;
  --card-h: 312px;
  --cart-item-mt: 40px;
  --vertical-line-dsiplay: block;
  --content-flex-dir: row;
  --left-padding-right: 128px;
  --right-margin-left: 88px;
  --right-margin-top: 173px;
  --right-width: 397px;
  --sub-title-display: none;
  --component-padding: var(--iic-site-margin-width);
  --component-width: 1366px;
  --image-display: block;
  --h5-top: 23px;
  --p-top: 16px;
  --btn-top: 15px;
  --btn-bottom: 25px;
  --btn-width: auto;
  --p-width: 597px;
  --p-left: 104px;
  --display-shopping: block;
  --display-shopping-m: none;
  --cbc-trash-position: 24px;
  --cbc-trash-position-top: 24px;
  width: var(--component-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-top: var(--cart-margins);
  margin-bottom: var(--cart-margins);
}
@media (max-width: 499.98px) {
  .cart-component {
    --cart-margins: 24px;
    --card-w: 100%;
    --card-h: 208px;
    --cart-item-mt: 24px;
    --vertical-line-dsiplay: none;
    --content-flex-dir: column;
    --left-padding-right: 0;
    --right-margin-left: 0;
    --right-margin-top: 72px;
    --right-width: 327px;
    --sub-title-display: block;
    --component-padding: 0;
    --component-width: 100%;
    --image-display: none;
    --h5-top: 0;
    --p-top: 16px;
    --btn-top: 32px;
    --btn-bottom: 0;
    --btn-width: 100%;
    --p-width: 100%;
    --p-left: 0;
    --display-shopping: none;
    --display-shopping-m: flex;
    --cbc-trash-position: 35px;
    --cbc-trash-position-top: 30px;
  }
}
.cart-component .cart-header {
  display: flex;
  justify-content: space-between;
}
.cart-component .cart-header h2 {
  color: var(--color-Primary-IIC-Blue);
}
.cart-component .cart-header .continue-shopping-d {
  display: var(--display-shopping);
}
.cart-component .component-content {
  display: flex;
  flex-direction: var(--content-flex-dir);
  justify-content: center;
}
.cart-component .component-content .paragraph {
  width: var(--p-width);
  margin-left: var(--p-left);
  margin-top: 50px;
}
.cart-component .component-content .paragraph h5 {
  margin-top: var(--h5-top);
  color: var(--color-Neutrals-Heading-Copy);
}
.cart-component .component-content .paragraph p {
  margin-top: var(--p-top);
  margin-bottom: 0;
  color: var(--color-Neutrals-Body-Copy);
}
.cart-component .component-content .paragraph .btn {
  margin-top: var(--btn-top);
  margin-bottom: var(--btn-bottom);
  width: var(--btn-width);
}
.cart-component .component-content .empty-cart-image {
  margin-left: 25px;
  margin-top: 50px;
  display: var(--image-display);
}
.cart-component .component-content .empty-cart-image img {
  width: 206px;
}
.cart-component .component-content .left-content {
  padding-right: var(--left-padding-right);
  position: relative;
}
.cart-component .component-content .left-content .sub-title {
  display: var(--sub-title-display);
  margin-top: 16px;
  margin-bottom: 8px;
}
.cart-component .component-content .left-content .cart-item {
  position: relative;
  margin-top: var(--cart-item-mt);
}
.cart-component .component-content .left-content .cart-item .class-product-card-component {
  width: var(--card-w);
  min-height: var(--card-h);
}
.cart-component .component-content .left-content .cart-item .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position-top);
  width: 24px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}
.cart-component .component-content .left-content .cart-item .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.cart-component .component-content .left-content .cart-item .spinner-border {
  position: absolute;
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
}
.cart-component .component-content .left-content .continue-shopping-m {
  display: var(--display-shopping-m);
  justify-content: flex-end;
  margin-top: 10px;
}
.cart-component .component-content .left-content:after {
  display: var(--vertical-line-dsiplay);
  position: absolute;
  content: "";
  width: 1px;
  height: 110%;
  background-color: var(--color-Tertiary-Cream);
  right: 0;
  top: var(--cart-item-mt);
}
.cart-component .component-content .right-content {
  margin-left: var(--right-margin-left);
  margin-top: var(--right-margin-top);
  width: var(--right-width);
}
.cart-component .policies {
  width: var(--card-w);
  padding: 24px;
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  margin-top: 48px;
}

.sticky-cart-component {
  --sticky-background-desktop: var(--color-Secondary-Icy-Blue);
  --sticky-background-mobile: none;
  --sticky-shadows: 0px -3px 16px rgba(18, 36, 69, 0.15);
  --banner-height: 97px;
  --v-line-display: block;
  --delivery-display: flex;
  --date-display: block;
  --btn-margin: 32px;
  --btn-direction: row;
  --btn-order: none;
  --btn-width: auto;
  --content-margin: 16px auto;
  --spots-top: 0;
  --content-justify: space-between;
  --banner-bottom: 15px;
  --sticky-question: block;
  --s-tooltip-left: 30px;
  --s-tooltip-width: 249px;
  --component-width: 1366px;
  --quote-order: 1;
  --btn-order: 2;
  --sticky-tooltip-mt: 10px;
  background: var(--sticky-background-mobile);
  position: sticky;
  bottom: var(--banner-bottom);
  left: 0;
  right: 0;
  z-index: 19;
  height: 120px;
  width: inherit;
}
@media (max-width: 499.98px) {
  .sticky-cart-component {
    --sticky-background-desktop: none;
    --sticky-background-mobile: var(--color-Secondary-Icy-Blue);
    --sticky-shadows: none;
    --banner-height: 120px;
    --v-line-display: none;
    --delivery-display: none;
    --date-display: none;
    --btn-margin: 0;
    --btn-direction: column;
    --btn-order: -1;
    --btn-width: 326px;
    --content-margin: 0 auto;
    --spots-top: 10px;
    --content-justify: center;
    --banner-bottom: 5px;
    --sticky-question: block;
    --s-tooltip-left: -;
    --s-tooltip-width: -;
    --component-width: 100%;
    --quote-order: 2;
    --btn-order: 1;
    --sticky-tooltip-mt: 0;
  }
}
.sticky-cart-component .content-wrapper {
  width: var(--component-width);
  height: var(--banner-height);
  background: var(--sticky-background-desktop);
  margin: var(--content-margin);
  display: flex;
  align-items: center;
  justify-content: var(--content-justify);
  box-shadow: var(--sticky-shadows);
  border-radius: 8px 8px 0px 0px;
}
.sticky-cart-component .content-wrapper .left-side {
  display: flex;
  align-items: center;
}
.sticky-cart-component .content-wrapper .left-side .sticky-delivery-method {
  display: var(--delivery-display);
  margin-left: 32px;
  align-items: center;
}
.sticky-cart-component .content-wrapper .left-side .sticky-delivery-method h4 {
  color: var(--color-Neutrals-Heading-Copy);
}
.sticky-cart-component .content-wrapper .right-side {
  display: flex;
  align-items: center;
}
.sticky-cart-component .content-wrapper .right-side .sticky-button {
  display: flex;
  flex-direction: var(--btn-direction);
  align-items: center;
  margin-right: var(--btn-margin);
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .quote {
  display: var(--sticky-question);
  margin-top: var(--spots-top);
  margin-left: var(--btn-margin);
  margin-right: 8px;
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .checkout-container {
  display: flex;
  align-items: center;
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .checkout-container .checkout {
  width: var(--btn-width);
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .quote-container {
  order: var(--quote-order);
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .btn-container {
  order: var(--btn-order);
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .sticky-tooltip {
  position: relative;
  margin-right: var(--sticky-tooltip-mt);
  display: var(--sticky-question);
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .sticky-tooltip .sticky-tooltiptext {
  visibility: hidden;
  width: var(--s-tooltip-width);
  background-color: var(--color-Neutrals-Body-Copy);
  color: var(--color-Primary-Background);
  border-radius: 8px;
  padding: 12px 16px;
  position: absolute;
  left: var(--s-tooltip-left);
  bottom: 0;
  z-index: 1;
}
.sticky-cart-component .content-wrapper .right-side .sticky-button .sticky-tooltip:hover .sticky-tooltiptext {
  visibility: visible;
}
.sticky-cart-component .content-wrapper .v-line {
  display: var(--v-line-display);
  width: 1px;
  height: 48px;
  background-color: var(--color-Tertiary-Cream);
}
.sticky-cart-component .content-wrapper .one {
  margin-left: 16px;
  margin-right: 16px;
  height: 24px !important;
}
.sticky-cart-component .content-wrapper .two {
  margin-left: 8px;
  margin-right: 32px;
}

.checkout-payment-component {
  --checkout-payment-component-common-font-family: "proxima-nova";
  --checkout-payment-component-common-font-style: normal;
  --checkout-payment-component-common-font-display: none;
  --shipping-address-component-common-width: 440px;
  --checkout-payment-component-common-input-label-font-style: normal;
  --checkout-payment-component-common-input-label-font-weight: 400;
  --checkout-payment-component-common-input-label-font-size: 14px;
  --checkout-payment-component-common-input-label-line-height: 20px;
  --checkout-payment-component-common-input-label-font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  --checkout-payment-component-common-input-label-height: 24px;
  --checkout-payment-component-common-input-line-width: 327px;
  --shipping-address-component-common-button-grey-border-radius: 3px;
  --shipping-address-component-common-button-grey-border: 0;
  --shipping-address-component-common-button-grey-font-weight: 600;
  --shipping-address-component-common-button-grey-font-size: 13px;
  /*--shipping-address-component-button-no-events-*/
  --shipping-address-component-button-no-events-transform: none;
  --shipping-address-component-button-no-events-box-shadow: none;
  --shipping-address-component-button-no-events-pointer-events: none;
  /*--checkout-payment-component-billing-address-*/
  --checkout-payment-component-billing-address-margin: 34px 0 18px 0px;
  /*--checkout-payment-component-*/
  --checkout-payment-component-margin-left: 0;
  --checkout-payment-component-margin-top: 15px;
  /*--checkout-payment-component-payment-section-*/
  --checkout-payment-component-payment-section-margin-bottom: 24px;
  --checkout-payment-component-payment-section-width: 327px;
  --checkout-payment-component-payment-section-position: relative;
  /*--checkout-payment-component-payment-section-billing-address-line-*/
  --checkout-payment-component-payment-section-billing-address-line-margin-bottom: 20px;
  --checkout-payment-component-payment-section-billing-address-line-width: 430px;
  /*--checkout-payment-component-payment-use-different-address-*/
  --checkout-payment-component-payment-use-different-address-min-width: 235px;
  --checkout-payment-component-payment-use-different-address-margin: -4px 0px 22px 14px;
  /*--checkout-payment-component-payment-disabled-link-*/
  --checkout-payment-component-payment-button-no-events-pointer-events: none;
  /*--checkout-payment-component-use-card-position-*/
  --checkout-payment-component-use-card-min-width: 227px;
  --checkout-payment-component-use-card-margin-left: 0;
  --checkout-payment-component-use-card-margin-bottom: 31px;
  /*--checkout-payment-component-button-push-*/
  --checkout-payment-component-button-push-transform: scale(0.98);
  --checkout-payment-component-button-push-box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
  /*--checkout-payment-component-payment-new-billing-*/
  --checkout-payment-component-payment-new-billing-margin: 5px 0 7px 1px;
  --checkout-payment-component-payment-new-billing-edit-address-margin: 18px 0 30px 0;
  /*--checkout-payment-component-payment-new-billing-invalid-input-*/
  --checkout-payment-component-payment-new-billing-invalid-input-display: none;
  /*--checkout-payment-component-choosen-card-*/
  --checkout-payment-component-choosen-card-choosen-card-display: none;
  --checkout-payment-component-choosen-card-choosen-card-type: capitalize;
  display: var(--checkout-payment-component-common-font-display);
  font-family: var(--checkout-payment-component-common-font-family);
  font-style: var(--checkout-payment-component-common-font-style);
  margin-left: var(--checkout-payment-component-margin-left);
  margin-top: var(--checkout-payment-component-margin-top);
  width: var(--shipping-address-component-common-width);
}
@media (max-width: 499.98px) {
  .checkout-payment-component {
    --checkout-payment-component-margin-left: 0;
    --shipping-address-component-common-width: 327px;
    --checkout-payment-component-common-input-line-width: 327px;
    --checkout-payment-component-use-card-min-width: 327px;
    --checkout-payment-component-use-card-margin-left: 0px;
  }
}
@media (min-width: 500px) {
  .checkout-payment-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.checkout-payment-component .payment-input-label {
  font-style: var(--checkout-payment-component-common-input-label-font-style);
  font-weight: var(--checkout-payment-component-common-input-label-font-weight);
  font-size: var(--checkout-payment-component-common-input-label-font-size);
  line-height: var(--checkout-payment-component-common-input-label-line-height);
  font-feature-settings: var(--checkout-payment-component-common-input-label-font-feature-settings);
  height: var(--checkout-payment-component-common-input-label-height);
  color: var(--color-Neutrals-Body-Copy);
}
.checkout-payment-component .use-different-address.disabled-link {
  pointer-events: var(--checkout-payment-component-payment-button-no-events-pointer-events);
  color: var(--color-Neutrals-Body-Copy);
}
.checkout-payment-component .use-card:disabled {
  background: var(--color-Neutrals-Gainsboro-Grey);
  border-radius: var(--shipping-address-component-common-button-grey-border-radius);
  border: var(--shipping-address-component-common-button-grey-border);
  font-weight: var(--shipping-address-component-common-button-grey-font-weight);
  font-size: var(--shipping-address-component-common-button-grey-font-size);
  color: var(--color-Neutrals-Body-Copy);
}
.checkout-payment-component .use-card:disabled {
  transform: var(--shipping-address-component-button-no-events-transform);
  box-shadow: var(--shipping-address-component-button-no-events-box-shadow);
  pointer-events: var(--shipping-address-component-button-no-events-pointer-events);
}
.checkout-payment-component .card-info-line-input {
  width: var(--checkout-payment-component-common-input-line-width);
}
.checkout-payment-component .billing-address-title {
  margin: var(--checkout-payment-component-billing-address-margin);
}
.checkout-payment-component .payment-section {
  width: var(--checkout-payment-component-payment-section-width);
  margin-bottom: var(--checkout-payment-component-payment-section-margin-bottom);
  position: var(--checkout-payment-component-payment-section-position);
  /*Custom case: out of classic design*/
}
.checkout-payment-component .payment-section .billing-address-line {
  margin-bottom: var(--checkout-payment-component-payment-section-billing-address-line-margin-bottom);
  width: var(--checkout-payment-component-payment-section-billing-address-line-width);
}
.checkout-payment-component .payment-section .billing-address-line label {
  color: var(--color-Neutrals-Body-Copy);
}
.checkout-payment-component .payment-section .iic-password-input .iic-form-control:invalid, .checkout-payment-component .payment-section .iic-password-input .iic-form-control.invalid-input {
  background-position: right calc(0.475em + 1.5875rem) center;
}
.checkout-payment-component .payment-section .card-number.invalid-input, .checkout-payment-component .payment-section .card-info-line-input.invalid-input {
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #B80000;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/invalid.svg);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: 18px 18px;
}
.checkout-payment-component .use-different-address {
  min-width: var(--checkout-payment-component-payment-use-different-address-min-width);
  margin: var(--checkout-payment-component-payment-use-different-address-margin);
}
.checkout-payment-component .use-card {
  min-width: var(--checkout-payment-component-use-card-min-width);
  margin-left: var(--checkout-payment-component-use-card-margin-left);
  margin-bottom: var(--checkout-payment-component-use-card-margin-bottom);
}
.checkout-payment-component .payment-new-billing {
  margin: var(--checkout-payment-component-payment-new-billing-margin);
}
.checkout-payment-component .payment-new-billing .edit-address {
  margin: var(--checkout-payment-component-payment-new-billing-edit-address-margin);
}
.checkout-payment-component .iic-invalid-feedback {
  display: var(--checkout-payment-component-payment-new-billing-invalid-input-display);
}
.checkout-payment-component .choosen-card {
  display: var(--checkout-payment-component-choosen-card-choosen-card-display);
}
.checkout-payment-component .choosen-card .card-type {
  text-transform: var(--checkout-payment-component-choosen-card-choosen-card-type);
}
.checkout-payment-component :is(.iic-form-control:not(:placeholder-shown)):has(+ button.close-icon)::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.checkout-payment-component button.close-icon {
  /*--close-icon-*/
  --close-icon-img-size: 24px;
  --close-icon-button-top: 2.2em;
  --close-icon-button-right: 1em;
  border: none;
  position: absolute;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: var(--close-icon-img-size) var(--close-icon-img-size);
  width: var(--close-icon-img-size);
  height: var(--close-icon-img-size);
  margin-right: 10px;
  cursor: pointer;
  top: var(--close-icon-button-top);
  right: var(--close-icon-button-right);
}
@media (max-width: 499.98px) {
  .checkout-payment-component button.close-icon {
    --close-icon-img-size: 24px;
    --close-icon-button-top: 2.2em;
    --close-icon-button-right: 1em;
  }
}
.checkout-payment-component input[type=search].iic-form-control:not(placeholder-shown) ~ .close-icon {
  display: inline-block;
}
.checkout-payment-component input[type=search].iic-form-control:placeholder-shown ~ .close-icon {
  display: none;
}

.add-edit-address-component {
  /*shipping-address-component-common-*/
  --shipping-address-component-common-margin-left: -12px;
  --shipping-address-component-common-margin-bottom: -15px;
  --shipping-address-component-common-font-style: normal;
  --shipping-address-component-common-shipping-box-address-font-weight: 400;
  --shipping-address-component-common-no-border-color: transparent;
  --shipping-address-component-common-box-border-radius: 3px;
  --shipping-address-component-common-edit-address-part-x-margin: 0 0 24px 12px;
  --shipping-address-component-common-edit-address-use-cancel-this-address-height: 44px;
  --shipping-address-component-common-second-line: table-ell;
  --shipping-address-component-common-second-line-mobile: none;
  --shipping-address-component-common-second-line-mobile-margin: 0;
  /*--shipping-address-component-edit-address-*/
  --shipping-address-component-edit-address-display: none;
  --shipping-address-component-edit-address-margin-top: -50px;
  --shipping-address-component-edit-address-position: relative;
  /*--shipping-address-component-address-input-label-*/
  --shipping-address-component-address-input-label-font-size: 14px;
  --shipping-address-component-address-input-label-line-height: 20px;
  --shipping-address-component-address-input-label-font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  --shipping-address-component-address-input-label-height: 24px;
  /*--shipping-address-component-address-input-iic-invalid-feedback-*/
  --shipping-address-component-address-input-iic-invalid-feedback-display: none;
  /*--shipping-address-component-button-push-*/
  --shipping-address-component-button-push-transform: scale(0.98);
  --shipping-address-component-button-push-box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
  /*--shipping-address-component-edit-address-table-*/
  --shipping-address-component-edit-address-table-table-layout: fixed;
  --shipping-address-component-edit-address-table-border-collapse: collapse;
  --shipping-address-component-edit-address-table-width: 100%;
  --shipping-address-component-edit-address-table-wide-width: 299px;
  --shipping-address-component-edit-address-table-home-address-width: 275px;
  --shipping-address-component-edit-address-table-home-address-height: 48px;
  --shipping-address-component-edit-address-table-suit-or-unit-width: 141px;
  --shipping-address-component-edit-address-table-tr-display: table-row;
  --shipping-address-component-edit-address-table-column-display: table-cell;
  --shipping-address-component-edit-address-table-column-margin: 0;
  /*--shipping-address-component-edit-address-part-2-*/
  --shipping-address-component-edit-address-part-2-address-input-label-margin-left: 0;
  /*--shipping-address-component-edit-address-part-2-choose-country-*/
  --shipping-address-component-edit-address-part-2-choose-country-width: 440px;
  --shipping-address-component-edit-address-part-2-choose-country-height: 48px;
  --shipping-address-component-edit-address-part-2-choose-country-required-border-bottom: 2px solid;
  /*--shipping-address-component-edit-address-part-3-*/
  --shipping-address-component-edit-address-part-3-address-input-label-margin-left: 0;
  --shipping-address-component-edit-address-part-3-address-input-label-margin-bottom: 0;
  /*--shipping-address-component-edit-address-part-3-city-name-*/
  --shipping-address-component-edit-address-part-3-city-name-width: 440px;
  --shipping-address-component-edit-address-part-3-city-name-text-transform: capitalize;
  --shipping-address-component-edit-address-part-3-city-name-invalid-feedback-text-transform: initial;
  --shipping-address-component-edit-address-part-3-city-name-position: relative;
  /*--shipping-address-component-edit-address-part-4-choose-province-*/
  --shipping-address-component-edit-address-part-4-td-position: relative;
  --shipping-address-component-edit-address-part-4-choose-province-width: 275px;
  --shipping-address-component-edit-address-part-4-choose-province-height: 48px;
  --shipping-address-component-edit-address-part-4-choose-province-postal-code-width: 141px;
  --shipping-address-component-edit-address-part-4-choose-province-postal-margin-top: 0;
  --shipping-address-component-edit-address-part-4-choose-province-postal-height: 50px;
  --shipping-address-component-edit-address-part-4-choose-province-postal-padding-right: 0;
  --shipping-address-component-edit-address-part-4-choose-province-postal-position: relative;
  --shipping-address-component-edit-address-part-4-tr-width: 130px;
  /*--shipping-address-component-edit-address-part-4-iic-dropdown-*/
  --shipping-address-component-edit-address-part-4-iic-dropdown-height: 50px;
  --shipping-address-component-edit-address-part-4-iic-dropdown-display: block;
  /*--shipping-address-component-edit-address-part-4-spinner-border-*/
  --shipping-address-component-edit-address-part-4-spinner-border-position: absolute;
  --shipping-address-component-edit-address-part-4-spinner-border-right: 61px;
  --shipping-address-component-edit-address-part-4-spinner-border-top: 17px;
  --shipping-address-component-edit-address-part-4-spinner-border-display: none;
  /*--shipping-address-component-edit-address-part-5-*/
  --shipping-address-component-edit-address-part-5-margin-top: -11px;
  --shipping-address-component-edit-address-part-5-margin: 0;
  /*--shipping-address-component-edit-address-part-5-check-wrapper-*/
  --shipping-address-component-edit-address-part-5-check-wrapper-padding-top: 13px;
  --shipping-address-component-edit-address-part-5-check-wrapper-check-border: 2px solid;
  --shipping-address-component-edit-address-part-5-check-wrapper-check-width: 18px;
  --shipping-address-component-edit-address-part-5-check-wrapper-check-height: 18px;
  /*--shipping-address-component-edit-address-part-5-check-wrapper-form-check*/
  --shipping-address-component-edit-address-part-5-check-wrapper-form-check-margin: -2px 0 0 -15px;
  /*--shipping-address-component-edit-address-cover-loading-*/
  --shipping-address-component-edit-address-cover-loading-width: 451px;
  --shipping-address-component-edit-address-cover-loading-position: absolute;
  --shipping-address-component-edit-address-cover-loading-height: calc(100% - -3px);
  --shipping-address-component-edit-address-cover-loading-background-color: grey;
  --shipping-address-component-edit-address-cover-loading-opacity: 0.2;
  --shipping-address-component-edit-address-cover-loading-top: 1px;
  --shipping-address-component-edit-address-cover-loading-left: 10px;
  --shipping-address-component-edit-address-cover-display-initial: none;
  /*--shipping-address-component-edit-address-cover-loading-spinner-border-*/
  --shipping-address-component-edit-address-cover-loading-spinner-border-width: 3rem;
  --shipping-address-component-edit-address-cover-loading-spinner-border-height: 3rem;
  --shipping-address-component-edit-address-cover-loading-spinner-border-position: absolute;
  --shipping-address-component-edit-address-cover-loading-spinner-border-top: calc(50% - 38px);
  --shipping-address-component-edit-address-cover-loading-spinner-border-left: calc(50% - 21px);
  /*--shipping-address-component-edit-address-submit-cancel-*/
  --shipping-address-component-edit-address-submit-cancel-max-width: 464px;
  --shipping-address-component-edit-address-submit-cancel-margin: 0 0 36px 21px;
  --shipping-address-component-edit-address-submit-button-width: fit-content;
  --shipping-address-component-edit-address-buttons-container-width: 440px;
  --shipping-address-component-edit-address-buttons-container-flex-direction: row;
  --shipping-address-component-edit-address-submit-button-padding: 8px;
  --shipping-address-component-edit-address-submit-button-display: block;
  /*--shipping-address-component-edit-address-part-5-make-shipping-text-*/
  --shipping-address-component-edit-address-part-5-make-shipping-text-padding: 13px 0 0 0;
  --shipping-address-component-edit-address-part-5-make-shipping-text-margin-left: -5px;
  --shipping-address-component-edit-address-part-5-make-shipping-font-size: 14px;
  --shipping-address-component-edit-address-part-5-make-shipping-margin-bottom: -1px;
  /*--shipping-address-component-edit-address-use-this-address-*/
  --shipping-address-component-edit-address-use-this-address-margin: 32px 0 0 -8px;
  /*--shipping-address-component-edit-address-cancel-use-this-address-*/
  --shipping-address-component-edit-address-cancel-use-this-address-width: 231px;
  --shipping-address-component-edit-address-cancel-use-this-address-padding: 0;
  --shipping-address-component-edit-address-cancel-use-this-address-float: right;
  --shipping-address-component-edit-address-cancel-use-this-address-margin: 32px 0 0 0px;
  /*--shipping-address-component-checkout-add-edit-notifications-*/
  --shipping-address-component-checkout-add-edit-notifications-width: 440px;
  --shipping-address-component-checkout-add-edit-notifications-margin-left: 12px;
  /*--close-icon-*/
  --close-icon-addr-img-size: 24px;
  --close-icon-addr-button-top: 2.33em;
  --close-icon-addr-button-right: unset;
  --close-icon-addr-button-left: 15.75em;
  --close-icon-unit-button-right: -0.05em;
  --close-icon-unit-button-top: var(--close-icon-addr-button-top);
  --close-icon-city-button-top: var(--close-icon-addr-button-top);
  --close-icon-postal-button-top: calc(1em / 3* 2);
  --close-icon-postal-button-right: -0.05em;
  margin-left: var(--shipping-address-component-common-margin-left);
  margin-bottom: var(--shipping-address-component-common-margin-bottom);
}
@media (max-width: 499.98px) {
  .add-edit-address-component {
    --shipping-address-component-address-input-label-line-height: 5px;
    --shipping-address-component-edit-address-table-tr-display: block;
    --shipping-address-component-edit-address-table-column-display: inline-block;
    --shipping-address-component-edit-address-table-row-width: 136px;
    --shipping-address-component-edit-address-cancel-use-this-address-margin: 17px 0 0 10px;
    --shipping-address-component-edit-address-use-this-address-margin: 18px 0 0 10px;
    --shipping-address-component-edit-address-part-3-city-name-width: 329px;
    --shipping-address-component-edit-address-part-2-choose-country-width: 329px;
    --shipping-address-component-edit-address-table-home-address-width: 329px;
    --shipping-address-component-edit-address-part-4-choose-province-postal-code-width: 329px;
    --shipping-address-component-edit-address-part-4-choose-province-width: 329px;
    --shipping-address-component-edit-address-submit-cancel-max-width: 283px;
    --shipping-address-component-edit-address-part-3-address-input-label-margin-bottom: -13px;
    --shipping-address-component-edit-address-part-4-choose-province-postal-margin-top: 12px;
    --shipping-address-component-edit-address-submit-button-display: inline-block;
    --shipping-address-component-edit-address-table-suit-or-unit-width: 329px;
    --shipping-address-component-edit-address-submit-button-width: 329px;
    --shipping-address-component-edit-address-buttons-container-width: 329px;
    --shipping-address-component-edit-address-buttons-container-flex-direction: column;
    --shipping-address-component-common-second-line: none;
    --shipping-address-component-common-second-line-mobile: block;
    --shipping-address-component-edit-address-table-column-margin: -16px;
    --shipping-address-component-common-second-line-mobile-margin: 30px 0 -14px;
    --shipping-address-component-edit-address-submit-cancel-margin: 0 0 36px 2px;
    --shipping-address-component-edit-address-cover-loading-width: 337px;
    --shipping-address-component-edit-address-part-4-spinner-border-right: 41px;
    --shipping-address-component-checkout-add-edit-notifications-width: 329px;
    --close-icon-addr-img-size: 24px;
    --close-icon-addr-button-top: 2.33em;
    --close-icon-addr-button-right: unset;
    --close-icon-addr-button-left: 15.75em;
    --close-icon-unit-button-right: -0.5em;
    --close-icon-unit-button-top: 7.9em;
    --close-icon-city-button-top: calc(var(--close-icon-addr-button-top) - 1em);
    --close-icon-postal-button-top: calc(1em / 3* 2);
  }
}
.add-edit-address-component .edit-address .cancel-use-this-address:active {
  transform: var(--shipping-address-component-button-push-transform);
  box-shadow: var(--shipping-address-component-button-push-box-shadow);
}
.add-edit-address-component .edit-address {
  display: var(--shipping-address-component-edit-address-display);
  margin-top: var(--shipping-address-component-edit-address-margin-top);
  position: var(--shipping-address-component-edit-address-position);
}
.add-edit-address-component .edit-address .part-5 .container .address-input-label, .add-edit-address-component .edit-address .part-4 .address-input-label, .add-edit-address-component .edit-address .part-3 .address-input-label, .add-edit-address-component .edit-address .part-2 .address-input-label, .add-edit-address-component .edit-address .part-1 th, .add-edit-address-component .edit-address .second-line-mobile, .add-edit-address-component .edit-address table tr th {
  font-style: var(--shipping-address-component-common-font-style);
  font-weight: var(--shipping-address-component-common-shipping-box-address-font-weight);
  font-size: var(--shipping-address-component-address-input-label-font-size);
  line-height: var(--shipping-address-component-address-input-label-line-height);
  font-feature-settings: var(--shipping-address-component-address-input-label-font-feature-settings);
  height: var(--shipping-address-component-address-input-label-height);
  color: var(--color-Neutrals-Body-Copy);
}
.add-edit-address-component .edit-address .iic-invalid-feedback {
  display: var(--shipping-address-component-address-input-iic-invalid-feedback-display);
}
.add-edit-address-component .edit-address select.invalid {
  border-bottom-color: var(--color-IIC-Red) !important;
}
.add-edit-address-component .edit-address select.invalid:first-child {
  color: var(--color-IIC-Red);
}
.add-edit-address-component .edit-address select.invalid option[selected], .add-edit-address-component .edit-address select.invalid option:checked {
  color: var(--color-IIC-Red);
}
.add-edit-address-component .edit-address table {
  table-layout: var(--shipping-address-component-edit-address-table-table-layout);
  border-collapse: var(--shipping-address-component-edit-address-table-border-collapse);
  width: var(--shipping-address-component-edit-address-table-width);
}
.add-edit-address-component .edit-address table tr {
  display: var(--shipping-address-component-edit-address-table-tr-display);
  width: var(--shipping-address-component-edit-address-table-row-width);
}
.add-edit-address-component .edit-address table tr th {
  margin-bottom: var(--shipping-address-component-edit-address-table-column-margin);
  display: var(--shipping-address-component-edit-address-table-column-display);
}
.add-edit-address-component .edit-address table tr td {
  display: var(--shipping-address-component-edit-address-table-column-display);
}
.add-edit-address-component .edit-address table .wide {
  width: var(--shipping-address-component-edit-address-table-wide-width);
}
.add-edit-address-component .edit-address table .home-address {
  width: var(--shipping-address-component-edit-address-table-home-address-width);
  height: var(--shipping-address-component-edit-address-table-home-address-height);
}
.add-edit-address-component .edit-address table .home-address .close-icon {
  right: var(--close-icon-addr-button-right);
  left: calc(var(--shipping-address-component-edit-address-table-home-address-width) - 1em);
  top: var(--close-icon-addr-button-top);
}
.add-edit-address-component .edit-address table .suit-or-unit {
  width: var(--shipping-address-component-edit-address-table-suit-or-unit-width);
}
.add-edit-address-component .edit-address table .suit-or-unit .close-icon {
  right: var(--close-icon-unit-button-right);
  top: var(--close-icon-addr-button-top);
}
.add-edit-address-component .edit-address .second-line {
  display: var(--shipping-address-component-common-second-line);
}
.add-edit-address-component .edit-address .second-line-mobile {
  display: var(--shipping-address-component-common-second-line-mobile);
  margin: var(--shipping-address-component-common-second-line-mobile-margin);
}
.add-edit-address-component .edit-address .part-1 {
  margin: var(--shipping-address-component-common-edit-address-part-x-margin);
}
.add-edit-address-component .edit-address .part-2 {
  margin: var(--shipping-address-component-common-edit-address-part-x-margin);
  width: var(--shipping-address-component-edit-address-part-2-choose-country-width);
}
.add-edit-address-component .edit-address .part-2 .address-input-label {
  margin-left: var(--shipping-address-component-edit-address-part-2-address-input-label-margin-left);
}
.add-edit-address-component .edit-address .part-2 .choose-country {
  height: var(--shipping-address-component-edit-address-part-2-choose-country-height);
  width: var(--shipping-address-component-edit-address-part-2-choose-country-width);
}
.add-edit-address-component .edit-address .part-2 .choose-country[required=required] {
  border-bottom: var(--shipping-address-component-edit-address-part-2-choose-country-required-border-bottom);
  border-bottom-color: var(--color-Tertiary-Error);
}
.add-edit-address-component .edit-address .part-3 {
  margin: var(--shipping-address-component-common-edit-address-part-x-margin);
  position: var(--shipping-address-component-edit-address-part-3-city-name-position);
}
.add-edit-address-component .edit-address .part-3 .address-input-label {
  margin-left: var(--shipping-address-component-edit-address-part-3-address-input-label-margin-left);
  margin-bottom: var(--shipping-address-component-edit-address-part-3-address-input-label-margin-bottom);
}
.add-edit-address-component .edit-address .part-3 .city-name {
  width: var(--shipping-address-component-edit-address-part-3-city-name-width);
  text-transform: var(--shipping-address-component-edit-address-part-3-city-name-text-transform);
}
.add-edit-address-component .edit-address .part-3 .city-name .iic-invalid-feedback {
  text-transform: var(--shipping-address-component-edit-address-part-3-city-name-invalid-feedback-text-transform);
}
.add-edit-address-component .edit-address .part-3 .city-name .close-icon {
  right: var(--close-icon-addr-button-right);
  left: calc(var(--shipping-address-component-edit-address-part-3-city-name-width) - 2em);
  top: var(--close-icon-city-button-top);
}
.add-edit-address-component .edit-address .part-4 {
  margin: var(--shipping-address-component-common-edit-address-part-x-margin);
}
.add-edit-address-component .edit-address .part-4 td {
  position: var(--shipping-address-component-edit-address-part-4-td-position);
}
.add-edit-address-component .edit-address .part-4 td .spinner-border {
  position: var(--shipping-address-component-edit-address-part-4-spinner-border-position);
  right: var(--shipping-address-component-edit-address-part-4-spinner-border-right);
  top: var(--shipping-address-component-edit-address-part-4-spinner-border-top);
  color: var(--color-Neutrals-Cadet-Grey);
  display: var(--shipping-address-component-edit-address-part-4-spinner-border-display);
}
.add-edit-address-component .edit-address .part-4 td .choose-province {
  width: var(--shipping-address-component-edit-address-part-4-choose-province-width);
  height: var(--shipping-address-component-edit-address-part-4-choose-province-height);
}
.add-edit-address-component .edit-address .part-4 td .choose-province[required=required] {
  border-bottom: var(--shipping-address-component-edit-address-part-2-choose-country-required-border-bottom);
  border-bottom-color: var(--color-Tertiary-Error);
}
.add-edit-address-component .edit-address .part-4 td .iic-dropdown {
  height: var(--shipping-address-component-edit-address-part-4-iic-dropdown-height);
  display: var(--shipping-address-component-edit-address-part-4-iic-dropdown-display);
}
.add-edit-address-component .edit-address .part-4 td .iic-dropdown .iic-invalid-feedback {
  width: var(--shipping-address-component-edit-address-part-4-choose-province-width);
}
.add-edit-address-component .edit-address .part-4 .postal-code {
  width: var(--shipping-address-component-edit-address-part-4-choose-province-postal-code-width);
  margin-top: var(--shipping-address-component-edit-address-part-4-choose-province-postal-margin-top);
  height: var(--shipping-address-component-edit-address-part-4-choose-province-postal-height);
  position: var(--shipping-address-component-edit-address-part-4-choose-province-postal-position);
}
.add-edit-address-component .edit-address .part-4 .postal-code .iic-form-control {
  padding-right: var(--shipping-address-component-edit-address-part-4-choose-province-postal-padding-right);
}
.add-edit-address-component .edit-address .part-4 .postal-code .close-icon {
  right: var(--close-icon-postal-button-right);
  top: var(--close-icon-postal-button-top);
}
.add-edit-address-component .edit-address .part-4 tr {
  width: var(--shipping-address-component-edit-address-part-4-tr-width);
}
.add-edit-address-component .edit-address .part-5 {
  margin-top: var(--shipping-address-component-edit-address-part-5-margin-top);
}
.add-edit-address-component .edit-address .part-5 .container {
  margin: var(--shipping-address-component-edit-address-part-5-margin);
}
.add-edit-address-component .edit-address .part-5 .container .check-wrapper {
  padding-top: var(--shipping-address-component-edit-address-part-5-check-wrapper-padding-top);
}
.add-edit-address-component .edit-address .part-5 .container .check-wrapper .check {
  border: var(--shipping-address-component-edit-address-part-5-check-wrapper-check-border);
  border-color: var(--color-CTA-CTA-Tertiary-Text-Cerulean);
  width: var(--shipping-address-component-edit-address-part-5-check-wrapper-check-width);
  height: var(--shipping-address-component-edit-address-part-5-check-wrapper-check-height);
}
.add-edit-address-component .edit-address .part-5 .container .check-wrapper .form-check-input {
  margin: var(--shipping-address-component-edit-address-part-5-check-wrapper-form-check-margin);
}
.add-edit-address-component .edit-address .part-5 .container .make-shipping-text {
  padding: var(--shipping-address-component-edit-address-part-5-make-shipping-text-padding);
  margin-left: var(--shipping-address-component-edit-address-part-5-make-shipping-text-margin-left);
  color: var(--color-Neutrals-Body-Copy);
  font-size: var(--shipping-address-component-edit-address-part-5-make-shipping-font-size);
  margin-bottom: var(--shipping-address-component-edit-address-part-5-make-shipping-margin-bottom);
}
.add-edit-address-component .edit-address .cover-loading {
  width: var(--shipping-address-component-edit-address-cover-loading-width);
  position: var(--shipping-address-component-edit-address-cover-loading-position);
  height: var(--shipping-address-component-edit-address-cover-loading-height);
  background-color: var(--shipping-address-component-edit-address-cover-loading-background-color);
  opacity: var(--shipping-address-component-edit-address-cover-loading-opacity);
  top: var(--shipping-address-component-edit-address-cover-loading-top);
  left: var(--shipping-address-component-edit-address-cover-loading-left);
  display: var(--shipping-address-component-edit-address-cover-display-initial);
}
.add-edit-address-component .edit-address .cover-loading .spinner-border {
  width: var(--shipping-address-component-edit-address-cover-loading-spinner-border-width);
  height: var(--shipping-address-component-edit-address-cover-loading-spinner-border-height);
  position: var(--shipping-address-component-edit-address-cover-loading-spinner-border-position);
  top: var(--shipping-address-component-edit-address-cover-loading-spinner-border-top);
  left: var(--shipping-address-component-edit-address-cover-loading-spinner-border-left);
}
.add-edit-address-component .edit-address .container.submit-cancel {
  width: var(--shipping-address-component-edit-address-submit-cancel-max-width);
  margin: var(--shipping-address-component-edit-address-submit-cancel-margin);
}
.add-edit-address-component .edit-address .container.submit-cancel button {
  width: 100%;
  min-width: var(--shipping-address-component-edit-address-submit-button-width);
  display: var(--shipping-address-component-edit-address-submit-button-display);
}
.add-edit-address-component .edit-address .button-container {
  width: var(--shipping-address-component-edit-address-buttons-container-width);
  display: flex;
  flex-direction: var(--shipping-address-component-edit-address-buttons-container-flex-direction);
  justify-content: space-between;
  padding: 0;
  gap: 15px;
}
.add-edit-address-component .edit-address .use-this-address {
  margin: var(--shipping-address-component-edit-address-use-this-address-margin) !important;
}
.add-edit-address-component .edit-address .cancel-use-this-address {
  width: var(--shipping-address-component-edit-address-cancel-use-this-address-width);
  height: var(--shipping-address-component-common-edit-address-use-cancel-this-address-height);
  background: var(--color-Neutrals-Gainsboro-Grey);
  border-radius: var(--shipping-address-component-common-box-border-radius);
  border-color: var(--shipping-address-component-common-no-border-color);
  margin: var(--shipping-address-component-edit-address-cancel-use-this-address-margin);
  padding: var(--shipping-address-component-edit-address-cancel-use-this-address-padding);
  float: var(--shipping-address-component-edit-address-cancel-use-this-address-float);
}
.add-edit-address-component .edit-address .checkout-add-edit-notifications {
  width: var(--shipping-address-component-checkout-add-edit-notifications-width);
  margin-left: var(--shipping-address-component-checkout-add-edit-notifications-margin-left);
}

.checkout-complete-component {
  /*--checkout-complete-container-common-*/
  --checkout-complete-container-width: auto;
  --checkout-complete-container-common-display: none;
  --checkout-complete-container-common-margin: 27px 0 0 0;
  --checkout-complete-container-common-font-family: "Proxima Nova";
  --checkout-complete-container-common-font-style: normal;
  --checkout-complete-container-common-font-weight: 500;
  --checkout-complete-container-common-font-size: 14px;
  --checkout-complete-container-common-line-height: 20px;
  --checkout-complete-container-common-font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  /*--checkout-complete-container-condition-label-*/
  --checkout-complete-container-condition-label-display: inline-block;
  --checkout-complete-container-condition-label-overflow-wrap: break-word;
  --checkout-complete-container-condition-label-width: 462px;
  --checkout-complete-container-condition-label-cursor: text;
  --checkout-complete-container-condition-label-font-size: 14px;
  --checkout-complete-container-condition-label-font-weight: 500;
  --checkout-complete-container-condition-label-line-height: 20px;
  --checkout-complete-container-condition-label-font-style: normal;
  --checkout-complete-container-condition-label-font-style-margin-bottom: 22px;
  /*--checkout-complete-container-condition-check-*/
  --checkout-complete-container-condition-check-margin-right: 11px;
  --checkout-complete-container-condition-check-subscribe-top: -66px;
  display: var(--checkout-complete-container-common-display);
  width: var(--checkout-complete-container-width);
  margin: var(--checkout-complete-container-common-margin);
  font-family: var(--checkout-complete-container-common-font-family);
  font-style: var(--checkout-complete-container-common-font-style);
  font-weight: var(--checkout-complete-container-common-font-weight);
  font-size: var(--checkout-complete-container-common-font-size);
  line-height: var(--checkout-complete-container-common-line-height);
  font-feature-settings: var(--checkout-complete-common-container-font-feature-settings);
}
@media (max-width: 499.98px) {
  .checkout-complete-component {
    --checkout-complete-container-width: 365px;
    --checkout-complete-container-common-margin: 27px 0 0 19px;
    --checkout-complete-container-condition-label-width: 308px;
    --checkout-complete-container-condition-check-subscribe-top: -93px;
    --checkout-complete-container-common-margin: 27px 0 0 0;
  }
}
@media (min-width: 500px) {
  .checkout-complete-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.checkout-complete-component .condition-label {
  display: var(--checkout-complete-container-condition-label-display);
  overflow-wrap: var(--checkout-complete-container-condition-label-overflow-wrap);
  width: var(--checkout-complete-container-condition-label-width);
  color: var(--color-Neutrals-Body-Copy);
  cursor: var(--checkout-complete-container-condition-label-cursor);
  font-size: var(--checkout-complete-container-condition-label-font-size);
  font-weight: var(--checkout-complete-container-condition-label-font-weight);
  line-height: var(--checkout-complete-container-condition-label-line-height);
  font-style: var(--checkout-complete-container-condition-label-font-style);
  margin-bottom: var(--checkout-complete-container-condition-label-font-style-margin-bottom);
}
.checkout-complete-component .check {
  margin-right: var(--checkout-complete-container-condition-check-margin-right);
}

.event-card-component {
  --event-card-width: 719px;
  --event-card-flex-direction: row;
  --event-card-image-content-img-width: 300px;
  --event-card-image-content-img-height: 200px;
  --event-card-image-content-img-margin: 0px 48px 0px 0px;
  --event-card-date-container-margin: 0px;
  --event-card-text-content-margin: 0px;
  --event-card-text-content-width: 351px;
  --event-card-date-transform: rotate(-90deg);
  --event-card-date-top: -24px;
  --event-card-date-left: -41px;
  --event-card-date-height: 65px;
  --event-card-institute-content-img-padding: 0.2em;
  width: var(--event-card-width);
  display: flex;
  flex-direction: var(--event-card-flex-direction);
}
@media (max-width: 499.98px) {
  .event-card-component {
    --event-card-width: 100%;
    --event-card-flex-direction: column;
    --event-card-image-content-img-width: 100%;
    --event-card-image-content-img-height: 218px;
    --event-card-image-content-img-margin: 0px 0px 22px 0px;
    --event-card-date-container-margin: 0px 0px 16px 0px;
    --event-card-text-content-margin: 0px 0px 0px 32px;
    --event-card-text-content-width: auto;
    --event-card-date-transform: rotate(0deg);
    --event-card-date-top: -66px;
    --event-card-date-left: -16px;
    --event-card-date-height: 88px;
    --event-card-institute-content-img-padding: 0em;
  }
}
.event-card-component .image-content {
  width: var(--event-card-image-content-img-width);
  height: var(--event-card-image-content-img-height);
  margin: var(--event-card-image-content-img-margin);
}
.event-card-component .image-content img {
  width: var(--event-card-image-content-img-width);
  height: var(--event-card-image-content-img-height);
  object-fit: cover;
}
.event-card-component .text-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: var(--event-card-text-content-margin);
  width: var(--event-card-text-content-width);
}
.event-card-component .text-content img {
  width: 18px;
  height: 18px;
}
.event-card-component .text-content .event-type {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-type img {
  margin-right: 8px;
}
.event-card-component .text-content .event-type .caption-semibold-caps {
  color: var(--color-Neutrals-Body-Copy);
}
.event-card-component .text-content .event-date-container {
  color: var(--color-Secondary-Slate);
  gap: 6px;
  margin: var(--event-card-date-container-margin);
}
.event-card-component .text-content .event-date-container .event-date {
  position: relative;
}
.event-card-component .text-content .event-date-container .event-date:before {
  position: absolute;
  top: var(--event-card-date-top);
  left: var(--event-card-date-left);
  content: "";
  width: 1px;
  height: var(--event-card-date-height);
  background: var(--color-Primary-IIC-Gold);
  transform: var(--event-card-date-transform);
}
.event-card-component .text-content .event-date-container .event-date:after {
  display: inline-block;
  margin-left: 6px;
  content: "";
  width: 1px;
  height: 9px;
  background: var(--color-Primary-IIC-Gold);
}
.event-card-component .text-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0px 0px 8px 0px;
}
.event-card-component .text-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.event-card-component .text-content .event-speaker {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-speaker img {
  margin-right: 12px;
}
.event-card-component .text-content .event-location {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-location img {
  margin-right: 12px;
}
.event-card-component .text-content .event-credit {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-credit img {
  margin-right: 12px;
}
.event-card-component .text-content .event-ticket-type {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-ticket-type img {
  margin-right: 12px;
}
.event-card-component .text-content .event-languages {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event-card-component .text-content .event-languages img {
  margin-right: 12px;
}
.event-card-component .text-content .btn-iic-tertiary {
  width: fit-content;
}
.event-card-component .text-content .event-card-institute-content {
  display: var(--event-listing-card-host-display);
  flex-direction: row;
}
.event-card-component .text-content .event-card-institute-content span {
  padding-left: 12px;
}
.event-card-component .text-content .event-card-institute-content .icon-spacer {
  padding-right: 6px;
}
.event-card-component .text-content .event-card-institute-content img {
  align-self: flex-start;
  padding-top: var(--event-card-institute-content-img-padding);
}

.featured-event-component {
  /* Input variables, set them in the cshtml
      --diamond-color
      --specific-background
  */
  --program-h: 624px;
  --color-diamond-w: 725px;
  --color-diamond-left: -186px;
  --color-diamond-top: -256px;
  --desktop-display: block;
  --mobile-display: none;
  --txt-content-margin-left: calc(176px - var(--iic-site-margin-width));
  --txt-content-margin-top: 216px;
  --image-content-margin-left: 24px;
  --image-content-margin-top: 128px;
  --feat-margin-bottom: 16px;
  --h2-margin-bottom: 24px;
  --e-type-date-mb: 16px;
  --p-margin-b: 32px;
  --background-display: none;
  --background-color: white;
  --image-width: 703px;
  --image-height: 360px;
  --image-left: 591px;
  --image-top: 272px;
  --header-font-size: 25px;
  --txt-content-width: 391px;
  --content-flex-direction: row;
  --content-background: linear-gradient(to right, var(--specific-background) 0%, var(--specific-background) 63%,transparent 63%,transparent 100%);
  background: var(--content-background);
  overflow: hidden;
  margin-top: var(--featured-event-margin-top);
  margin-bottom: var(--featured-event-component-margin-bottom);
}
@media (max-width: 499.98px) {
  .featured-event-component {
    --program-h: 560px;
    --color-diamond-w: 344px;
    --color-diamond-left: -80px;
    --color-diamond-top: -102px;
    --desktop-display: none;
    --mobile-display: block;
    --txt-content-margin-left: 0px;
    --txt-content-margin-right: 24px;
    --txt-content-margin-top: 144px;
    --image-content-margin-left: 0;
    --image-content-margin-top: 0;
    --feat-margin-bottom: 24px;
    --h2-margin-bottom: 8px;
    --e-type-date-mb: 280px;
    --p-margin-b: 40px;
    --background-display: none;
    --background-color: var(--specific-background);
    --image-width: 320px;
    --image-height: 224px;
    --image-left: 24px;
    --image-top: 416px;
    --header-font-size: 22px;
    --txt-content-width: 320px;
    --content-flex-direction: column;
    --content-background: var(--specific-background);
    --featured-event-margin-top: 0px !important;
    --featured-event-component-margin-bottom: 0px !important;
  }
}
.featured-event-component .component-content {
  display: flex;
  flex-direction: var(--content-flex-direction);
  position: relative;
  width: var(--iic-site-width);
  min-height: var(--program-h);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.featured-event-component .component-content .txt-content {
  margin-left: var(--txt-content-margin-left);
  margin-top: var(--txt-content-margin-top);
  max-width: var(--txt-content-width);
}
.featured-event-component .component-content .txt-content .feat-event {
  display: block;
  color: var(--color-Secondary-Slate);
  margin-bottom: var(--feat-margin-bottom);
}
.featured-event-component .component-content .txt-content h2 {
  margin-bottom: var(--h2-margin-bottom);
  color: var(--color-Primary-IIC-Blue);
}
.featured-event-component .component-content .txt-content .event-type-date {
  margin-bottom: var(--e-type-date-mb);
}
.featured-event-component .component-content .txt-content .event-type-date .event-type {
  margin-bottom: 8px;
}
.featured-event-component .component-content .txt-content .event-type-date .event-type .e-type-icon {
  margin-right: 8px;
}
.featured-event-component .component-content .txt-content .event-type-date .event-type .e-type-text {
  color: var(--color-Neutrals-Body-Copy);
}
.featured-event-component .component-content .txt-content .event-type-date .event-date {
  color: var(--color-Secondary-Slate);
}
.featured-event-component .component-content .txt-content .event-type-date .event-date .line {
  color: var(--color-Primary-IIC-Gold);
}
.featured-event-component .component-content .txt-content .paraghraph-container {
  margin-bottom: 8px;
}
.featured-event-component .component-content .txt-content .paraghraph-container .paragraph {
  white-space: pre-line;
  margin-bottom: var(--p-margin-b);
  color: var(--color-Neutrals-Body-Copy);
}
.featured-event-component .component-content .txt-content .paraghraph-container .sub-paragraph {
  white-space: pre-line;
  margin-bottom: 8px;
  color: var(--color-Neutrals-Body-Copy);
}
.featured-event-component .component-content .txt-content button {
  margin-bottom: 60px;
}
.featured-event-component .component-content .image-content {
  position: absolute;
  left: var(--image-left);
  top: var(--image-top);
}
.featured-event-component .component-content .image-content .event-image {
  position: relative;
  width: var(--image-width);
  height: var(--image-height);
  object-fit: cover;
}
.featured-event-component .component-content .color-diamond {
  position: absolute;
  fill: var(--diamond-color);
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  left: var(--color-diamond-left);
  top: var(--color-diamond-top);
}

.add-details-component {
  --h2-top: 32px;
  --h4-top: 16px;
  --add-details-margin-top: 24px;
  --add-details-margin-bottom: 48px;
  --form-width: 743px;
  --form-paddings: 0 40px;
  --level1-header-mt: 60px;
  margin-top: var(--add-details-margin-top);
  margin-bottom: var(--add-details-margin-bottom);
}
@media (max-width: 499.98px) {
  .add-details-component {
    --h2-top: 24px;
    --h4-top: 16px;
    --add-details-margin-top: 24px;
    --add-details-margin-bottom: 120px;
    --form-width: 100%;
    --form-paddings: 0 24px;
    --level1-header-mt: 40px;
  }
}
.add-details-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  position: relative;
}
.add-details-component .component-content h2 {
  color: var(--color-Primary-IIC-Blue);
  margin-top: var(--h2-top);
}
.add-details-component .component-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-top: var(--h4-top);
}
.add-details-component .component-content .item-desc {
  color: var(--color-Neutrals-Body-Copy);
  margin-top: 16px;
}
.add-details-component .component-content .add-details-form {
  padding: var(--form-paddings);
  max-width: var(--form-width);
  /*            .member-picker-step:not(:first-child) {
      padding-top: 40px;
  }*/
}
.add-details-component .component-content .add-details-form .level1-header {
  margin-top: var(--level1-header-mt);
}
.add-details-component .component-content .add-details-form .level1-header .level1-product-header {
  color: var(--color-Secondary-Slate);
}
.add-details-component .component-content .add-details-form .level1-header .level1-product-header-bar {
  color: var(--color-Primary-IIC-Gold);
  margin-left: 10px;
  margin-right: 10px;
}
.add-details-component .component-content .add-details-form .level2-header {
  color: var(--color-Secondary-Slate);
}
.add-details-component .component-content .add-details-form .step-item {
  padding-bottom: 40px;
}
.add-details-component .component-content .add-details-form .step-item textarea {
  padding: 6px 12px;
}
.add-details-component .component-content .add-details-form .checkbox-step {
  display: flex;
}
.add-details-component .component-content .add-details-form .checkbox-step .iic-checkbox {
  display: flex;
  align-items: center;
}
.add-details-component .component-content .add-details-form .checkbox-step .checkbox-label {
  margin-left: 10px;
}

.order-processing-result-component {
  /*--order-processing-result-component-*/
  --content-wrapper-width: 1366px;
  --order-processing-result-component-display: flex;
  --order-processing-result-component-flex-flow: column wrap;
  --order-processing-result-component-align-content: space-between;
  --order-processing-result-component-position: relative;
  --order-processing-result-component-width: 1366px;
  --order-processing-result-component-margin: auto;
  /*--order-processing-result-component-processing-result-title-*/
  --order-processing-result-component-processing-result-title-width: 100%;
  --order-processing-result-component-processing-result-margin: 0 auto;
  /*--order-processing-result-component-processing-result-center-*/
  --order-processing-result-component-processing-result-center-display: table;
  --order-processing-result-component-processing-result-center-margin: 0 auto;
  /*--order-processing-result-component-processing-result-center-h1-*/
  --order-processing-result-component-processing-result-center-h1-margin-top: 48px;
  --order-processing-result-component-processing-result-center-h1-margin-bottom: 30px;
  --order-processing-result-component-processing-result-center-h1-font-style: italic;
  --order-processing-result-component-processing-result-center-h1-margin-left: auto;
  --order-processing-result-component-processing-result-center-h1-text-align: center;
  /*--order-processing-result-component-processing-result-center-h5-*/
  --order-processing-result-component-processing-result-center-h5-font-family: "Proxima Nova";
  --order-processing-result-component-processing-result-center-h5-font-style: normal;
  --order-processing-result-component-processing-result-center-h5-font-weight: 400;
  --order-processing-result-component-processing-result-center-h5-font-size: 20px;
  --order-processing-result-component-processing-result-center-h5-line-height: 28px;
  --order-processing-result-component-processing-result-center-h5-text-align: center;
  --order-processing-result-component-processing-result-center-h5-letter-spacing: -0.01em;
  --order-processing-result-component-processing-result-center-h5-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --order-processing-result-component-processing-result-center-h5-margin-top: 16px;
  --order-processing-result-component-processing-result-center-h5-width: auto;
  /*--order-processing-result-component-processing-result-center-hr-*/
  --order-processing-result-component-processing-result-center-hr-margin-top: 32px;
  --order-processing-result-component-processing-result-center-hr-max-width: 1222px;
  --order-processing-result-component-processing-result-center-hr-width: auto;
  --order-processing-result-component-processing-result-center-hr-margin-left: auto;
  --order-processing-result-component-processing-result-center-hr-margin-right: auto;
  --order-processing-result-component-processing-result-center-hr-height: 1px;
  /*--order-processing-result-component-order-result-separator-wrapper-*/
  --order-processing-result-component-order-result-separator-wrapper-width: 100%;
  --order-processing-result-component-order-result-separator-wrapper-margin-left: auto;
  --order-processing-result-component-order-result-separator-wrapper-margin-right: auto;
  --order-processing-result-component-order-result-separator-wrapper-display: flex;
  --order-processing-result-component-order-result-separator-wrapper-align-items: center;
  --order-processing-result-component-order-result-separator-wrapper-justify-content: center;
  /*--order-processing-result-component-order-result-separator-*/
  --order-processing-result-component-order-result-separator-border-bottom: 1px solid;
  --order-processing-result-component-order-result-separator-margin-bottom: 39px;
  --order-processing-result-component-order-result-separator-width: 100%;
  /*--order-processing-result-component-processing-result-order-result-body-*/
  --order-processing-result-component-processing-result-order-result-body-margin-left: auto;
  --order-processing-result-component-processing-result-order-result-body-margin-right: auto;
  --order-processing-result-component-processing-result-order-result-body-width: 100%;
  /*--order-processing-result-component-processing-result-h4-*/
  --order-processing-result-component-processing-result-h4-font-family: "Proxima Nova";
  --order-processing-result-component-processing-result-h4-font-style: normal;
  --order-processing-result-component-processing-result-h4-font-weight: 400;
  --order-processing-result-component-processing-result-h4-font-size: 25px;
  --order-processing-result-component-processing-result-h4-line-height: 32px;
  --order-processing-result-component-processing-result-h4-letter-spacing: -0.01em;
  --order-processing-result-component-processing-result-h4-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --order-processing-result-component-processing-result-h4-margin: 38px 0 0 0;
  /*--order-processing-result-component-processing-result-order-actions-*/
  --order-processing-result-component-processing-result-order-actions-display: flex;
  --order-processing-result-component-processing-result-order-actions-width: 460px;
  --order-processing-result-component-processing-result-order-actions-margin: 80px 0 0 auto;
  --order-processing-result-component-processing-result-order-actions-flex-flow: initial;
  --order-processing-result-component-processing-result-order-actions-height: auto;
  /*--order-processing-result-component-processing-result-order-actions-goto-my-account-*/
  --order-processing-result-component-processing-result-order-actions-goto-my-account-align-self: flex-start;
  --order-processing-result-component-processing-result-order-actions-goto-my-account-button-width: auto;
  /*--order-processing-result-component-processing-result-order-actions-download-recepit-*/
  --order-processing-result-component-processing-result-order-actions-download-recepit-align-self: flex-end;
  --order-processing-result-component-processing-result-order-actions-download-recepit-flex-grow: 1;
  --order-processing-result-component-processing-result-order-actions-download-recepit-flex-basis: 0;
  --order-processing-result-component-processing-result-order-actions-download-recepit-button-width: auto;
  --order-processing-result-component-processing-result-order-actions-download-recepit-button-padding-right: auto;
  --order-processing-result-component-processing-result-order-actions-download-recepit-margin-bottom: 0;
  /*--order-processing-result-component-center-image-*/
  --order-processing-result-component-center-image-width: 131px;
  --order-processing-result-component-center-image-height: 128px;
  --order-processing-result-component-center-image-margin-left: auto;
  --order-processing-result-component-center-image-margin-right: auto;
  --order-processing-result-component-center-image-margin-top: auto;
  --order-processing-result-component-center-image-margin-bottom: auto;
  --order-processing-result-component-center-image-display: block;
  width: var(--order-processing-result-component-width);
  margin: var(--order-processing-result-component-margin);
  display: var(--order-processing-result-component-display);
  flex-flow: var(--order-processing-result-component-flex-flow);
  align-content: var(--order-processing-result-component-align-content);
  position: var(--order-processing-result-component-position);
}
@media (max-width: 499.98px) {
  .order-processing-result-component {
    --order-processing-result-component-width: auto;
    --order-processing-result-component-processing-result-order-actions-flex-flow: column-reverse;
    --order-processing-result-component-processing-result-order-actions-height: 120px;
    --order-processing-result-component-processing-result-order-actions-download-recepit-align-self: flex-end;
    --order-processing-result-component-processing-result-order-actions-download-recepit-flex-grow: 0;
    --order-processing-result-component-processing-result-order-actions-download-recepit-flex-basis: 50%;
    --order-processing-result-component-processing-result-order-actions-download-recepit-margin-bottom: 25px;
    --order-processing-result-component-processing-result-center-h5-width: calc(100% - 35px);
    --order-processing-result-component-processing-result-order-actions-width: auto;
    --order-processing-result-component-processing-result-h4-margin: 38px 0 0 0;
    --order-processing-result-component-processing-result-order-actions-margin: 80px 0 0 45px;
    --order-processing-result-component-processing-result-order-actions-goto-my-account-button-width: 328px;
    --order-processing-result-component-processing-result-order-actions-download-recepit-button-width: auto;
    --order-processing-result-component-processing-result-center-hr-max-width: 326px;
    --order-processing-result-component-processing-result-center-hr-width: 327px;
    --order-processing-result-component-processing-result-order-actions-download-recepit-button-padding-right: 0;
    --order-processing-result-component-processing-result-title-width: 327px;
    --order-processing-result-component-center-image-margin-left: auto;
    --order-processing-result-component-processing-result-center-hr-margin-left: auto;
    --order-processing-result-component-processing-result-center-h1-margin-left: auto;
    --order-processing-result-component-display: block;
    --order-processing-result-component-processing-result-order-result-body-width: auto;
    --order-processing-result-component-center-image-margin-top: 31px;
    --order-processing-result-component-center-image-margin-bottom: 43px;
  }
}
@media (min-width: 500px) {
  .order-processing-result-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.order-processing-result-component .processing-result-title {
  width: var(--order-processing-result-component-processing-result-title-width);
  margin: var(--order-processing-result-component-processing-result-margin);
}
.order-processing-result-component .processing-result-title h1, .order-processing-result-component .processing-result-title h5 {
  display: var(--order-processing-result-component-processing-result-center-display);
  margin: var(--order-processing-result-component-processing-result-center-margin);
}
.order-processing-result-component .processing-result-title h1 {
  margin-top: var(--order-processing-result-component-processing-result-center-h1-margin-top);
  margin-bottom: var(--order-processing-result-component-processing-result-center-h1-margin-bottom);
  text-align: var(--order-processing-result-component-processing-result-center-h1-text-align);
  color: var(--color-Primary-IIC-Blue);
}
.order-processing-result-component .processing-result-title h5 {
  text-align: var(--order-processing-result-component-processing-result-center-h5-text-align);
  letter-spacing: var(--order-processing-result-component-processing-result-center-h5-letter-spacing);
  font-feature-settings: var(--order-processing-result-component-processing-result-center-h5-font-feature-settings);
  color: var(--color-Neutrals-Body-Copy);
  margin-top: var(--order-processing-result-component-processing-result-center-h5-margin-top);
  width: var(--order-processing-result-component-processing-result-center-h5-width);
}
.order-processing-result-component .order-result-separator-wrapper {
  width: var(--order-processing-result-component-order-result-separator-wrapper-width);
  margin-left: var(--order-processing-result-component-order-result-separator-wrapper-margin-left);
  margin-right: var(--order-processing-result-component-order-result-separator-wrapper-margin-right);
  display: var(--order-processing-result-component-order-result-separator-wrapper-display);
  align-items: var(--order-processing-result-component-order-result-separator-wrapper-align-items);
  justify-content: var(--order-processing-result-component-order-result-separator-wrapper-justify-content);
}
.order-processing-result-component .order-result-separator-wrapper .order-result-separator {
  border-bottom: var(--order-processing-result-component-order-result-separator-border-bottom);
  margin-bottom: var(--order-processing-result-component-order-result-separator-margin-bottom);
  width: var(--order-processing-result-component-order-result-separator-width);
  border-color: var(--color-Tertiary-Cream);
  margin-top: var(--order-processing-result-component-processing-result-center-hr-margin-top);
  max-width: var(--order-processing-result-component-processing-result-center-hr-max-width);
}
.order-processing-result-component .order-result-body {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.order-processing-result-component .order-result-body h4 {
  margin: var(--order-processing-result-component-processing-result-h4-margin);
  max-width: var(--order-processing-result-component-processing-result-center-hr-max-width);
  color: var(--color-Neutrals-Heading-Copy);
}
.order-processing-result-component .order-actions {
  margin: var(--order-processing-result-component-processing-result-h4-margin);
  display: var(--order-processing-result-component-processing-result-order-actions-display);
  flex-flow: var(--order-processing-result-component-processing-result-order-actions-flex-flow);
  height: var(--order-processing-result-component-processing-result-order-actions-height);
}
.order-processing-result-component .order-actions .goto-my-account {
  align-self: var(--order-processing-result-component-processing-result-order-actions-goto-my-account-align-self);
}
.order-processing-result-component .order-actions .goto-my-account button {
  white-space: nowrap;
  width: var(--order-processing-result-component-processing-result-order-actions-goto-my-account-button-width);
}
.order-processing-result-component .order-actions .download-receipt {
  margin-left: 24px;
  align-self: var(--order-processing-result-component-processing-result-order-actions-download-recepit-align-self);
  flex-grow: var(--order-processing-result-component-processing-result-order-actions-download-recepit-flex-grow);
  flex-basis: var(--order-processing-result-component-processing-result-order-actions-download-recepit-flex-basis);
  margin-bottom: var(--order-processing-result-component-processing-result-order-actions-download-recepit-margin-bottom);
}
.order-processing-result-component .order-actions .download-receipt button {
  width: var(--order-processing-result-component-processing-result-order-actions-download-recepit-button-width);
  padding-right: initial;
}
.order-processing-result-component .checkout-result-center-image {
  width: var(--order-processing-result-component-center-image-width);
  height: var(--order-processing-result-component-center-image-height);
  margin-bottom: var(--order-processing-result-component-center-image-margin-bottom);
  margin-left: var(--order-processing-result-component-center-image-margin-left);
  margin-right: var(--order-processing-result-component-center-image-margin-right);
  margin-top: var(--order-processing-result-component-center-image-margin-top);
  display: var(--order-processing-result-component-center-image-display);
}

.exam-header-component {
  --exam-header-component-content-padding: 80px var(--iic-site-margin-width) 28px var(--iic-site-margin-width);
  --exam-header-text-content-padding: 0px 0px 0px 23px;
  --exam-header-code-padding: 0px 0px 0px 2px;
  --exam-header-code-margin-bottom: 8px;
  --exam-header-line-height: 76px;
  --exam-header-line-top: 80px;
  --exam-header-line-left: 71px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .exam-header-component {
    --exam-header-component-content-padding: 56px var(--iic-site-margin-width) 16px var(--iic-site-margin-width);
    --exam-header-text-content-padding: 8px 24px 0px 16px;
    --exam-header-code-padding: 0px 0px 8px 2px;
    --exam-header-code-margin-bottom: 0px;
    --exam-header-line-height: 88px;
    --exam-header-line-top: 64px;
    --exam-header-line-left: 24px;
  }
}
.exam-header-component .component-content {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--exam-header-component-content-padding);
}
.exam-header-component .component-content .exam-header-text-content {
  padding: var(--exam-header-text-content-padding);
  display: flex;
  flex-direction: column;
  position: relative;
}
.exam-header-component .component-content .exam-header-text-content .exam-header-code {
  display: flex;
  align-items: center;
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--exam-header-code-margin-bottom);
  height: 24px;
  overflow: hidden;
  padding: var(--exam-header-code-padding);
}
.exam-header-component .component-content .exam-header-text-content .exam-header-code .exam-header-divider {
  margin: 0px 9px;
  width: 1.5px;
  height: 11px;
  background: var(--color-Primary-IIC-Gold);
}
.exam-header-component .component-content .exam-header-text-content .exam-header-name {
  display: flex;
  align-items: center;
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 0px;
}
.exam-header-component .component-content .exam-header-text-content:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--color-Neutrals-Gainsboro-Grey);
  position: absolute;
  left: 0;
  top: 0;
}
.exam-header-component .component-content .exam-header-line {
  left: var(--exam-header-line-left);
  position: absolute;
  width: 3px;
  height: var(--exam-header-line-height);
  top: var(--exam-header-line-top);
  background: var(--exam-header-line-color);
}

.exam-component {
  --exam-details-width: 391px;
  --details-margin: 0px 40px 14px 0px;
  --details-and-content-flex-direction: row;
  --exam-details-semester-display: none;
  --semester-margin: 0px 0px 14px 23px;
}
.exam-component .details-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--details-and-content-flex-direction);
  margin-top: 16px;
}
.exam-component .details-and-content .details {
  width: var(--exam-details-width);
  margin: var(--details-margin);
}
.exam-component .details-and-content .content {
  flex: 1;
}
.my-exam-component .exam-component {
  --exam-details-semester-display: block;
}

.my-class-component .exam-component {
  --exam-details-semester-display: block;
}

@media (max-width: 499.98px) {
  .exam-component {
    --exam-details-width: 100%;
    --details-margin: 0px;
    --details-and-content-flex-direction: column;
    --semester-margin: 0px 0px 14px 16px;
  }
  .my-exam-component .exam-component {
    --exam-details-semester-display: block;
  }
}
.exam-component .semester-and-details-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: column;
}
.exam-component .semester-and-details-and-content .semester {
  display: var(--exam-details-semester-display);
  margin: var(--semester-margin);
  color: var(--color-Primary-IIC-Blue);
}
.exam-component .semester-and-details-and-content .details-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--details-and-content-flex-direction);
  margin-top: 16px;
}
.exam-component .semester-and-details-and-content .details-and-content .details {
  width: var(--exam-details-width);
  margin: var(--details-margin);
}
.exam-component .semester-and-details-and-content .details-and-content .content {
  flex: 1;
}

.exam-content-component {
  --component-padding: 8px 0px 14px 0px;
  --component-flex-direction: row;
  --exam-content-mt: 0px;
  margin-top: var(--exam-content-mt);
  width: 100%;
  height: 100%;
  color: var(--color-Neutrals-Body-Copy);
  display: flex;
  flex-direction: var(--component-flex-direction);
  gap: 16px;
}
@media (max-width: 499.98px) {
  .exam-content-component {
    --component-padding: 0px;
    --component-flex-direction: column;
    --exam-content-mt: 3px;
  }
}
.exam-content-component .exam-content-column {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 16px;
}
.exam-product-card-component {
  /* Input variables, set them in the cshtml
      --program-primary-color
      --program-secondary-color
      --program-name-color
  */
  /* Card variables, those would change based on card size */
  --cbc-card-w: 599px;
  --cbc-flex-direction: row;
  --cbc-padding: 32px;
  --cbc-info-margin-top: 32px;
  --cbc-collpase-button-display: none;
  --cbc-info-padding-left: 24px;
  --cbc-diamond-display: initial;
  --cbc-trash-position: 24px;
  --cbc-height: 312px;
  display: flex;
  flex-direction: var(--cbc-flex-direction);
  position: relative;
  width: var(--cbc-card-w);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 0;
  padding: var(--cbc-padding);
  overflow: hidden;
  height: var(--cbc-height);
  padding-bottom: 16px;
}
@media (max-width: 499.98px) {
  .exam-product-card-component {
    --cbc-card-w: 100%;
    --cbc-flex-direction: column;
    --cbc-padding: 32px 24px;
    --cbc-info-margin-top: 16px;
    --cbc-collpase-button-display: initial;
    --cbc-info-padding-left: 0px;
    --cbc-diamond-display: none;
    --cbc-trash-position: 35px;
    --cbc-height: -;
  }
}
@media (min-width: 500px) {
  .exam-product-card-component {
    /* Can't do this with variables.  Always show session info when not mobile. */
  }
  .exam-product-card-component .session-info {
    display: initial;
  }
}
.exam-product-card-component .headers {
  flex: 1;
}
.exam-product-card-component .headers .course-code {
  color: var(--color-Neutrals-Body-Copy);
}
.exam-product-card-component .headers .course-code .line-seperator {
  display: inline-block;
  margin: auto;
  width: 1.5px;
  height: 10px;
  margin-right: 2px;
  margin-left: 2px;
  background-color: var(--color-Primary-IIC-Gold);
}
.exam-product-card-component .headers h5 {
  margin-top: 8px;
  color: var(--color-Neutrals-Heading-Copy);
}
.exam-product-card-component .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: var(--cbc-info-margin-top);
  padding-left: var(--cbc-info-padding-left);
}
.exam-product-card-component .info .generic-info {
  display: flex;
  flex-direction: row;
}
.exam-product-card-component .info .generic-info .lines {
  flex: 1;
}
.exam-product-card-component .info .generic-info .lines .delivery-method {
  margin: 0;
  color: var(--color-Secondary-Slate);
}
.exam-product-card-component .info .generic-info .lines .price {
  color: var(--color-Neutrals-Body-Copy);
}
.exam-product-card-component .info .generic-info button {
  display: var(--cbc-collpase-button-display);
  width: 44px;
  height: 44px;
}
.exam-product-card-component .info .session-info {
  margin-top: 16px;
}
.exam-product-card-component .info .session-info ul {
  padding: 0;
  margin-bottom: 0;
}
.exam-product-card-component .info .session-info ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.exam-product-card-component .info .session-info .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.exam-product-card-component .info .session-info .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.exam-product-card-component .info .session-info .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.exam-product-card-component .info .session-info .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
  margin-bottom: 0;
}
.exam-product-card-component .info .card-button {
  margin-top: var(--c-btn-mt);
}
.exam-product-card-component .diamond {
  display: var(--cbc-diamond-display);
  pointer-events: none;
}
.exam-product-card-component .diamond .course-diamond {
  fill: var(--diamond-color);
  --course-diamond-w: 519px;
  width: var(--course-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--course-diamond-w));
  position: absolute;
  left: -197px;
  bottom: -193px;
}
.exam-product-card-component .diamond .program-code {
  position: absolute;
  left: 40px;
  bottom: 32px;
}
.exam-product-card-component .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
  background-color: white;
}
.exam-product-card-component .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.exam-product-card-component .spinner-border {
  position: absolute;
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
}

.ceod-class-details-component .top {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 14px 24px;
  display: flex;
  flex-direction: row;
}
.ceod-class-details-component .top .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.ceod-class-details-component .top .info .ceod-class-name {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 4px;
}
.ceod-class-details-component .top .info .ceod-class-type {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.ceod-class-details-component .bottom {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 24px;
  margin-top: 8px;
}
.ceod-class-details-component .bottom ul {
  padding: 0;
  padding: 0;
  margin: 0;
}
.ceod-class-details-component .bottom ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.ceod-class-details-component .bottom ul li:not(:last-child) {
  margin-bottom: 8px;
}
.ceod-class-details-component .bottom .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.ceod-class-details-component .bottom .ceod-class-credit {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/credit.svg");
}
.ceod-class-details-component .bottom .price-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/currency-dollar.svg");
}
.ceod-class-details-component .bottom .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
}

.ceod-class-component {
  --ceod-class-details-width: 391px;
  --ceod-class-component-margin-bottom: 0px;
  --details-margin: 0px 40px 14px 24px;
  --details-and-content-flex-direction: row;
  margin-bottom: var(--ceod-class-component-margin-bottom);
}
@media (max-width: 499.98px) {
  .ceod-class-component {
    --ceod-class-details-width: 100%;
    --ceod-class-component-margin-bottom: 64px;
    --details-margin: 0px;
    --details-and-content-flex-direction: column;
  }
}
.ceod-class-component .details-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--details-and-content-flex-direction);
}
.ceod-class-component .details-and-content .details {
  width: var(--ceod-class-details-width);
  margin: var(--details-margin);
}
.ceod-class-component .details-and-content .content {
  flex: 1;
}

.ceod-class-header-component {
  --ceod-class-header-component-content-padding: 80px var(--iic-site-margin-width) 44px var(--iic-site-margin-width);
  --ceod-class-header-text-content-padding: 0px 0px 0px 23px;
  --ceod-class-header-code-padding: 0px 0px 0px 2px;
  --ceod-class-header-code-margin-bottom: 8px;
  --ceod-class-header-line-height: 76px;
  --ceod-class-header-line-top: 80px;
  --ceod-class-header-line-left: 71px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .ceod-class-header-component {
    --ceod-class-header-component-content-padding: 56px var(--iic-site-margin-width) 16px var(--iic-site-margin-width);
    --ceod-class-header-text-content-padding: 8px 24px 0px 16px;
    --ceod-class-header-code-padding: 0px 0px 8px 2px;
    --ceod-class-header-code-margin-bottom: 0px;
    --ceod-class-header-line-height: 88px;
    --ceod-class-header-line-top: 64px;
    --ceod-class-header-line-left: 24px;
  }
}
.ceod-class-header-component .component-content {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--ceod-class-header-component-content-padding);
}
.ceod-class-header-component .component-content .ceod-class-header-text-content {
  padding: var(--ceod-class-header-text-content-padding);
  display: flex;
  flex-direction: column;
  position: relative;
}
.ceod-class-header-component .component-content .ceod-class-header-text-content .ceod-class-header-code {
  display: flex;
  align-items: center;
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--ceod-class-header-code-margin-bottom);
  height: 24px;
  overflow: hidden;
  padding: var(--ceod-class-header-code-padding);
}
.ceod-class-header-component .component-content .ceod-class-header-text-content .ceod-class-header-name {
  display: flex;
  align-items: center;
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 0px;
}
.ceod-class-header-component .component-content .ceod-class-header-text-content:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--ceod-class-header-line-color);
  position: absolute;
  left: 0;
  top: 0;
}
.ceod-class-header-component .component-content .ceod-class-header-line {
  left: var(--ceod-class-header-line-left);
  position: absolute;
  width: 3px;
  height: var(--ceod-class-header-line-height);
  top: var(--ceod-class-header-line-top);
  background: var(--ceod-class-header-line-color);
}

.province-licensing-header-component {
  --province-licensing-header-component-content-padding: 80px var(--iic-site-margin-width) 28px var(--iic-site-margin-width);
  --province-licensing-header-code-padding: 0px 0px 0px 2px;
  --province-licensing-header-code-margin-bottom: 8px;
  --province-licensing-header-line-height: 76px;
  --province-licensing-header-line-top: 80px;
  --province-licensing-header-line-left: 71px;
  --txt-content-width: 495px;
  --main-flex-dir: row;
  --main-pb: 80px;
  --h2-margin-b: 60px;
  --province-licensing-dropdown-ml: 232px;
  --h-line-display: block;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .province-licensing-header-component {
    --province-licensing-header-component-content-padding: 56px var(--iic-site-margin-width) 16px var(--iic-site-margin-width);
    --province-licensing-header-code-padding: 0px 0px 8px 2px;
    --province-licensing-header-code-margin-bottom: 0px;
    --province-licensing-header-line-height: 88px;
    --province-licensing-header-line-top: 64px;
    --province-licensing-header-line-left: 24px;
    --txt-content-width: 100%;
    --main-flex-dir: column;
    --main-pb: 24px;
    --h2-margin-b: 32px;
    --province-licensing-dropdown-ml: 0;
    --h-line-display: none;
  }
}
.province-licensing-header-component .component-content {
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: var(--province-licensing-header-component-content-padding);
}
.province-licensing-header-component .component-content .province-licensing-header-content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.province-licensing-header-component .component-content .province-licensing-header-content .province-licensing-header h2 {
  margin-bottom: var(--h2-margin-b);
}
.province-licensing-header-component .component-content .province-licensing-header-content .province-licensing-header .main-content {
  display: flex;
  flex-direction: var(--main-flex-dir);
  padding-bottom: var(--main-pb);
}
.province-licensing-header-component .component-content .province-licensing-header-content .province-licensing-header .main-content .text-content {
  color: var(--color-Neutrals-Steel);
  width: var(--txt-content-width);
}
.province-licensing-header-component .component-content .province-licensing-header-content .province-licensing-header .main-content .province-licensing-dropdown {
  margin-left: var(--province-licensing-dropdown-ml);
}
.province-licensing-header-component .component-content .province-licensing-header-content:after {
  display: var(--h-line-display);
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  bottom: 0;
}

.single-product-display-component {
  --single-product-display-padding-left: 176px;
  --single-product-display-padding-right: 176px;
  --text-and-product-content-flex-direction: row;
  --text-and-product-content-flex-direction-left: row-reverse;
  --text-content-width: 599px;
  --product-content-width: 391px;
  --product-content-margin: 72px 0px 0px 0px;
  --product-button-width: auto;
  --h3-margin: 0px 0px 36px 0px;
  margin-top: var(--single-product-display-margin-top);
  margin-bottom: var(--single-product-display-margin-bottom);
}
@media (max-width: 499.98px) {
  .single-product-display-component {
    --single-product-display-padding-left: var(--iic-site-margin-width);
    --single-product-display-padding-right: var(--iic-site-margin-width);
    --text-and-product-content-flex-direction: column;
    --text-and-product-content-flex-direction-left: column;
    --text-content-width: 100%;
    --product-content-width: 100%;
    --product-content-margin: 24px 0px 0px 0px;
    --product-button-width: 100%;
    --h3-margin: 0px 0px 32px 0px;
  }
}
.single-product-display-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--single-product-display-padding-left);
  padding-right: var(--single-product-display-padding-right);
  /* aligns products without text to the right side when "left-align" is off in sitecore control "single-product-display". */
  /* aligns products without text to the left side when "left-align" is on in sitecore control "single-product-display". */
}
.single-product-display-component .component-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin: var(--h3-margin);
}
.single-product-display-component .component-content .left-side {
  flex-direction: var(--text-and-product-content-flex-direction-left) !important;
}
.single-product-display-component .component-content .text-and-product-content {
  display: flex;
  flex-direction: var(--text-and-product-content-flex-direction);
  justify-content: space-between;
}
.single-product-display-component .component-content .text-and-product-content .text-content {
  width: var(--text-content-width);
}
.single-product-display-component .component-content .text-and-product-content .product-content {
  width: var(--product-content-width);
  display: flex;
  flex-direction: column;
  margin: var(--product-content-margin);
}
.single-product-display-component .component-content .text-and-product-content .product-content .product-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 32px;
  background: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 24px;
}
.single-product-display-component .component-content .text-and-product-content .product-content .product-info h5 {
  margin: 0;
}
.single-product-display-component .component-content .text-and-product-content .product-content .additional-text {
  padding: 0px 40px 0px 51px;
  position: relative;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 32px;
}
.single-product-display-component .component-content .text-and-product-content .product-content .additional-text:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--color-Tertiary-Cream);
  position: absolute;
  left: 32px;
  top: 0;
}
.single-product-display-component .component-content .text-and-product-content .product-content .product-button button {
  width: var(--product-button-width);
}
.single-product-display-component .component-content .text-and-product-content:not(:has(div.text-content)) {
  justify-content: right !important;
}
.single-product-display-component .component-content .text-and-product-content.left-side:not(:has(div.text-content)) {
  justify-content: left !important;
}

.sibling-dropdown-component {
  --sibling-dropdown-width: 391px;
  --sibling-dropdown-padding: 24px 32px 30px 32px;
  --sibling-dropdown-h6-margin-bottom: 10px;
  background: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  width: var(--sibling-dropdown-width);
  padding: var(--sibling-dropdown-padding);
}
@media (max-width: 499.98px) {
  .sibling-dropdown-component {
    --sibling-dropdown-width: 100%;
    --sibling-dropdown-padding: 24px 16px;
    --sibling-dropdown-h6-margin-bottom: 16px;
  }
}
.sibling-dropdown-component h6 {
  margin-bottom: var(--sibling-dropdown-h6-margin-bottom);
  color: var(--color-Neutrals-Body-Copy);
}

.notification-component {
  /*--notification-component-common-*/
  --notification-component-common-display: none;
  --notification-component-common-padding: 0px 26.6667px;
  --notification-component-common-border-radius: 8px;
  --notification-component-common-background-color: var(--color-Neutrals-Light-Grey);
  --notification-component-common-min-height: 27px;
  --notification-component-common-padding: 24px 16px 16px 27px;
  /*--notification-component-buttons-*/
  --notification-component-buttons-tertiary-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(94deg) brightness(104%) contrast(102%);
  --notification-component-buttons-tertiary-color: #000;
  /*--notification-component-buttons-notification-wrapper-*/
  --notification-component-buttons-notification-wrapper-display: flex;
  --notification-component-buttons-notification-wrapper-flex-grow: 1;
  --notification-component-buttons-notification-wrapper-flex-direction: row;
  --notification-component-buttons-notification-wrapper-justify-content: start;
  --notification-component-buttons-notification-wrapper-align-items: flex-start;
  /*--notification-component-buttons-notification-wrapper-notification-text-*/
  --notification-component-buttons-notification-wrapper-notification-text-font-weight: 400;
  --notification-component-buttons-notification-wrapper-notification-text-font-size: 15px;
  --notification-component-buttons-notification-wrapper-notification-text-line-height: 20px;
  /*--notification-component-buttons-notification-wrapper-notification-icon-*/
  --notification-component-buttons-notification-wrapper-notification-icon-margin: -7px 10px 0 -1px;
  --notification-component-buttons-notification-wrapper-notification-icon-width: 13px;
  --notification-component-buttons-notification-wrapper-notification-icon-height: 12px;
  /*--notification-component-buttons-notification-wrapper-notification-icon-img-*/
  --notification-component-buttons-notification-wrapper-notification-icon-img-width: 13px;
  --notification-component-buttons-notification-wrapper-notification-icon-img-height: 12px;
  --notification-component-buttons-notification-wrapper-notification-icon-img-margin-top: 8px;
  --notification-component-buttons-notification-wrapper-notification-icon-img-display: none;
  /*--notification-component-buttons-notification-wrapper-goto-my-account-*/
  --notification-component-buttons-notification-wrapper-goto-my-account-font-weight: 600;
  --notification-component-buttons-notification-wrapper-goto-my-account-margin-left: 21px;
  --notification-component-buttons-notification-wrapper-goto-my-account-font-size: 13px;
  --notification-component-buttons-notification-wrapper-goto-my-account-line-height: 24px;
  --notification-component-buttons-notification-wrapper-goto-my-account-display: none;
  /*--notification-component-icons-*/
  --notification-component-icons-tip-notitifaction-wrapper-warning-alert-display: none;
  --notification-component-icons-tip-notitifaction-wrapper-tip-display: block;
  --notification-component-icons-alert-notitifaction-wrapper-warning-tip-display: none;
  --notification-component-icons-alert-notitifaction-wrapper-alert-display: block;
  --notification-component-icons-warning-notitifaction-wrapper-tip-alert-display: none;
  --notification-component-icons-warning-notitifaction-wrapper-warning-display: block;
  display: var(--notification-component-common-display);
  padding: var(--notification-component-common-padding);
  border-radius: var(--notification-component-common-border-radius);
  background-color: var(--notification-component-common-background-color);
  min-height: var(--notification-component-common-min-height);
  padding: var(--notification-component-common-padding);
}
@media (min-width: 500px) {
  .notification-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.notification-component .notification-component {
  background-color: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
}
.notification-component.tip {
  background-color: var(--color-Secondary-Frost-Blue);
  color: var(--color-Secondary-Slate);
}
.notification-component.alert, .notification-component.warning {
  color: var(--color-IIC-White);
  background-color: var(--color-Secondary-Deep-Periwinkle);
}
.notification-component.alert .btn-iic-tertiary, .notification-component.warning .btn-iic-tertiary {
  filter: var(--notification-component-buttons-tertiary-filter);
  color: var(--notification-component-buttons-tertiary-color);
}
.notification-component .notification-wrapper {
  display: var(--notification-component-buttons-notification-wrapper-display);
  flex-grow: var(--notification-component-buttons-notification-wrapper-flex-grow);
  flex-direction: var(--notification-component-buttons-notification-wrapper-flex-direction);
  justify-content: var(--notification-component-buttons-notification-wrapper-justify-content);
  align-items: var(--notification-component-buttons-notification-wrapper-align-items);
}
.notification-component .notification-wrapper .notification-text {
  font-weight: var(--notification-component-buttons-notification-wrapper-notification-text-font-weight);
  font-size: var(--notification-component-buttons-notification-wrapper-notification-text-font-size);
  line-height: var(--notification-component-buttons-notification-wrapper-notification-text-line-height);
}
.notification-component .notification-wrapper .notification-icon {
  margin: var(--notification-component-buttons-notification-wrapper-notification-icon-margin);
  width: var(--notification-component-buttons-notification-wrapper-notification-icon-width);
  height: var(--notification-component-buttons-notification-wrapper-notification-icon-height);
}
.notification-component .notification-wrapper .notification-icon img {
  width: var(--notification-component-buttons-notification-wrapper-notification-icon-img-width);
  height: var(--notification-component-buttons-notification-wrapper-notification-icon-img-height);
  margin-top: var(--notification-component-buttons-notification-wrapper-notification-icon-img-margin-top);
  display: var(--notification-component-buttons-notification-wrapper-notification-icon-img-display);
}
.notification-component.tip .notification-wrapper .notification-icon .warning, .notification-component.tip .notification-wrapper .notification-icon .alert {
  display: var(--notification-component-icons-tip-notitifaction-wrapper-warning-alert-display);
}
.notification-component.tip .notification-wrapper .notification-icon .tip {
  display: var(--notification-component-icons-tip-notitifaction-wrapper-tip-display);
}
.notification-component.alert .notification-wrapper .notification-icon .warning, .notification-component.alert .notification-wrapper .notification-icon .tip {
  display: var(--notification-component-icons-alert-notitifaction-wrapper-warning-tip-display);
}
.notification-component.alert .notification-wrapper .notification-icon .alert {
  display: var(--notification-component-icons-alert-notitifaction-wrapper-alert-display);
}
.notification-component.warning .notification-wrapper .notification-icon .tip, .notification-component.warning .notification-wrapper .notification-icon .alert {
  display: var(--notification-component-icons-warning-notitifaction-wrapper-tip-alert-display);
}
.notification-component.warning .notification-wrapper .notification-icon .warning {
  display: var(--notification-component-icons-warning-notitifaction-wrapper-warning-display);
}
.notification-component .goto-my-account {
  font-weight: var(--notification-component-buttons-notification-wrapper-goto-my-account-font-weight);
  margin-left: var(--notification-component-buttons-notification-wrapper-goto-my-account-margin-left);
  font-size: var(--notification-component-buttons-notification-wrapper-goto-my-account-font-size);
  line-height: var(--notification-component-buttons-notification-wrapper-goto-my-account-line-height);
  display: var(--notification-component-buttons-notification-wrapper-goto-my-account-display);
}

.local-institute-component {
  --local-institute-h4-margin: 24px 0px 24px 39px;
  --location-map-component-width: 599px;
  --location-map-component-height: 408px;
  --location-map-component-margin-bottom: 0;
  --local-institute-address-width: 456px;
  --local-institute-address-padding: 24px 40px;
  --local-institute-address-h5-margin-bottom: 8px;
  --local-institute-map-info-margin: 0px 0px 0px 39px;
  --local-institute-infos-margin: 48px 0px 0px 39px;
  --local-institute-contact-info-margin: 48px 0px 0px 39px;
  --local-institute-contact-info-padding: 24px 40px;
  --local-institute-contact-info-flex-dir: row;
  --local-institute-map-info-flex-direction: row;
  --local-institute-contact-devider-margin: 0 71px;
  --local-institute-contact-devider-h: -;
  --local-institute-contact-devider-w: 1px;
  --lc-devider-margin: 88px 0;
  --lc-devider-h: 1px;
  --section-title-mb: 24px;
  --media-content-w: 502px;
  --media-content-contact-ml: 121px;
  --media-content-fd: row;
  --local-institute-header-fd: row;
  --local-institute-header-mt: 56px;
  --local-institute-header-mb: 76px;
  --local-institute-desc-ml: 64.87px;
  --local-institute-desc-h3-mb: 24px;
  --local-institute-desc-h3-mt: 0;
  --local-institute-dropdown-w: 287px;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .local-institute-component {
    --local-institute-h4-margin: 0px 0px 16px 0px;
    --location-map-component-width: 327px;
    --location-map-component-height: 224px;
    --location-map-component-margin-bottom: 8px;
    --local-institute-address-width: 327px;
    --local-institute-address-padding: 24px 32px;
    --local-institute-address-h5-margin-bottom: 16px;
    --local-institute-map-info-margin: 0px;
    --local-institute-infos-margin: 24px 0px 0px 0px;
    --local-institute-contact-info-margin: 40px 0 0 0;
    --local-institute-contact-info-padding: 32px 24px;
    --local-institute-contact-info-flex-dir: column;
    --local-institute-map-info-flex-direction: column-reverse;
    --local-institute-contact-devider-margin: 32px 0;
    --local-institute-contact-devider-h: 1px;
    --local-institute-contact-devider-w: -;
    --lc-devider-margin: 64px 0;
    --lc-devider-h: 1px;
    --section-title-mb: 18px;
    --media-content-w: 100%;
    --media-content-contact-ml: 0;
    --media-content-fd: column;
    --local-institute-header-fd: column;
    --local-institute-header-mt: 16px;
    --local-institute-header-mb: 24px;
    --local-institute-desc-ml: 0;
    --local-institute-desc-h3-mb: 0;
    --local-institute-desc-h3-mt: 34.5px;
    --local-institute-dropdown-w: 100%;
  }
}
.local-institute-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.local-institute-component .component-content .section-title {
  margin-bottom: var(--section-title-mb);
}
.local-institute-component .component-content .media-content {
  display: flex;
  flex-direction: var(--media-content-fd);
}
.local-institute-component .component-content .media-content p {
  width: var(--media-content-w);
  margin-bottom: 48px;
}
.local-institute-component .component-content .media-content .contact {
  margin-left: var(--media-content-contact-ml);
}
.local-institute-component .component-content .local-institute-header {
  display: flex;
  flex-direction: var(--local-institute-header-fd);
  margin-top: var(--local-institute-header-mt);
  margin-bottom: var(--local-institute-header-mb);
}
.local-institute-component .component-content .local-institute-header .local-institute-dropdown {
  width: var(--local-institute-dropdown-w);
  height: fit-content;
}
.local-institute-component .component-content .local-institute-header .local-institute-dropdown .sibling-dropdown-component {
  background: none !important;
  padding: 0 !important;
  width: var(--local-institute-dropdown-w) !important;
}
.local-institute-component .component-content .local-institute-header .local-institute-dropdown .sibling-dropdown-component h6 {
  margin-bottom: 0 !important;
}
.local-institute-component .component-content .local-institute-header .local-institute-dropdown .sibling-dropdown-component .iic-dropdown select {
  width: var(--local-institute-dropdown-w) !important;
}
.local-institute-component .component-content .local-institute-header .local-institute-desc {
  margin-left: var(--local-institute-desc-ml);
}
.local-institute-component .component-content .local-institute-header .local-institute-desc h3 {
  margin-top: var(--local-institute-desc-h3-mt);
  margin-bottom: var(--local-institute-desc-h3-mb);
  color: var(--color-Primary-IIC-Blue);
}
.local-institute-component .component-content .local-institute-header .local-institute-desc p {
  color: var(--color-Neutrals-Steel);
  margin-bottom: 0 !important;
  white-space: pre-wrap;
}
.local-institute-component .component-content h4 {
  margin: var(--local-institute-h4-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.local-institute-component .component-content .local-institute-map-info {
  display: flex;
  flex-direction: var(--local-institute-map-info-flex-direction);
  justify-content: space-between;
  align-items: flex-start;
  margin: var(--local-institute-map-info-margin);
  background-color: var(--colors-Secondary-Frost-Blue);
}
.local-institute-component .component-content .local-institute-map-info .addresses {
  display: flex;
  flex-direction: column;
}
.local-institute-component .component-content .local-institute-map-info .addresses .local-institute-address {
  padding: var(--local-institute-address-padding);
  width: var(--local-institute-address-width);
  border-radius: 8px;
  background-color: var(--color-Secondary-Frost-Blue);
}
.local-institute-component .component-content .local-institute-map-info .addresses .local-institute-address h5 {
  color: var(--color-Secondary-Slate);
  margin-bottom: var(--local-institute-address-h5-margin-bottom);
}
.local-institute-component .component-content .local-institute-map-info .addresses .local-institute-address p {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.local-institute-component .component-content .local-institute-map-info .addresses .local-institute-address button {
  margin-top: 16px;
}
.local-institute-component .component-content .local-institute-map-info .addresses .contact-infos .info {
  margin: var(--local-institute-infos-margin);
  width: 311px;
  white-space: pre-wrap;
}
.local-institute-component .component-content .local-institute-map-info .addresses .contact-infos .info h6 {
  margin-bottom: 0 !important;
}
.local-institute-component .component-content .local-institute-map-info .addresses .contact-infos .info p {
  margin-bottom: 0 !important;
}
.local-institute-component .component-content .local-institute-map-info .location-map-component {
  width: var(--location-map-component-width);
  height: var(--location-map-component-height);
  margin-bottom: var(--location-map-component-margin-bottom);
  margin-left: auto;
}
.local-institute-component .component-content .local-institute-map-info .location-map-component canvas {
  border-radius: 8px;
}
.local-institute-component .component-content .organization-contact-info {
  background: var(--color-IIC-White);
  border-radius: 8px;
  display: flex;
  flex-direction: var(--local-institute-contact-info-flex-dir);
  justify-content: space-between;
  margin: var(--local-institute-contact-info-margin);
  padding: var(--local-institute-contact-info-padding);
  color: var(--color-Neutrals-Body-Copy) !important;
}
.local-institute-component .component-content .organization-contact-info .office-hours {
  width: 171px;
}
.local-institute-component .component-content .organization-contact-info .office-hours h6 {
  margin-bottom: 0;
}
.local-institute-component .component-content .organization-contact-info .office-hours div {
  white-space: pre-wrap;
}
.local-institute-component .component-content .organization-contact-info .phone-or-fax h6 {
  margin-bottom: 0;
}
.local-institute-component .component-content .organization-contact-info .email {
  width: 288px;
}
.local-institute-component .component-content .organization-contact-info .email h6 {
  margin-bottom: 0;
}
.local-institute-component .component-content .organization-contact-info .devider {
  margin: var(--local-institute-contact-devider-margin);
  background: var(--color-Tertiary-Cream);
  width: var(--local-institute-contact-devider-w);
  height: var(--local-institute-contact-devider-h);
}
.local-institute-component .component-content .location-component-devider {
  margin: var(--lc-devider-margin);
  background: var(--color-Tertiary-Cream);
  height: var(--lc-devider-h);
}

.event-product-cart-card-component {
  --event-product-cart-card-width: 599px;
  --event-product-cart-card-flex-direction: row;
  --event-product-cart-card-padding: 32px;
  --event-product-cart-card-info-margin-top: 32px;
  --event-product-cart-card-collpase-button-display: none;
  --event-product-cart-card-info-padding-left: 24px;
  --event-product-cart-card-trash-position: 24px;
  --event-product-headers-h5-margin: 0;
  --event-product-headers-caption-bold-caps-margin-bottom: 16px;
  --generic-info-margin-bottom: 16px;
  display: flex;
  flex-direction: var(--event-product-cart-card-flex-direction);
  position: relative;
  width: var(--event-product-cart-card-width);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 0;
  padding: var(--event-product-cart-card-padding);
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .event-product-cart-card-component {
    --event-product-cart-card-width: 100%;
    --event-product-cart-card-flex-direction: column;
    --event-product-cart-card-padding: 32px 24px;
    --event-product-cart-card-info-margin-top: 0px;
    --event-product-cart-card-collpase-button-display: initial;
    --event-product-cart-card-info-padding-left: 0px;
    --event-product-cart-card-trash-position: 16px;
    --event-product-headers-h5-margin: 8px 0px 24px 0px;
    --event-product-headers-caption-bold-caps-margin-bottom: 8px;
    --generic-info-margin-bottom: 16px;
  }
}
@media (min-width: 500px) {
  .event-product-cart-card-component .session-info {
    display: initial;
  }
}
.event-product-cart-card-component .headers {
  flex: 1;
}
.event-product-cart-card-component .headers .caption-bold-caps {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: var(--event-product-headers-caption-bold-caps-margin-bottom);
}
.event-product-cart-card-component .headers h5 {
  margin: var(--event-product-headers-h5-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.event-product-cart-card-component .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: var(--event-product-cart-card-info-margin-top);
  padding-left: var(--event-product-cart-card-info-padding-left);
}
.event-product-cart-card-component .info .generic-info {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--generic-info-margin-bottom);
}
.event-product-cart-card-component .info .generic-info .lines {
  flex: 1;
}
.event-product-cart-card-component .info .generic-info .lines .delivery-method {
  margin: 0;
  color: var(--color-Secondary-Slate);
}
.event-product-cart-card-component .info .generic-info .lines .price {
  color: var(--color-Neutrals-Body-Copy);
}
.event-product-cart-card-component .info .generic-info button {
  display: var(--event-product-cart-card-collpase-button-display);
  width: 44px;
  height: 44px;
}
.event-product-cart-card-component .info .session-info ul {
  padding: 0;
  margin-bottom: 0;
}
.event-product-cart-card-component .info .session-info ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.event-product-cart-card-component .info .session-info .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.event-product-cart-card-component .info .session-info .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.event-product-cart-card-component .info .session-info .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.event-product-cart-card-component .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--event-product-cart-card-trash-position);
  top: var(--event-product-cart-card-trash-position);
  width: 24px;
  height: 24px;
  background-color: white;
}
.event-product-cart-card-component .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.event-product-cart-card-component .spinner-border {
  position: absolute;
  right: var(--event-product-cart-card-trash-position);
  top: var(--event-product-cart-card-trash-position);
  width: 24px;
  height: 24px;
}

.ceod-filter-listing-component {
  --listing-filters-title-min-height: 40px;
  --listing-filters-component-content-width: 1366px;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-height: 72px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-margin-top: 16px;
  --listing-pagination-controls-width: 672px;
  --pagination-controls-buttons-width: 104px;
  --listing-pagination-header-margin: 0px 0px 20px 0px;
  --ceod-class-card-block-flex-direction: row;
  --ceod-class-card-block-gap: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: var(--listing-margin-top);
  margin-bottom: var(--listing-margin-bottom);
}
@media (max-width: 499.98px) {
  .ceod-filter-listing-component {
    --listing-filters-title-min-height: 32px;
    --listing-filters-component-content-width: var(--iic-site-width);
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-height: 80px;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-margin-top: 24px;
    --listing-pagination-controls-width: 100%;
    --pagination-controls-buttons-width: 100%;
    --listing-pagination-header-margin: 0px 0px 16px 0px;
    --ceod-class-card-block-flex-direction: column;
    --ceod-class-card-block-gap: 32px;
  }
}
.ceod-filter-listing-component .pagination-controls-input::-webkit-outer-spin-button,
.ceod-filter-listing-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ceod-filter-listing-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.ceod-filter-listing-component .hidden {
  display: none;
}
.ceod-filter-listing-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--listing-filters-component-content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.ceod-filter-listing-component .component-content .title {
  display: flex;
  align-items: center;
  min-height: var(--listing-filters-title-min-height);
  margin-bottom: 24px;
  color: var(--color-Neutrals-Heading-Copy);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: var(--listing-pagination-header-margin);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-numbers {
  color: var(--color-Secondary-Slate);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .items-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .items-list .ceod-class-card-block {
  display: flex;
  flex-direction: var(--ceod-class-card-block-flex-direction);
  justify-content: space-between;
  gap: var(--ceod-class-card-block-gap);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer {
  display: flex;
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  margin-top: var(--listing-pagination-footer-margin-top);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.ceod-filter-listing-component .component-content .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}

.ceod-class-card-component {
  --ceod-class-card-component-width: 599px;
  --ceod-class-card-component-flex-direction: row;
  --ceod-class-card-component-gap: 24px;
  --ceod-class-card-component-padding: 32px 32px 28px 32px;
  --ceod-class-card-main-content-width: 256px;
  --ceod-class-card-main-content-gap: 16px;
  --ceod-class-card-image-left: 508px;
  --ceod-class-card-image-top: 17px;
  --ceod-class-card-divider-display: none;
  --ceod-class-card-btn-iic-tertiary-desktop-side-display: flex;
  --ceod-class-card-btn-iic-tertiary-mobile-side-display: none;
  --ceod-class-card-btn-iic-primary-width: auto;
  --ceod-class-card-learning-mode-margin-bottom: 24px;
  --ceod-class-card-additional-content-margin-top: 40px;
  display: flex;
  flex-direction: var(--ceod-class-card-component-flex-direction);
  width: var(--ceod-class-card-component-width);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
  padding: var(--ceod-class-card-component-padding);
  background: var(--color-IIC-White);
  overflow: hidden;
  position: relative;
  gap: var(--ceod-class-card-component-gap);
}
@media (max-width: 499.98px) {
  .ceod-class-card-component {
    --ceod-class-card-component-width: 100%;
    --ceod-class-card-component-flex-direction: column;
    --ceod-class-card-component-gap: 12px;
    --ceod-class-card-component-padding: 40px 24px 32px 24px;
    --ceod-class-card-main-content-width: 100%;
    --ceod-class-card-main-content-gap: 8px;
    --ceod-class-card-image-left: 239px;
    --ceod-class-card-image-top: 20px;
    --ceod-class-card-divider-display: flex;
    --ceod-class-card-btn-iic-tertiary-desktop-side-display: none;
    --ceod-class-card-btn-iic-tertiary-mobile-side-display: flex;
    --ceod-class-card-btn-iic-primary-width: 100%;
    --ceod-class-card-learning-mode-margin-bottom: 20px;
    --ceod-class-card-additional-content-margin-top: 0px;
  }
}
.ceod-class-card-component .ceod-class-card-main-content {
  display: flex;
  flex-direction: column;
  width: var(--ceod-class-card-main-content-width);
  gap: var(--ceod-class-card-main-content-gap);
}
.ceod-class-card-component .ceod-class-card-main-content .class-card-title-content .ceod-class-card-learning-mode {
  margin-bottom: var(--ceod-class-card-learning-mode-margin-bottom);
  color: var(--color-Neutrals-Body-Copy);
  min-height: 20px;
}
.ceod-class-card-component .ceod-class-card-main-content .class-card-title-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.ceod-class-card-component .btn-iic-tertiary.mobile-side {
  margin-bottom: 12px;
}
.ceod-class-card-component form:has(.btn-iic-tertiary.mobile-side) {
  display: var(--ceod-class-card-btn-iic-tertiary-mobile-side-display);
}
.ceod-class-card-component form:has(.btn-iic-tertiary.desktop-side) {
  display: var(--ceod-class-card-btn-iic-tertiary-desktop-side-display);
  margin-top: auto;
}
.ceod-class-card-component .btn-iic-primary {
  width: var(--ceod-class-card-btn-iic-primary-width);
}
.ceod-class-card-component .class-card-language-content {
  flex-direction: row;
  align-items: var(--class-card-language-content-align-items);
  display: flex;
}
.ceod-class-card-component .class-card-language-content .class-card-language-icon {
  margin-right: 12px;
}
.ceod-class-card-component .class-card-language-content .class-card-language-title {
  color: var(--color-Neutrals-Body-Copy);
}
.ceod-class-card-component .ceod-class-card-additional-content {
  margin-top: var(--ceod-class-card-additional-content-margin-top);
}
.ceod-class-card-component .ceod-class-card-additional-content h6 {
  margin: 0px;
  color: var(--color-Secondary-Slate);
  min-height: 24px;
}
.ceod-class-card-component .ceod-class-card-additional-content .display-price {
  margin-bottom: 16px;
}
.ceod-class-card-component .ceod-class-card-additional-content .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
  min-height: 24px;
}
.ceod-class-card-component .ceod-class-card-additional-content .ceod-class-credits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0px 24px 0px;
}
.ceod-class-card-component .ceod-class-card-additional-content .ceod-class-credits .ceod-class-credit {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ceod-class-card-component .ceod-class-card-additional-content .ceod-class-credits .ceod-class-credit .ceod-class-credit-icon {
  margin-right: 12px;
}
.ceod-class-card-component .ceod-class-card-additional-content .ceod-class-card-divider {
  display: var(--ceod-class-card-divider-display);
  width: 100%;
  height: 1px;
  background: var(--color-Tertiary-Cream);
  margin-bottom: 7px;
}
.ceod-class-card-component .ceod-class-card-image {
  position: absolute;
  left: var(--ceod-class-card-image-left);
  top: var(--ceod-class-card-image-top);
}

.catalog-error-page {
  --catalog-error-page-width: 391px;
  --catalog-error-page-long-width: 656px;
  --catalog-error-page-padding: 8px 34px 8px 37px;
  --catalog-error-page-border-radius: 8px;
  --catalog-error-page-gap: 8px;
  --catalog-error-page-margin: 15px auto 15px auto;
  --catalog-error-page-main-display: flex;
  --catalog-error-page-main-justify-content: center;
  --catalog-error-page-main-flex-direction: row;
  --catalog-error-page-main-align-items: center;
  --catalog-error-page-main-img-width: 30px;
  --catalog-error-page-main-img-height: 30px;
  --catalog-error-page-main-p-margin: 0;
  --catalog-error-page-main-p-margin-left: 10px;
  --catalog-error-page-main-p-white-space: pre-line;
  --catalog-error-page-additional-margin-top: 9px;
  --catalog-error-page-additional-margin-left: auto;
  --catalog-error-page-additional-margin-right: auto;
  --catalog-error-page-additional-width: 276px;
  --catalog-error-page-height: 40px;
  --catalog-error-page-display: flex;
  --catalog-error-page-align-items: center;
  --catalog-error-page-justify-content: center;
  color: var(--color-IIC-White);
  width: var(--catalog-error-page-width);
  padding: var(--catalog-error-page-padding);
  border-radius: var(--catalog-error-page-border-radius);
  gap: var(--catalog-error-page-gap);
  background: var(--color-Secondary-Deep-Periwinkle);
  margin: var(--catalog-error-page-margin);
  display: var(--catalog-error-page-display);
  align-items: var(--catalog-error-page-align-items);
  justify-content: var(--catalog-error-page-justify-content);
}
@media (max-width: 499.98px) {
  .catalog-error-page {
    --catalog-error-page-width: 327px;
    --catalog-error-page-long-width: 326px;
    --catalog-error-page-padding: 10px 37px 10px 27px;
    --catalog-error-page-main-img-width: 26px;
    --catalog-error-page-main-img-height: 26px;
  }
}
.catalog-error-page.long {
  width: var(--catalog-error-page-long-width);
}
.catalog-error-page .main {
  display: var(--catalog-error-page-main-display);
  justify-content: var(--catalog-error-page-main-justify-content);
  flex-direction: var(--catalog-error-page-main-flex-direction);
  align-items: var(--catalog-error-page-main-align-items);
}
.catalog-error-page .main img {
  width: var(--catalog-error-page-main-img-width);
  height: var(--catalog-error-page-main-img-height);
}
.catalog-error-page .main p {
  margin: var(--catalog-error-page-main-p-margin);
  margin-left: var(--catalog-error-page-main-p-margin-left);
  white-space: var(--catalog-error-page-main-p-white-space);
}
.catalog-error-page .additional {
  margin-top: var(--catalog-error-page-additional-margin-top);
  margin-left: var(--catalog-error-page-additional-margin-left);
  margin-right: var(--catalog-error-page-additional-margin-right);
  width: var(--catalog-error-page-additional-width);
}

.product-card-component {
  --event-product-cart-card-width: 599px;
  --event-product-cart-card-flex-direction: row;
  --event-product-cart-card-padding: 32px;
  --event-product-cart-card-info-margin-top: 32px;
  --event-product-cart-card-info-padding-left: 24px;
  --event-product-cart-card-trash-position: 24px;
  --event-product-headers-h5-margin: 0;
  display: flex;
  flex-direction: var(--event-product-cart-card-flex-direction);
  position: relative;
  width: var(--event-product-cart-card-width);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 0;
  padding: var(--event-product-cart-card-padding);
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .product-card-component {
    --event-product-cart-card-width: 100%;
    --event-product-cart-card-flex-direction: column;
    --event-product-cart-card-padding: 32px 24px;
    --event-product-cart-card-info-margin-top: 0px;
    --event-product-cart-card-info-padding-left: 0px;
    --event-product-cart-card-trash-position: 16px;
    --event-product-headers-h5-margin: 0px 0px 24px 0px;
  }
}
@media (min-width: 500px) {
  .product-card-component .session-info {
    display: initial;
  }
}
.product-card-component .headers {
  flex: 1;
}
.product-card-component .headers .caption-bold-caps {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.product-card-component .headers h5 {
  margin: var(--event-product-headers-h5-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.product-card-component .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: var(--event-product-cart-card-info-margin-top);
  padding-left: var(--event-product-cart-card-info-padding-left);
}
.product-card-component .info .generic-info {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.product-card-component .info .generic-info .lines {
  flex: 1;
}
.product-card-component .info .generic-info .lines .delivery-method {
  margin: 0;
  color: var(--color-Secondary-Slate);
}
.product-card-component .info .generic-info .lines .price {
  color: var(--color-Neutrals-Body-Copy);
}
.product-card-component .info .session-info ul {
  padding: 0;
  margin-bottom: 0;
}
.product-card-component .info .session-info ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.product-card-component .info .session-info .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.product-card-component .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--event-product-cart-card-trash-position);
  top: var(--event-product-cart-card-trash-position);
  width: 24px;
  height: 24px;
  background-color: white;
}
.product-card-component .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.product-card-component .spinner-border {
  position: absolute;
  right: var(--event-product-cart-card-trash-position);
  top: var(--event-product-cart-card-trash-position);
  width: 24px;
  height: 24px;
}

.search-results-component {
  --iic-search-white-bg-width: 500px;
  --listing-pagination-footer-height: 72px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 599px;
  --listing-pagination-footer-margin-top: 16px;
  --listing-pagination-footer-margin-left: 0;
  --listing-pagination-footer-justify-content: end;
  --close-icon-z-index: 19;
  --close-icon-top: 0.75em;
  --close-icon-top-moz: -5px;
  --close-icon-right: 45.5em;
  --close-icon-padding-bottom: 0px;
}
@media (max-width: 499.98px) {
  .search-results-component {
    --iic-search-white-bg-width: 100%;
    --listing-pagination-footer-height: 80px;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-footer-margin-top: 0px;
    --listing-pagination-footer-justify-content: center;
    --close-icon-z-index: 19;
    --close-icon-top: 7.55em;
    --close-icon-top-moz: -5px;
    --close-icon-right: 0.5em;
    --close-icon-padding-bottom: 0px;
  }
}
.search-results-component .component-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.search-results-component .component-content .search-result-content {
  padding-top: 61px;
}
.search-results-component .component-content .search-result-content button[type=reset], .search-results-component .component-content .search-result-content button[type=button].close-icon {
  border: none;
}
@supports (-webkit-appearance: none) {
  .search-results-component .component-content .search-result-content button[type=reset], .search-results-component .component-content .search-result-content button[type=button].close-icon {
    -webkit-appearance: none;
    top: var(--close-icon-top);
    right: var(--close-icon-right);
  }
}
@supports (-moz-appearance: none) {
  .search-results-component .component-content .search-result-content button[type=reset], .search-results-component .component-content .search-result-content button[type=button].close-icon {
    -moz-appearance: none;
  }
}
.search-results-component .component-content .search-result-content h3 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0px 0px 16px 0px;
}
.search-results-component .component-content .search-result-content .search-result-form {
  margin-bottom: 23px;
  position: relative;
}
.search-results-component .component-content .search-result-content .search-result-form .iic-search-white-bg, .search-results-component .component-content .search-result-content .search-result-form .iic-search-primary-bg {
  width: var(--iic-search-white-bg-width);
}
.search-results-component .component-content .search-result-content .search-result-form .close-icon {
  z-index: var(--close-icon-z-index);
  border: none;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  padding-bottom: var(--close-icon-padding-bottom);
}
.search-results-component .component-content .search-result-content .search-result-form .iic-search-white-bg:placeholder-shown ~ .close-icon {
  display: none;
}
.search-results-component .component-content .search-result-content .search-result-form .iic-search-white-bg:not(:placeholder-shown) ~ .close-icon {
  display: inline-block;
}
.search-results-component .component-content .search-result-content .search-result-items .search-result-item {
  padding-bottom: 20px;
  margin-top: 10px;
  border: none;
  border-bottom: 1px dotted var(--color-Neutrals-Cadet-Grey);
}
.search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title {
  color: var(--color-Neutrals-Body-Copy);
  text-decoration: none;
}
.search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-title:hover {
  text-decoration: underline;
}
.search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-snippet {
  margin-top: 8px;
  color: var(--color-Neutrals-Steel);
}
.search-results-component .component-content .search-result-content .search-result-items .search-result-item .search-result-item-display-url {
  margin-top: 8px;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer {
  display: flex;
  justify-content: var(--listing-pagination-footer-justify-content);
  align-items: center;
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  margin-top: var(--listing-pagination-footer-margin-top);
  margin-left: var(--listing-pagination-footer-margin-left);
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  color: var(--color-Neutrals-Body-Copy);
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.search-results-component .component-content .search-result-content .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}

.member-picker-component {
  --mp-margin-top: 0;
  --mp-margin-bottom: 20px;
  --mp-header-btn-iic-accordion-display: none;
  --radios-fd: row;
  --radios-gap: 18px;
  --radios-mt: 0;
  --radios-align: center;
  --mp-header-text-fd: row;
  --mp-form-top-fd: row;
  --form-section-w: 464px;
  --fn-w: 245px;
  --ln-w: 245px;
  --mi-w: 125px;
  --email-w: 440px;
  --error-page-w: var(--catalog-error-page-width);
  margin-top: var(--mp-margin-top);
  margin-bottom: var(--mp-margin-bottom);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 499.98px) {
  .member-picker-component {
    --mp-margin-top: 0;
    --mp-margin-bottom: 20px;
    --mp-header-btn-iic-accordion-display: initial;
    --radios-fd: column;
    --radios-gap: 0;
    --radios-mt: 0;
    --radios-align: flex-start;
    --mp-header-text-fd: column;
    --mp-form-top-fd: column;
    --form-section-w: 100%;
    --fn-w: 100%;
    --ln-w: 100%;
    --mi-w: 100%;
    --email-w: 100%;
    --error-page-w: 100%@;
  }
}
.member-picker-component .caption-regular {
  margin-bottom: 0;
}
.member-picker-component .mp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.member-picker-component .mp-header .mp-header-text {
  display: flex;
  flex-direction: var(--mp-header-text-fd);
}
.member-picker-component .mp-header .mp-header-text h5 {
  color: var(--color-Secondary-Slate);
  margin-right: 24px;
  margin-bottom: 0;
}
.member-picker-component .mp-header .mp-header-text .radio-inline {
  display: flex;
  flex-direction: var(--radios-fd);
  align-items: var(--radios-align);
  gap: var(--radios-gap);
  margin-top: var(--radios-mt);
}
.member-picker-component .mp-header .mp-header-text .radio-inline label {
  margin-left: 8px;
}
.member-picker-component .mp-header .btn-iic-accordion {
  display: var(--mp-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.member-picker-component .mp-form {
  display: none;
}
.member-picker-component .mp-form .mp-input {
  position: relative;
  padding-bottom: 22px;
}
.member-picker-component .mp-form .form-section {
  margin-bottom: 8px;
  width: var(--form-section-w);
}
.member-picker-component .mp-form .iic-invalid-feedback {
  height: 22px;
  padding-right: 24px;
  position: absolute;
}
.member-picker-component .mp-form .catalog-error-page {
  margin: 15px 0 15px auto;
  width: var(--error-page-w);
}
.member-picker-component .mp-form .catalog-error-page .main p {
  white-space: unset;
}
.member-picker-component .mp-form .mp-form-top {
  display: flex;
  flex-direction: var(--mp-form-top-fd);
}
.member-picker-component .mp-form .mp-form-top input {
  margin-right: 24px;
}
.member-picker-component .mp-form .mp-form-top .mp-first-name input {
  width: var(--fn-w);
}
.member-picker-component .mp-form .mp-form-top .mp-last-name input {
  width: var(--ln-w);
}
.member-picker-component .mp-form .mp-form-top .mp-member-id input {
  width: var(--mi-w);
}
.member-picker-component .mp-form .mp-form-email input {
  width: var(--email-w);
}
.member-picker-component .show {
  display: block;
}
.member-picker-component:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-Tertiary-Cream);
  bottom: -40px;
}

.events-near-you-component {
  --desktop-button-display: block;
  --mobile-button-display: none;
  --events-items-padding: 72px 0px 72px 192px;
  --grey-background-gradient: 410px;
  --title-and-button-margin-bottom: 44px;
  --title-and-button-h2-margin-bottom: 8px;
  --title-and-button-justify-content: space-between;
  overflow: hidden;
  margin-top: var(--events-near-you-margin-top);
  margin-bottom: var(--events-near-you-margin-bottom);
}
@media (max-width: 499.98px) {
  .events-near-you-component {
    --desktop-button-display: none;
    --mobile-button-display: block;
    --events-items-padding: 40px 0px 24px 0px;
    --grey-background-gradient: 66px;
    --title-and-button-margin-bottom: 24px;
    --title-and-button-h2-margin-bottom: 0px;
    --title-and-button-justify-content: center;
  }
}
.events-near-you-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.events-near-you-component .component-content .desktop-button {
  display: var(--desktop-button-display);
}
.events-near-you-component .component-content .mobile-button {
  margin: 24px 0px 10px 0px;
  display: var(--mobile-button-display);
}
.events-near-you-component .component-content .mobile-button button {
  width: 100%;
}
.events-near-you-component .component-content .title-and-button {
  display: flex;
  flex-direction: row;
  justify-content: var(--title-and-button-justify-content);
  align-items: end;
  margin-bottom: var(--title-and-button-margin-bottom);
}
.events-near-you-component .component-content .title-and-button h2 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--title-and-button-h2-margin-bottom);
}
.events-near-you-component .component-content .events-container {
  position: relative;
}
.events-near-you-component .component-content .events-container .grey-background {
  background: linear-gradient(to right, transparent 0%, transparent var(--grey-background-gradient), var(--events-near-you-background-color) var(--grey-background-gradient), var(--events-near-you-background-color) 100%);
  width: 200%;
  position: absolute;
  z-index: -1;
  height: 100%;
  display: block;
}
.events-near-you-component .component-content .events-container .events-items {
  padding: var(--events-items-padding);
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.my-local-institute-component {
  overflow: hidden;
}
.my-local-institute-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.my-local-institute-component .component-content .need-help {
  margin-right: 16px;
  font-weight: bold;
}
.my-local-institute-component .component-content .class-instructions {
  white-space: pre-wrap;
}

.quote-card-component {
  --card-w: 357px;
  --card-h: 456px;
  --card-border-radius: 9.85792px;
  --card-paragraph-padding: 80px 32px 15px 32px;
  --card-paragraph-max-height: 312px;
  --card-quote-icon-height: 40px;
  --card-quote-icon-width: 30px;
  --card-quote-icon-left: 33px;
  --card-quote-icon-top: 25px;
  --card-quote-icon-font-size: 80px;
  --card-quote-icon-line-height: 104px;
  --quote-info-width: 293px;
  --quote-info-height: 112px;
  --quote-info-left: 32px;
  --quote-info-top: 312px;
  --quote-info-margin: 0px 32px 32px 32px;
  --quote-info-gap: 2px;
  --quote-person-name-height: 32px;
  --quote-person-name-line-width: 9px;
  --quote-person-designations-width: 293px;
  --quote-person-designations-height: 29px;
  --quote-person-designations-padding: 0px 0px 0px 16px;
  --quote-person-designations-margin: 0px;
  --quote-person-role-width: 100%;
  --quote-person-role-height: 49px;
  --quote-person-role-padding: 1px 0px 0px 16px;
  --quote-person-role-margin: 0px;
  --quote-paragraph-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --quote-person-designations-font-feature-settings: "pnum" on, "lnum" on, "ss09" on;
  display: inline-block;
  position: relative;
  width: var(--card-w);
  height: var(--card-h);
  background-color: var(--quote-background-color);
  border-radius: var(--card-border-radius);
  padding: 0;
  overflow: hidden;
}
.left .spotlight .quote-card-component {
  --card-paragraph-padding: 136px 179px 15px 104px;
  --card-quote-icon-left: 105px;
  --quote-info-margin: 0px 177px 104px 104px;
}

.right .spotlight .quote-card-component {
  --card-paragraph-padding: 136px 129px 15px 176px;
  --card-quote-icon-left: 177px;
  --quote-info-margin: 0px 105px 80px 176px;
}

.spotlight .quote-card-component {
  --card-w: 696px;
  --card-h: 456px;
  --card-border-radius: 0px;
  --card-paragraph-max-height: 278px;
  --card-quote-icon-height: 44px;
  --card-quote-icon-width: 40px;
  --card-quote-icon-top: 80px;
  --card-quote-icon-font-size: 120px;
  --card-quote-icon-line-height: 84px;
  --quote-info-width: 415px;
  --quote-info-height: 96px;
  --quote-info-left: 177px;
  --quote-info-top: 278px;
  --quote-info-gap: 4px;
  --quote-person-name-height: 32px;
  --quote-person-name-line-width: 9px;
  --quote-person-designations-width: 398px;
  --quote-person-designations-height: 16px;
  --quote-person-designations-padding: 0px 0px 0px 17px;
  --quote-person-designations-margin: 1px 0px 0px 0px;
  --quote-person-role-width: 100%;
  --quote-person-role-height: 49px;
  --quote-person-role-padding: 1px 0px 0px 16px;
  --quote-person-role-margin: 0px;
  --quote-paragraph-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --quote-person-designations-font-feature-settings: "pnum" on, "lnum" on, "ss09" on;
}
@media (max-width: 499.98px) {
  .quote-card-component {
    --card-w: 266px;
    --card-h: 448px;
    --card-border-radius: 9.85792px;
    --card-paragraph-padding: 73px 32px 15px 32px;
    --card-paragraph-max-height: 328px;
    --card-quote-icon-width: 24px;
    --card-quote-icon-left: 32px;
    --card-quote-icon-top: 24px;
    --card-quote-icon-font-size: 70px;
    --card-quote-icon-line-height: 84px;
    --quote-info-width: 213px;
    --quote-info-height: 107px;
    --quote-info-top: 328px;
    --quote-info-margin: 1px 21px 13px 32px;
    --quote-info-gap: 0px;
    --quote-person-name-height: 24px;
    --quote-person-name-line-width: 8px;
    --quote-person-designations-width: 202px;
    --quote-person-designations-height: 24px;
    --quote-person-designations-padding: 15px 0px 0px 16px;
    --quote-person-designations-margin: 0px;
    --quote-person-role-width: 100%;
    --quote-person-role-height: 67px;
    --quote-person-role-padding: 10px 0px 0px 16px;
    --quote-person-role-margin: 0px;
    --quote-paragraph-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
    --quote-person-designations-font-feature-settings: "ss09" on;
  }
}
@media (max-width: 499.98px) {
  .spotlight .quote-card-component {
    --card-w: 327px;
    --card-h: 336px;
    --card-border-radius: 0px;
    --card-paragraph-padding: 72px 12px 0px 16px;
    --card-paragraph-max-height: 212px;
    --card-quote-icon-width: 39px;
    --card-quote-icon-left: 17px;
    --card-quote-icon-top: 18px;
    --card-quote-icon-font-size: 100px;
    --card-quote-icon-line-height: 84px;
    --quote-info-width: 311px;
    --quote-info-height: 96px;
    --quote-info-left: 17px;
    --quote-info-top: 203px;
    --quote-info-margin: 24px 0px 0px 16px;
    --quote-info-gap: 1px;
    --quote-person-name-height: 24px;
    --quote-person-name-line-width: 8px;
    --quote-person-designations-width: 311px;
    --quote-person-designations-height: 16px;
    --quote-person-designations-padding: 0px 0px 0px 16px;
    --quote-person-designations-margin: 13px 0px 0px 0px;
    --quote-person-role-width: 100%;
    --quote-person-role-height: 40px;
    --quote-person-role-padding: 0px 0px 0px 16px;
    --quote-person-role-margin: 2px 0px 0px 0px;
    --quote-paragraph-font-feature-settings: "ss06" on, "ss09" on;
    --quote-person-designations-font-feature-settings: "ss09" on;
    --quote-background-color: transparent !important;
    /* Override to match container color */
  }

  .left .spotlight .quote-card-component {
    --card-paragraph-padding: 72px 12px 0px 16px;
    --card-quote-icon-left: 17px;
    --quote-info-margin: 24px 0px 0px 16px;
  }

  .right .spotlight .quote-card-component {
    --card-paragraph-padding: 72px 12px 0px 16px;
    --card-quote-icon-left: 17px;
    --quote-info-margin: 24px 0px 0px 16px;
  }
}
.quote-card-component .quote-icon {
  position: absolute;
  height: var(--card-quote-icon-height);
  width: var(--card-quote-icon-width);
  left: var(--card-quote-icon-left);
  right: 292px;
  top: var(--card-quote-icon-top);
  font-size: var(--card-quote-icon-font-size);
  line-height: var(--card-quote-icon-line-height);
  color: var(--quote-color);
}
.quote-card-component .quote-paragraph {
  font-feature-settings: var(--quote-paragraph-font-feature-settings);
  padding: var(--card-paragraph-padding);
  max-height: var(--card-paragraph-max-height);
  color: #00113B !important;
}
.quote-card-component .quote-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: var(--quote-info-margin);
  gap: var(--quote-info-gap);
  width: var(--quote-info-width);
  height: var(--quote-info-height);
}
.quote-card-component .quote-info .quote-person-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: var(--quote-person-name-height);
  color: #002855;
  font-feature-settings: "ss09" on;
}
.quote-card-component .quote-info .quote-person-name:before {
  content: "";
  display: block;
  margin-right: 1px;
  width: var(--quote-person-name-line-width);
  height: 2px;
  background: #002855;
}
.quote-card-component .quote-info .quote-person-designations {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--quote-person-designations-padding);
  margin: var(--quote-person-designations-margin);
  width: var(--quote-person-designations-width);
  height: var(--quote-person-designations-height);
  color: #424656;
  font-feature-settings: var(--quote-person-designations-font-feature-settings);
}
.quote-card-component .quote-info .quote-person-role {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--quote-person-role-padding);
  margin: var(--quote-person-role-margin);
  width: var(--quote-person-role-width);
  height: var(--quote-person-role-height);
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #424656;
}

.program-spotlight-component {
  /* Input variables, set them in the cshtml
      --program-spotlight-background-color
      --program-spotlight-separator-color
  */
  /* Variables, those would change based on screen size */
  --program-spotlight-height: 776px;
  --program-spotlight-background-split: 36%;
  --program-spotlight-header-padding-top: 96px;
  --program-spotlight-title-margin-bottom: 40px;
  --program-spotlight-title-text-align: left;
  --program-spotlight-separator-display: none;
  --program-spotlight-card-placeholder-min-width: 454px;
  --program-spotlight-card-placeholder-min-height: 456px;
  --program-spotlight-quote-placeholder-min-height: 696px;
  --program-spotlight-quote-placeholder-min-height: 456px;
  /* These vary by left/right */
  --program-spotlight-card-left: -;
  --program-spotlight-quote-left: -;
  --program-spotlight-quote-top: -;
  --program-spotlight-placeholder-margin-left: -;
  height: var(--program-spotlight-height);
  position: relative;
  padding-top: var(--program-spotlight-header-padding-top);
  margin-top: var(--program-spotlight-margin-top);
  margin-bottom: var(--program-spotlight-margin-bottom);
  /* Everything under here respects the site width */
}
.program-spotlight-component.left {
  background: linear-gradient(to left, transparent 0%, transparent var(--program-spotlight-background-split), var(--program-spotlight-background-color) var(--program-spotlight-background-split), var(--program-spotlight-background-color) 100%);
  --program-spotlight-card-left: 176px;
  --program-spotlight-quote-left: 671px;
  --program-spotlight-placeholder-margin-left: unset;
}
.program-spotlight-component.right {
  background: linear-gradient(to right, transparent 0%, transparent var(--program-spotlight-background-split), var(--program-spotlight-background-color) var(--program-spotlight-background-split), var(--program-spotlight-background-color) 100%);
  --program-spotlight-card-left: 736px;
  --program-spotlight-quote-left: 0px;
  --program-spotlight-placeholder-margin-left: calc(var(--iic-site-margin-width) * -1);
}
@media (max-width: 499.98px) {
  .program-spotlight-component {
    --program-spotlight-header-padding-top: 48px;
    --program-spotlight-title-margin-bottom: 32px;
    --program-spotlight-title-text-align: center;
    --program-spotlight-separator-display: inherit;
    --program-spotlight-card-placeholder-min-width: 269px;
    --program-spotlight-card-placeholder-min-height: 344px;
    --program-spotlight-quote-placeholder-min-height: 327px;
    --program-spotlight-quote-placeholder-min-height: 336px;
    --program-spotlight-margin-top: 0px !important;
    --program-spotlight-margin-bottom: 0px !important;
    /* In mobile the card is always on top */
  }
  .program-spotlight-component.left, .program-spotlight-component.right {
    --program-spotlight-height: 960px;
    background-color: var(--program-spotlight-background-color);
    --program-spotlight-card-left: 53px;
    --program-spotlight-quote-left: 24px;
    --program-spotlight-quote-top: 440px;
    --program-spotlight-placeholder-margin-left: unset;
  }
}
.program-spotlight-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.program-spotlight-component .component-content .program-spotlight-title {
  margin-bottom: var(--program-spotlight-title-margin-bottom);
  text-align: var(--program-spotlight-title-text-align);
}
.program-spotlight-component .component-content .placeholders {
  width: 100%;
  margin-left: calc(var(--iic-site-margin-width) * -1);
  position: relative;
}
.program-spotlight-component .component-content .placeholders .separator {
  display: var(--program-spotlight-separator-display);
  position: absolute;
  height: 1px;
  background-color: var(--program-spotlight-separator-color);
  left: 24px;
  width: 327px;
  top: 407px;
}
.program-spotlight-component .component-content .placeholders .card-placeholder {
  position: absolute;
  left: var(--program-spotlight-card-left);
  min-width: var(--program-spotlight-card-placeholder-min-width);
  min-height: var(--program-spotlight-card-placeholder-min-height);
}
.program-spotlight-component .component-content .placeholders .quote-placeholder {
  position: absolute;
  left: var(--program-spotlight-quote-left);
  top: var(--program-spotlight-quote-top);
  min-width: var(--program-spotlight-quote-placeholder-min-height);
  min-height: var(--program-spotlight-quote-placeholder-min-height);
}

.illustration-card-component {
  --illustration-card-width: 288px;
  --illustration-card-height: 224px;
  --illustration-card-display: inline-block;
  --illustration-icon-width: 117px;
  --illustration-icon-height: 117px;
  --illustration-content-width: 250px;
  --illustration-content-height: 128px;
  --illustration-content-margin: 16px 0px 0px 0px;
  --illustration-content-padding: 0px 0px 0px 0px;
  --illustration-title-font-feature-settings: "tnum" on, "lnum" on, "ss09" on, "ss06" on;
  display: var(--illustration-card-display);
  align-items: center;
  position: relative;
  width: var(--illustration-card-width);
  height: var(--illustration-card-height);
  padding: 0;
  overflow: hidden;
}
.side-by-side .illustration-card-component {
  --illustration-card-width: 234px;
  --illustration-card-height: 264px;
  --illustration-card-display: inline-block;
  --illustration-content-width: 234px;
  --illustration-content-height: 144px;
  --illustration-content-margin: 14px 0px 0px 0px;
  --illustration-content-padding: 0px 0px 0px 0px;
  --illustration-title-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
}
@media (max-width: 499.98px) {
  .illustration-card-component {
    --illustration-card-width: 336px;
    --illustration-card-height: 108px;
    --illustration-card-display: flex;
    --illustration-icon-width: 96px;
    --illustration-icon-height: 68px;
    --illustration-content-width: 240px;
    --illustration-content-height: 108px;
    --illustration-content-margin: 0px;
    --illustration-content-padding: 0px 0px 0px 16px;
    --illustration-title-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  }
}
@media (max-width: 499.98px) {
  .side-by-side .illustration-card-component {
    --illustration-card-width: 327px;
    --illustration-card-height: 112px;
    --illustration-card-display: flex;
    --illustration-content-width: 240px;
    --illustration-content-height: 112px;
    --illustration-content-margin: 0px;
    --illustration-content-padding: 0px 0px 0px 16px;
    --illustration-title-font-feature-settings: "ss06" on, "ss09" on;
  }
}
.illustration-card-component .illustration-icon {
  width: var(--illustration-icon-width);
  height: var(--illustration-icon-height);
  object-fit: contain;
}
.illustration-card-component .illustration-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: var(--illustration-content-margin);
  padding: var(--illustration-content-padding);
  width: var(--illustration-content-width);
  height: var(--illustration-content-height);
}
.illustration-card-component .illustration-content .illustration-title {
  font-feature-settings: var(--illustration-title-font-feature-settings);
  color: #00113B;
}
.illustration-card-component .illustration-content .illustration-paragraph {
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #424656;
}

.primary-marketing-tile-component {
  /* Input variables, set them in the cshtml
      --btn-margin-left
  */
  --tile-w: 288px;
  --tile-h: 320px;
  --tile-button-bottom: 19px;
  --tile-button-left: var( --btn-margin-left);
  display: inline-block;
  width: var(--tile-w);
  height: fit-content;
  min-height: var(--tile-h);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: 8px;
  margin: 16px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 499.98px) {
  .primary-marketing-tile-component {
    --tile-w: 288px;
    --tile-h: 312px;
    --tile-button-bottom: 22px;
    --tile-button-left: var( --btn-margin-left);
  }
}
.primary-marketing-tile-component .pmt-btn-tertiary {
  margin-top: var(--tile-button-bottom);
  margin-left: var(--tile-button-left);
  margin-bottom: var(--tile-button-bottom);
}
.primary-marketing-tile-component .pmt-icon {
  width: 72px;
  height: 72px;
  margin-left: 24px;
  margin-top: 48px;
}
.primary-marketing-tile-component .pmt-text-content {
  margin-top: 16px;
  margin-left: 24px;
  width: 255px;
}
.primary-marketing-tile-component .pmt-text-content .pmt-title {
  color: var(--color-Neutrals-Heading-Copy);
}
.primary-marketing-tile-component .pmt-text-content .pmt-paragraph {
  color: var(--color-Neutrals-Body-Copy);
}
.primary-marketing-tile-component .pmt-text-content .pmt-bullet-points {
  padding-right: 13px;
  padding-left: 16px;
}
.primary-marketing-tile-component .pmt-text-content .pmt-bullet-points li {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #424656;
  display: block;
  position: relative;
  padding-left: 6px;
}
.primary-marketing-tile-component .pmt-text-content .pmt-bullet-points li::before {
  content: "";
  background-image: var(--bullet-point-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  width: 14px;
  height: 100%;
  position: absolute;
  left: -16px;
}
.primary-marketing-tile-component .pmt-text-content .pmt-bullet-points li:not(:last-child) {
  margin-bottom: 8px;
}
.primary-marketing-tile-component .horizontal-bar {
  width: 238px;
  height: 6px;
  margin-left: 24px;
  margin-top: 0px;
  background-color: var(--top-bar-colour);
}

.secondary-marketing-tile-component {
  --smt-width: 288px;
  --smt-left: 16px;
  --smt-top: 11px;
  --smt-border-radius: 8px;
  width: var(--smt-width);
  /*height: var(--smt-height);*/
  left: var(--smt-left);
  top: var(--smt-top);
  background: var(--color-Secondary-Frost-Blue);
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: var(--smt-border-radius);
  padding-top: 40px;
  position: relative;
}
.secondary-marketing-tile-component .secondary-marketing-tile-title {
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: var(--color-Secondary-Slate);
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 0px;
}
.secondary-marketing-tile-component .secondary-marketing-tile-link {
  margin-left: 40px;
  margin-top: 8px;
}
.secondary-marketing-tile-component .secondary-marketing-tile-link .btn-iic-tertiary:focus {
  box-shadow: 0px 3px 8px rgba(0, 69, 149, 0.3490196078) !important;
  margin-left: -6px;
  padding-left: 6px !important;
}
.secondary-marketing-tile-component .secondary-marketing-tile-image-container {
  height: 72px;
  position: relative;
}
.secondary-marketing-tile-component .secondary-marketing-tile-image-container img {
  width: 72px;
  right: 32px;
  bottom: 16px;
  position: absolute;
}
.secondary-marketing-tile-component .secondary-marketing-tile-paragraph {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 16px;
  margin-bottom: 0px;
  color: var(--color-Neutrals-Body-Copy);
}

.three-item-details-component {
  --three-item-details-height: 456px;
  --three-item-details-placeholders-padding: 0px 103px 0px 146px;
  --three-item-details-placeholders-margin: 0px;
  --three-item-details-placeholders-position: initial;
  --three-item-details-placeholders-gap: 54.5px;
  --three-item-details-component-content-display: block;
  --three-item-details-component-content-position: relative;
  --three-item-details-placeholders-width: 100%;
  --three-item-details-placeholder-min-width: 288px;
  --three-item-details-placeholder-min-height: 224px;
  --three-item-details-placeholders-flex-direction: row;
  --three-item-details-title-max-height: 32px;
  --three-item-details-title-width: 494px;
  --three-item-details-title-position: initial;
  --three-item-details-title-padding: 0px 0px 0px 103px;
  --three-item-details-title-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --three-item-details-title-color: iic-color("Neutrals-Heading-Copy");
  --three-item-details-title-margin: 0px 0px 32px 0px;
  --three-item-details-component-padding-top: 80px;
  --three-item-details-component-padding-bottom: 57px;
  --three-item-details-title-orientation: row;
  display: flex;
  flex-direction: column;
  background-color: var(--three-item-details-background-color);
  padding-top: var(--three-item-details-component-padding-top);
  padding-bottom: var(--three-item-details-component-padding-bottom);
}
.three-item-details-component.side-by-side {
  --three-item-details-height: 400px;
  --three-item-details-component-content-display: flex;
  --three-item-details-placeholders-gap: 48px;
  --three-item-details-placeholders-width: 908px;
  --three-item-details-placeholders-position: absolute;
  --three-item-details-placeholder-min-width: 234px;
  --three-item-details-placeholder-min-height: 264px;
  --three-item-details-placeholders-padding: 0px 0px 0px 0px;
  --three-item-details-title-max-height: 96px;
  --three-item-details-title-width: 390px;
  --three-item-details-title-position: absolute;
  --three-item-details-title-padding: 0px 48px 0px 56px;
  --three-item-details-title-font-feature-settings: "pnum" on, "lnum" on;
  --three-item-details-title-color: iic-color("Primary-IIC-Blue");
  --three-item-details-title-margin: 0px;
  --three-item-details-component-padding-bottom: 56px;
}
@media (max-width: 499.98px) {
  .three-item-details-component {
    --three-item-details-height: auto;
    --three-item-details-placeholders-padding: 0px;
    --three-item-details-placeholders-margin: 24px 0px 0px 0px;
    --three-item-details-placeholders-gap: 60px;
    --three-item-details-placeholders-flex-direction: column;
    --three-item-details-title-margin: 0px;
    --three-item-details-component-padding-top: 65px;
    --three-item-details-component-padding-bottom: 75px;
    --three-item-details-title-width: 100%;
    --three-item-details-title-padding: 0px;
    --three-item-details-title-font-feature-settings: "ss06" on, "ss09" on;
    --three-item-details-placeholder-min-width: 336px;
    --three-item-details-placeholder-min-height: 108px;
    --three-item-details-margin-top: 0px !important;
    --three-item-details-margin-bottom: 0px !important;
    --three-item-details-title-orientation: column;
  }
  .three-item-details-component.side-by-side {
    --three-item-details-height: auto;
    --three-item-details-placeholders-padding: 0px;
    --three-item-details-placeholders-margin: 40px 0px 0px 0px;
    --three-item-details-placeholders-position: initial;
    --three-item-details-placeholders-flex-direction: column;
    --three-item-details-title-margin: 0px;
    --three-item-details-placeholders-gap: 32px;
    --three-item-details-placeholders-width: 100%;
    --three-item-details-placeholder-min-width: 327px;
    --three-item-details-placeholder-min-height: 112px;
    --three-item-details-component-content-display: block;
    --three-item-details-title-margin: 0px;
    --three-item-details-title-width: 100%;
    --three-item-details-title-position: initial;
    --three-item-details-title-padding: 0px;
    --three-item-details-title-max-height: 72px;
    --three-item-details-title-font-feature-settings: "pnum" on, "lnum" on;
    --three-item-details-component-padding-top: 64px;
    --three-item-details-component-padding-bottom: 64px;
  }
}
.three-item-details-component .title-orientation {
  flex-direction: var(--three-item-details-title-orientation) !important;
}
.three-item-details-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.three-item-details-component .component-content .three-item-details-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-feature-settings: var(--three-item-details-title-font-feature-settings);
  margin: var(--three-item-details-title-margin);
  color: var(--three-item-details-title-color);
  width: var(--three-item-details-title-width);
  padding: var(--three-item-details-title-padding);
}
.three-item-details-component .component-content .placeholders {
  width: var(--three-item-details-placeholders-width);
  display: flex;
  flex-direction: var(--three-item-details-placeholders-flex-direction);
  align-items: flex-start;
  padding: var(--three-item-details-placeholders-padding);
  margin: var(--three-item-details-placeholders-margin);
  gap: var(--three-item-details-placeholders-gap);
  flex-wrap: wrap;
}
.three-item-details-component .component-content .placeholders .illustration-placeholder {
  min-width: var(--three-item-details-placeholder-min-width);
}
.three-item-details-component .component-content .placeholders .illustration-placeholder .illustration-card-component {
  height: unset;
}
.three-item-details-component .component-content .placeholders .illustration-placeholder .illustration-card-component .illustration-content {
  height: unset;
}

.image-callout-component {
  /* Input variables, set them in the cshtml
      --diamond-color
      --specific-background
  */
  --program-h: 624px;
  --color-diamond-w: 725px;
  --color-diamond-left: -186px;
  --color-diamond-top: -256px;
  --desktop-display: block;
  --mobile-display: none;
  --txt-content-margin-left: calc(176px - var(--iic-site-margin-width));
  --txt-content-margin-top: 216px;
  --image-width: 703px;
  --image-height: 360px;
  --image-margin: 128px 0px 0px 88px;
  --image-mobile-side-display: none;
  --image-desktop-side-display: block;
  --header-font-size: 25px;
  --txt-content-width: 391px;
  --content-flex-direction: row;
  --content-background: linear-gradient(to right, var(--specific-background) 0%, var(--specific-background) 64%,transparent 64%,transparent 100%);
  background: var(--content-background);
  overflow: hidden;
  margin-top: var(--image-callout-margin-top);
  margin-bottom: var(--image-callout-component-margin-bottom);
}
@media (max-width: 499.98px) {
  .image-callout-component {
    --program-h: 560px;
    --color-diamond-w: 344px;
    --color-diamond-left: -80px;
    --color-diamond-top: -102px;
    --desktop-display: none;
    --mobile-display: block;
    --txt-content-margin-left: 0px;
    --txt-content-margin-right: 24px;
    --txt-content-margin-top: 136px;
    --image-width: 320px;
    --image-height: 184px;
    --image-margin: 0px 0px 32px 0px;
    --image-mobile-side-display: block;
    --image-desktop-side-display: none;
    --header-font-size: 22px;
    --txt-content-width: 320px;
    --content-flex-direction: column;
    --content-background: var(--specific-background);
    --image-callout-margin-top: 0px !important;
    --image-callout-component-margin-bottom: 0px !important;
  }
}
.image-callout-component .component-content {
  display: flex;
  flex-direction: var(--content-flex-direction);
  position: relative;
  width: var(--iic-site-width);
  min-height: var(--program-h);
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  letter-spacing: -0.01em;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.image-callout-component .component-content .txt-content {
  margin-left: var(--txt-content-margin-left);
  margin-top: var(--txt-content-margin-top);
  width: var(--txt-content-width);
}
.image-callout-component .component-content .txt-content h4 {
  font-size: var(--header-font-size);
  line-height: 32px;
  margin-bottom: 16px;
  color: #002855;
}
.image-callout-component .component-content .txt-content .paraghraph-container {
  font-size: 16px;
  line-height: 24px;
  color: #424656;
  margin-bottom: 8px;
}
.image-callout-component .component-content .txt-content .paraghraph-container .desktop-paragraph {
  display: var(--desktop-display);
}
.image-callout-component .component-content .txt-content .paraghraph-container .mobile-paragraph {
  display: var(--mobile-display);
}
.image-callout-component .component-content .txt-content button {
  margin-bottom: 60px;
}
.image-callout-component .component-content .image-content {
  margin: var(--image-margin);
}
.image-callout-component .component-content .image-content.mobile-side {
  display: var(--image-mobile-side-display);
}
.image-callout-component .component-content .image-content.desktop-side {
  display: var(--image-desktop-side-display);
}
.image-callout-component .component-content .image-content .program-image {
  width: var(--image-width);
  height: var(--image-height);
  object-fit: cover;
}
.image-callout-component .component-content .color-diamond {
  position: absolute;
  fill: var(--diamond-color);
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  left: var(--color-diamond-left);
  top: var(--color-diamond-top);
}

.ThreeItemAddition-component {
  /* Input variables, set them in the cshtml
      --background-color
      --sub-item-background-color
      --diamond-top-color
      --diamond-bottom-color
  */
  --Three-itemh: 433px;
  --content-flex-direction: row;
  --sub-items-flex-direction: row;
  --sub-item-height: 192px;
  --items-content-bg: none;
  --items-content-margin-bottom: 0;
  --items-content-left: 0;
  --items-width: 807px;
  --h4-margin-top: 24px;
  --sub-item-margin-top: 24px;
  --diamond-display: none;
  --diamond-one-w: 241px;
  --diamond-one-left: -53px;
  --diamond-one-top: -81px;
  --diamond-two-w: 186px;
  --diamond-two-right: -77px;
  --diamond-two-bottom: -48px;
  --sub-paragraph-display: block;
  --plus-yellow-icon-display: block;
  --button-display: block;
  --txt-content-margin-top: 0;
  --txt-content-margin-right: 127px;
  --h4-margin-bottom: 16px;
  --txt-content-width: 288px;
  --content-flex-direction: row;
  --content-margin-top: 64px;
  background: var(--background-color);
  overflow: hidden;
  min-height: var(--Three-itemh);
  margin-top: var(--three-item-addition-margin-top);
  margin-bottom: var(--three-item-addition-margin-bottom);
}
@media (max-width: 499.98px) {
  .ThreeItemAddition-component {
    --Three-itemh: auto;
    --content-flex-direction: column;
    --sub-items-flex-direction: column;
    --items-content-bg: var(--sub-item-background-color);
    --items-content-margin-bottom: 56px;
    --items-content-left: -24px;
    --items-width: 375px;
    --sub-item-height: none;
    --h4-margin-top: 80px;
    --h4-margin-sides: 24px;
    --sub-item-margin-top: 24px;
    --diamond-display: block;
    --sub-paragraph-display: none;
    --plus-yellow-icon-display: none;
    --button-display: none;
    --txt-content-margin-top: 40px;
    --txt-content-margin-right: 24px;
    --txt-content-width: 320px;
    --content-flex-direction: column;
    --content-margin-top: 0;
    --three-item-addition-margin-top: 0px !important;
    --three-item-addition-margin-bottom: opx !important;
  }
}
.ThreeItemAddition-component .component-content {
  display: flex;
  position: relative;
  flex-direction: var(--content-flex-direction);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.ThreeItemAddition-component .component-content .txt-content {
  margin-right: var(--txt-content-margin-right);
  margin-top: var(--txt-content-margin-top);
  max-width: var(--txt-content-width);
}
.ThreeItemAddition-component .component-content .txt-content h3 {
  margin-bottom: var(--h4-margin-bottom);
  color: #002855;
}
.ThreeItemAddition-component .component-content .txt-content .paraghraph-container {
  margin-bottom: 8px;
}
.ThreeItemAddition-component .component-content .txt-content .paraghraph-container .paragraph {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #727687;
  display: block;
  margin-bottom: 24px;
}
.ThreeItemAddition-component .component-content .txt-content .paraghraph-container .sub-paragraph {
  display: var(--sub-paragraph-display);
  color: #424656;
}
.ThreeItemAddition-component .component-content .txt-content button {
  display: var(--button-display);
}
.ThreeItemAddition-component .component-content .items-content {
  background-color: var(--items-content-bg);
  width: var(--items-width);
  position: relative;
  overflow: hidden;
  padding-bottom: var(--items-content-margin-bottom);
  margin-left: var(--items-content-left);
}
.ThreeItemAddition-component .component-content .items-content .diamond-one {
  display: var(--diamond-display);
  position: absolute;
  fill: var(--diamond-top-color);
  width: var(--diamond-one-w);
  height: calc(var(--diamond-aspect-ratio) * var(--diamond-one-w));
  left: var(--diamond-one-left);
  top: var(--diamond-one-top);
}
.ThreeItemAddition-component .component-content .items-content .diamond-two {
  display: var(--diamond-display);
  position: absolute;
  fill: var(--diamond-bottom-color);
  width: var(--diamond-two-w);
  height: calc(var(--diamond-aspect-ratio) * var(--diamond-two-w));
  right: var(--diamond-two-right);
  bottom: var(--diamond-two-bottom);
}
.ThreeItemAddition-component .component-content .items-content h4 {
  text-align: center;
  margin-top: var(--h4-margin-top);
  margin-right: var(--h4-margin-sides);
  margin-left: var(--h4-margin-sides);
}
.ThreeItemAddition-component .component-content .items-content .sub-items {
  display: flex;
  flex-direction: var(--sub-items-flex-direction);
  justify-content: center;
  align-items: center;
}
.ThreeItemAddition-component .component-content .items-content .sub-items .plus-yellow-icon {
  margin: 0 40px;
  display: var(--plus-yellow-icon-display);
}
.ThreeItemAddition-component .component-content .items-content .sub-items .sub-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--sub-item-background-color);
  width: 183px;
  height: var(--sub-item-height);
  margin-top: var(--sub-item-margin-top);
}
.ThreeItemAddition-component .component-content .items-content .sub-items .sub-item .h0 {
  margin-bottom: 16px;
  color: #002855;
}
.ThreeItemAddition-component .component-content .items-content .sub-items .sub-item .sub-item-p {
  font-size: 15px;
  font-weight: 600;
  color: #424656;
  text-align: center;
}

.paragraph-with-sidebar-component {
  /* Input variables, set them in the cshtml
     --paragraph-with-sidebar-background-color
  */
  /* These vary by left/right */
  --paragraph-with-sidebar-p-left: -;
  --paragraph-with-sidebar-s-left: -;
  --paragraph-width: 495px;
  --sidebar-display: var(--sidebar-display-desktop);
  --component-flex-direction: row;
  --sidebar-margin-top: 0px;
  --sidebar-margin-bottom: 0px;
  --sidebar-width: 391px;
  background-color: var(--paragraph-with-sidebar-background-color);
  margin-top: var(--paragraph-with-sidebar-margin-top);
  margin-bottom: var(--paragraph-with-sidebar-margin-bottom);
  /* Everything under here respects the site width */
}
.paragraph-with-sidebar-component.right {
  --paragraph-with-sidebar-p-left: 104px;
  --paragraph-with-sidebar-s-left: 128px;
  --p-order: 1;
  --s-order: 2;
}
.paragraph-with-sidebar-component.left {
  --paragraph-with-sidebar-p-left: 128px;
  --paragraph-with-sidebar-s-left: 104px;
  --p-order: 2;
  --s-order: 1;
}
@media (max-width: 499.98px) {
  .paragraph-with-sidebar-component {
    --sidebar-display: var(--sidebar-display-mobile);
    --paragraph-with-sidebar-margin-top: 0px !important;
    --paragraph-with-sidebar-margin-bottom: 0px !important;
    --component-flex-direction: column;
    --sidebar-width: 327px;
  }
  .paragraph-with-sidebar-component.left, .paragraph-with-sidebar-component.right {
    --paragraph-with-sidebar-p-left: 0;
    --paragraph-with-sidebar-s-left: 0;
  }
  .paragraph-with-sidebar-component.right {
    --sidebar-margin-top: 24px;
  }
  .paragraph-with-sidebar-component.left {
    --sidebar-margin-bottom: 24px;
  }
}
.paragraph-with-sidebar-component .component-content {
  display: flex;
  flex-direction: var(--component-flex-direction);
  align-items: center;
  width: var(--iic-site-width);
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.paragraph-with-sidebar-component .component-content .program-spotlight-title {
  margin-bottom: var(--paragraph-with-sidebar-title-margin-bottom);
  text-align: var(--paragraph-with-sidebar-title-text-align);
}
.paragraph-with-sidebar-component .component-content .paragraph {
  order: var(--p-order);
  margin-left: var(--paragraph-with-sidebar-p-left);
  max-width: var(--paragraph-width);
  color: #424656;
}
.paragraph-with-sidebar-component .component-content .paragraph h4 {
  margin-bottom: 24px;
  color: #00113B !important;
  font-weight: 400;
}
.paragraph-with-sidebar-component .component-content .paragraph h6 {
  margin-bottom: 16px;
}
.paragraph-with-sidebar-component .component-content .sidebar {
  display: var(--sidebar-display) !important;
  justify-content: center;
  order: var(--s-order);
  margin-left: var(--paragraph-with-sidebar-s-left);
  margin-top: var(--sidebar-margin-top);
  margin-bottom: var(--sidebar-margin-bottom);
  width: var(--sidebar-width);
}

.bullet-list-control-component {
  --blc-container-direction: row;
  --bullet-list-control-paragraph-display: block;
  --blc-container-margin-top: 32px;
  --bullet-list-background-color: none;
  --component-content-background-color: var(--control-background-colour);
  --component-content-border-radius: 8px;
  --bullet-list-text-content-pading: 64px 103px 72px 104px;
  width: 100%;
  position: relative;
  margin-top: var(--bullet-list-control-margin-top);
  margin-bottom: var(--bullet-list-control-margin-bottom);
  background-color: var(--bullet-list-background-color);
}
@media (max-width: 499.98px) {
  .bullet-list-control-component {
    --blc-container-direction: column;
    --bullet-list-control-paragraph-display: none;
    --blc-container-margin-top: 16px;
    --bullet-list-control-margin-top: 0px !important;
    --bullet-list-control-margin-bottom: 0px !important;
    --bullet-list-background-color: var(--control-background-colour);
    --component-content-background-color: none;
    --component-content-border-radius: 0px;
    --bullet-list-text-content-pading: 56px 0px;
  }
}
.bullet-list-control-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.bullet-list-control-component .component-content .bullet-list-text-content {
  background-color: var(--component-content-background-color);
  border-radius: var(--component-content-border-radius);
  padding: var(--bullet-list-text-content-pading);
}
.bullet-list-control-component .component-content .bullet-list-text-content .blc-title {
  color: var(--color-Primary-IIC-Blue);
}
.bullet-list-control-component .component-content .bullet-list-text-content .blc-paragraph {
  width: 811px;
  margin-top: 16px;
  margin-bottom: 0;
  color: var(--color-Neutrals-Body-Copy);
  display: var(--bullet-list-control-paragraph-display);
}
.bullet-list-control-component .component-content .bullet-list-text-content .blc-container {
  display: flex;
  flex-direction: var(--blc-container-direction);
  margin-top: var(--blc-container-margin-top);
  color: var(--color-Neutrals-Body-Copy);
}
.bullet-list-control-component .component-content .bullet-list-text-content .blc-container ul {
  line-height: 2;
  flex: 1;
  margin-bottom: 0;
}

.scrolling-quotes-component {
  --scrolling-quotes-image-width: 599px;
  --scrolling-quotes-image-height: 392px;
  --scrolling-quotes-paragraph-display: block;
  --scrolling-quotes-header-width: var(--iic-site-width);
  --scrolling-quotes-header-padding-left: var(--iic-site-margin-width);
  --scrolling-quotes-title-height: 40px;
  --scrolling-quotes-title-width: 622px;
  --scrolling-quotes-title-padding: 8px 0px 0px 0px;
  --scrolling-quotes-title-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --scrolling-quotes-placeholders-gap: 40px;
  --scrolling-quotes-placeholders-padding: 0px 0px 24px 0px;
  --scrolling-quotes-placeholders-quote-placeholder-height: 456px;
  --scrolling-component-content-background-size: 566px auto;
  --scrolling-component-content-background-direction: to top;
  --scrolling-quotes-footer-padding-left: var(--iic-site-margin-width);
  --scrolling-quotes-footer-padding-right: var(--iic-site-margin-width);
  --scrolling-quotes-scrolling-placeholders-display: none;
  --scrolling-quotes-placeholders-display: flex;
  --scrolling-quotes-placeholders-min-height: 456px;
  --scrolling-quotes-placeholders-min-width: 357px;
  position: relative;
  padding: 0;
  overflow: hidden;
  margin-top: var(--scrolling-quotes-margin-top);
  margin-bottom: var(--scrolling-quotes-margin-bottom);
}
@media (max-width: 499.98px) {
  .scrolling-quotes-component {
    --scrolling-quotes-image-width: 375px;
    --scrolling-quotes-image-height: 248x;
    --scrolling-quotes-paragraph-display: none;
    --scrolling-quotes-header-padding-left: 0px;
    --scrolling-quotes-header-padding-right: 0px;
    --scrolling-quotes-title-height: 32px;
    --scrolling-quotes-title-width: auto;
    --scrolling-quotes-title-padding: 0px;
    --scrolling-quotes-title-font-feature-settings: "ss06" on, "ss09" on;
    --scrolling-quotes-placeholders-gap: 32px;
    --scrolling-quotes-placeholders-padding: 0px 0px 104px 0px;
    --scrolling-quotes-placeholders-quote-placeholder-height: auto;
    --scrolling-component-content-background-size: 263px 848px;
    --scrolling-component-content-background-direction: to right;
    --scrolling-quotes-footer-padding-left: 0px;
    --scrolling-quotes-footer-padding-right: 0px;
    --scrolling-quotes-scrolling-placeholders-display: block;
    --scrolling-quotes-placeholders-display: none;
    --scrolling-quotes-placeholders-min-height: 448px;
    --scrolling-quotes-placeholders-min-width: 266px;
    --scrolling-quotes-margin-top: 0px !important;
    --scrolling-quotes-margin-bottom: 0px !important;
  }
}
.scrolling-quotes-component .component-content {
  margin: 0px auto 0px auto;
  width: var(--iic-site-width);
  background: linear-gradient(var(--scrolling-component-content-background-direction), var(--scrolling-quotes-background-color) 974px, transparent 0);
  background-repeat: no-repeat;
  background-size: var(--scrolling-component-content-background-size);
  padding-bottom: 72px;
}
.scrolling-quotes-component .component-content .scrolling-quotes-header {
  display: flex;
  width: var(--iic-site-width);
  margin: 0px auto 0px auto;
  padding-left: var(--scrolling-quotes-header-padding-left);
  padding-right: var(--scrolling-quotes-header-padding-right);
}
.scrolling-quotes-component .component-content .scrolling-quotes-header .scrolling-quotes-image {
  width: var(--scrolling-quotes-image-width);
  height: var(--scrolling-quotes-image-height);
  object-fit: cover;
}
.scrolling-quotes-component .component-content .scrolling-quotes-header .scrolling-quotes-paragraph {
  font-feature-settings: "pnum" on, "lnum" on;
  color: #002855;
  margin: 48px 0px 0px 128px;
  padding-left: 40px;
  width: 494px;
  height: 224px;
  display: var(--scrolling-quotes-paragraph-display);
}
.scrolling-quotes-component .component-content .scrolling-quotes-header .scrolling-quotes-paragraph:before {
  content: "";
  position: relative;
  top: 26px;
  right: 191px;
  display: block;
  width: 172px;
  height: 1px;
  background: #C99700;
}
.scrolling-quotes-component .component-content .scrolling-quotes-title {
  font-feature-settings: var(--scrolling-quotes-title-font-feature-settings);
  height: var(--scrolling-quotes-title-height);
  padding: var(--scrolling-quotes-title-padding);
  width: var(--iic-site-width);
  margin: 48px auto 16px auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer {
  width: var(--iic-site-width);
  margin: 0px auto 0px auto;
  padding-left: var(--scrolling-quotes-footer-padding-left);
  padding-right: var(--scrolling-quotes-footer-padding-right);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders {
  display: var(--scrolling-quotes-placeholders-display);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders {
  display: var(--scrolling-quotes-scrolling-placeholders-display);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders {
  flex-direction: row;
  gap: var(--scrolling-quotes-placeholders-gap);
  padding: var(--scrolling-quotes-placeholders-padding);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .quote-placeholder, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .quote-placeholder {
  min-height: var(--scrolling-quotes-placeholders-min-height);
  min-width: var(--scrolling-quotes-placeholders-min-width);
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-list, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-list {
  padding: 0px 23px 0px 55px !important;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-prev, .scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-next, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-prev, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-next {
  top: 210px;
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-prev:before, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-prev:before {
  content: none;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-next:before, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-next:before {
  content: none;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-next.slick-disabled, .scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-prev.slick-disabled, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-next.slick-disabled, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-prev.slick-disabled {
  opacity: 0.35;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-next, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
  right: 17px;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-prev, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
  left: 15px;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-dots, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 18px;
  list-style-type: none;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-dots li, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-dots li.slick-active, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-dots li.slick-active button:before, .scrolling-quotes-component .component-content .scrolling-quotes-footer .placeholders .slick-dots li button:before, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-dots li.slick-active button:before, .scrolling-quotes-component .component-content .scrolling-quotes-footer .scrolling-placeholders .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}

.headliner-component {
  /* Input variables, set them in the cshtml
      --headliner-background-color
      --headliner-diamond-shape-colour
  */
  --headliner-height: 512px;
  --headliner-text-content-margin: 56px 0px 108px 0px;
  --headliner-title-width: 598px;
  --headliner-title-height: 136px;
  --headliner-title-margin: 0px 0px 24px 0px;
  --headliner-paraghraph-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --headliner-paraghraph-width: 599px;
  --headliner-paraghraph-height: 96px;
  --headliner-paraghraph-margin: 0px 0px 48px 0px;
  --headliner-btn-iic-primary-width: auto;
  --headliner-diamond-left: 695px;
  --headliner-diamond-bottom: -191px;
  --headliner-diamond-width: 1099.28px;
  --headliner-diamond-height: 657.52px;
  --headliner-image-display: block;
  background: var(--headliner-background-color);
  overflow: hidden;
  margin-top: var(--headliner-margin-top);
  margin-bottom: var(--headliner-margin-bottom);
}
@media (max-width: 499.98px) {
  .headliner-component {
    --headliner-height: 416px;
    --headliner-text-content-margin: 24px 0px 76px 0px;
    --headliner-title-width: 327px;
    --headliner-title-height: 104px;
    --headliner-title-margin: 0px 0px 16px 0px;
    --headliner-paraghraph-font-feature-settings: "ss06" on, "ss09" on;
    --headliner-paraghraph-width: 327px;
    --headliner-paraghraph-height: 112px;
    --headliner-paraghraph-margin: 0px 0px 40px 0px;
    --headliner-btn-iic-primary-width: 327px;
    --headliner-diamond-left: 75px;
    --headliner-diamond-bottom: -126px;
    --headliner-diamond-width: 468.18px;
    --headliner-diamond-height: 277.35px;
    --headliner-image-display: none;
    --headliner-margin-top: 0px !important;
    --headliner-margin-bottom: 0px !important;
  }
}
.headliner-component .component-content {
  position: relative;
  display: flex;
  flex-direction: row;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.headliner-component .component-content .headliner-text-content {
  z-index: 2;
  margin: var(--headliner-text-content-margin);
}
.headliner-component .component-content .headliner-text-content .headliner-title {
  color: #002855;
  font-feature-settings: "pnum" on, "lnum" on;
  width: var(--headliner-title-width);
  margin: var(--headliner-title-margin);
}
.headliner-component .component-content .headliner-text-content .headliner-paraghraph {
  letter-spacing: -0.01em;
  font-feature-settings: var(--headliner-paraghraph-font-feature-settings);
  color: #424656;
  font-weight: 400;
  width: var(--headliner-paraghraph-width);
  margin: var(--headliner-paraghraph-margin);
}
.headliner-component .component-content .headliner-text-content .btn-iic-primary {
  width: var(--headliner-btn-iic-primary-width);
}
.headliner-component .component-content .headliner-images-content {
  z-index: 1;
}
.headliner-component .component-content .headliner-images-content .headliner-diamond {
  position: absolute;
  left: var(--headliner-diamond-left);
  bottom: var(--headliner-diamond-bottom);
  width: var(--headliner-diamond-width);
  height: var(--headliner-diamond-height);
  fill: var(--headliner-diamond-shape-colour);
}
.headliner-component .component-content .headliner-images-content .headliner-image {
  display: var(--headliner-image-display);
  position: absolute;
  right: 72px;
  bottom: -55px;
}

.link-card-component {
  --link-card-width: 353px;
  --link-card-height: 188px;
  --link-card-btn-iic-secondary-margin: 0px;
  --link-card-title-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  --link-card-subtitle-font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: var(--link-card-width);
  overflow: visible;
}
@media (max-width: 499.98px) {
  .link-card-component {
    --link-card-width: 327px;
    --link-card-height: 192px;
    --link-card-btn-iic-secondary-margin: 0px 0px 4px 0px;
    --link-card-title-font-feature-settings: "ss06" on, "ss09" on;
    --link-card-subtitle-font-feature-settings: "ss06" on, "ss09" on;
  }
}
.link-card-component .link-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0px 0px 32px 0px;
}
.link-card-component .link-card-header .link-card-icon {
  width: 20px;
  height: 20px;
}
.link-card-component .link-card-header .link-card-title {
  color: #00113B;
  font-feature-settings: var(--link-card-title-font-feature-settings);
  margin: 0px;
}
.link-card-component .link-card-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 8px;
  margin: 0px 0px 32px 0px;
}
.link-card-component .link-card-text-content .link-card-subtitle {
  color: #00113B;
  font-feature-settings: var(--link-card-subtitle-font-feature-settings);
  margin: 0px;
}
.link-card-component .link-card-text-content .link-card-paragraph {
  display: flex;
  justify-content: center;
  color: #424656;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  margin: 0px;
}
.link-card-component .btn-iic-secondary {
  width: 325px;
  margin: var(--link-card-btn-iic-secondary-margin);
}

.two-item-component {
  --two-item-height: 288px;
  --two-item-title-height: 48px;
  --two-item-title-margin-bottom: 16px;
  --two-item-placeholder-width: 353px;
  --two-item-placeholder-height: 188px;
  --two-item-placeholder-flex-direction: row;
  --two-item-placeholders-width: 1013px;
  --two-item-placeholder-height: 208px;
  --two-item-placeholder-gap: 120px;
  --two-item-placeholder-margin-bottom: 16px;
  --two-item-divider-width: 200px;
  --two-item-divider-top: 185px;
  --two-item-divider-transform: rotate(90deg);
  overflow: hidden;
  margin-top: var(--two-item-margin-top);
  margin-bottom: var(--two-item-margin-bottom);
}
@media (max-width: 499.98px) {
  .two-item-component {
    --two-item-height: 576px;
    --two-item-title-height: 32px;
    --two-item-title-margin-bottom: 40px;
    --two-item-placeholder-width: 327px;
    --two-item--placeholder-height: 192px;
    --two-item-placeholder-flex-direction: column;
    --two-item-placeholder-width: auto;
    --two-item-placeholder-height: auto;
    --two-item-placeholder-gap: 96px;
    --two-item-placeholder-margin-bottom: 24px;
    --two-item-divider-width: 327px;
    --two-item-divider-top: 312px;
    --two-item-divider-transform: rotate(0deg);
    --two-item-margin-top: 0px !important;
    --two-item-margin-bottom: 0px !important;
  }
}
.two-item-component .component-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.two-item-component .component-content .two-item-title {
  height: var(--two-item-title-height);
  margin-bottom: var(--two-item-title-margin-bottom);
  color: #002855;
}
.two-item-component .component-content .placeholders {
  display: flex;
  flex-direction: var(--two-item-placeholder-flex-direction);
  justify-content: space-between;
  align-items: center;
  gap: var(--two-item-placeholder-gap);
  width: var(--two-item-placeholders-width);
  margin-bottom: var(--two-item-placeholder-margin-bottom);
}
.two-item-component .component-content .placeholders .link-card-placeholder {
  width: var(--two-item-placeholder-width);
}
.two-item-component .component-content .two-item-divider {
  position: absolute;
  width: var(--two-item-divider-width);
  height: 1px;
  top: var(--two-item-divider-top);
  background: #EAE2C7;
  transform: var(--two-item-divider-transform);
}

.numbered-item-list-component {
  /* Input variables, set them in the cshtml
     --background-color
  */
  /* These vary by left/right */
  --numbered-item-list-main-left: -;
  --numbered-item-list-side-left: -;
  --main-content-width: 807px;
  --number-diamond-size: 25px;
  --number-diamond-top: 67px;
  --content-flex-direction: row;
  --h6-display: block;
  --oval-icon-display: block;
  --h4-margin-bottom: 24px;
  --h4-margin-top: 0px;
  --numbered-list-item-margin: 25px;
  --line-display: block;
  --number-diamond-left: 15px;
  --numbered-list-item-margin-left: 52px;
  --number-margin-left: 20px;
  --p-width: 388px;
  --numbered-item-list-side-top: 199px;
  --sidebar-justify: start;
  --sidebar-width: 391px;
  --component-bottom: 0;
  --numbered-item-list-padding-bottom: 61px;
  --numbered-item-list-padding-top: 141px;
  background-color: var(--background-color);
  padding-top: var(--numbered-item-list-padding-top);
  padding-bottom: var(--numbered-item-list-padding-bottom);
  /* Everything under here respects the site width */
}
.numbered-item-list-component.right {
  --numbered-item-list-main-left: 104px;
  --numbered-item-list-side-left: 167px;
  --p-order: 1;
  --s-order: 2;
}
.numbered-item-list-component.left {
  --numbered-item-list-main-left: 167px;
  --numbered-item-list-side-left: 104px;
  --p-order: 2;
  --s-order: 1;
}
@media (max-width: 499.98px) {
  .numbered-item-list-component {
    --content-flex-direction: column;
    --main-width: 375px;
    --h6-display: none;
    --oval-icon-display: none;
    --h4-margin-top: 0px;
    --h4-margin-bottom: 11px;
    --numbered-list-item-margin: 12.5px;
    --line-display: none;
    --number-diamond-left: 29px;
    --numbered-list-item-margin-left: 29px;
    --number-margin-left: 40px;
    --number-diamond-top: 46px;
    --p-width: 238px;
    --numbered-item-list-side-top: 56px;
    --sidebar-justify: center;
    --sidebar-width: 100%;
    --numbered-item-list-padding-bottom: 71px;
    --numbered-item-list-padding-top: 60px;
    --component-bottom: 50px;
  }
  .numbered-item-list-component.left, .numbered-item-list-component.right {
    --numbered-item-list-main-left: 0;
    --numbered-item-list-side-left: 0;
    --p-order: 1;
    --s-order: 2;
  }
}
.numbered-item-list-component .component-content {
  display: flex;
  flex-direction: var(--content-flex-direction);
  justify-content: center;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  padding-bottom: var(--component-bottom);
}
.numbered-item-list-component .component-content .main-content {
  order: var(--p-order);
  margin-left: var(--numbered-item-list-main-left);
  max-width: var(--main-content-width);
  width: 100%;
}
.numbered-item-list-component .component-content .main-content .top-content {
  display: flex;
}
.numbered-item-list-component .component-content .main-content .top-content .overal-icon {
  display: var(--oval-icon-display);
  margin-left: 52px;
  margin-top: 113px;
}
.numbered-item-list-component .component-content .main-content .top-content .overal-icon img {
  width: 106px;
}
.numbered-item-list-component .component-content .main-content .top-content h4 {
  margin-bottom: var(--h4-margin-bottom);
  margin-top: var(--h4-margin-top);
  color: #00113B;
}
.numbered-item-list-component .component-content .main-content .top-content h6 {
  display: var(--h6-display);
  margin-bottom: 40px;
  color: #424656;
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder {
  display: flex;
  position: relative;
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder:after {
  display: var(--line-display);
  content: "";
  background-color: #EAE2C7;
  width: 599px;
  height: 1px;
  bottom: 5px;
  position: absolute;
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder:last-child:after {
  content: "";
  background-color: transparent;
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder .numbered-list-item-content {
  display: flex;
  flex-direction: column;
  max-width: var(--p-width);
  margin-left: var(--numbered-list-item-margin-left);
  margin-top: var(--numbered-list-item-margin);
  margin-bottom: var(--numbered-list-item-margin);
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder .numbered-list-item-content:after {
  content: "";
  background: var(--diamond-color);
  width: var(--number-diamond-size);
  height: var(--number-diamond-size);
  left: var(--number-diamond-left);
  top: var(--number-diamond-top);
  position: absolute;
  transform: rotate(45deg);
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder .numbered-list-item-content .h6 {
  color: #00113B;
}
.numbered-item-list-component .component-content .main-content .placeholders .numbered-item-placeholder .numbered-list-item-content p {
  color: #424656;
}
.numbered-item-list-component .component-content .main-content .placeholders [data-number]::before {
  content: attr(data-number);
  margin-left: var(--number-margin-left);
  margin-top: 16px;
  margin-bottom: 24px;
  color: #002855;
  position: relative;
  z-index: 1;
}
.numbered-item-list-component .component-content .sidebar {
  display: flex;
  justify-content: var(--sidebar-justify);
  order: var(--s-order);
  margin-left: var(--numbered-item-list-side-left);
  margin-top: var(--numbered-item-list-side-top);
  width: var(--sidebar-width);
  height: 100%;
}

.FourItemNumberedMap-component {
  /* Input variables, set them in the cshtml
      --background-color
      --sub-item-diamond-color
  */
  --Four-Item-Numbered-Maph: 528px;
  --content-flex-direction: row;
  --sub-item-height: 192px;
  --color-diamond-w: 423px;
  --color-diamond-left: 137px;
  --color-diamond-top: 30px;
  --color-diamond-display: block;
  --plus-yellow-icon-display: block;
  --button-display: block;
  --txt-content-margin-top: 144px;
  --h4-margin-bottom: 8px;
  --txt-content-width: 600px;
  --content-flex-direction: row;
  --diamond-image-width: 496px;
  --diamond-image-position: absolute;
  --diamond-image-top: 9px;
  --diamond-image-left: 32px;
  --picture-mask-w: 496px;
  --picture-mask-pos: 0 0;
  --image-content-margin-top: 144px;
  --image-content-width: 600px;
  --image-content-display: block;
  --paragraph-flex-dir: row;
  --indent: 40px;
  --number-diamond-size: 25px;
  --number-diamond-top: 51.32px;
  --paragraph-item-flex-direction: column;
  --paragraph-margin-top: 0;
  --paragraph-margin-left: 0;
  --paragraph-item-width: 287px;
  background: var(--background-color);
  overflow: hidden;
  min-height: var(--Four-Item-Numbered-Maph);
  margin-top: var(--four-item-numbered-map-margin-top);
  margin-bottom: var(--four-item-numbered-map-margin-bottom);
  padding: 32px 0;
}
@media (max-width: 499.98px) {
  .FourItemNumberedMap-component {
    --Four-Item-Numbered-Maph: auto;
    --content-flex-direction: column;
    --h4-margin-top: 80px;
    --content-flex-direction: column;
    --image-content-display: none;
    --paragraph-flex-dir: column;
    --indent: 0;
    --number-diamond-size: 19.94px;
    --number-diamond-top: 31px;
    --paragraph-item-flex-direction: row;
    --paragraph-margin-top: 14px;
    --paragraph-margin-left: 21px;
    --paragraph-item-width: 100%;
    --four-item-numbered-map-margin-top: 0px !important;
    --four-item-numbered-map-margin-bottom: 0px !important;
  }
}
.FourItemNumberedMap-component .component-content {
  display: flex;
  flex-direction: var(--content-flex-direction);
  position: relative;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.FourItemNumberedMap-component .component-content .image-content {
  margin-top: var(--image-content-margin-top);
  min-width: var(--image-content-width);
  position: relative;
  display: var(--image-content-display);
}
.FourItemNumberedMap-component .component-content .image-content img {
  width: var(--diamond-image-width);
  -webkit-mask-position: var(--picture-mask-pos);
  -webkit-mask-size: var(--picture-mask-w) calc(var(--diamond-aspect-ratio) * var(--picture-mask-w));
  -webkit-mask-image: var(--diamond-svg);
  -webkit-mask-repeat: no-repeat;
  margin: 0 auto;
  position: var(--diamond-image-position);
  top: var(--diamond-image-top);
  left: var(--diamond-image-left);
  z-index: 2;
}
.FourItemNumberedMap-component .component-content .image-content .color-diamond {
  position: absolute;
  display: var(--color-diamond-display);
  fill: #EEEEEC;
  width: var(--color-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--color-diamond-w));
  left: var(--color-diamond-left);
  top: var(--color-diamond-top);
}
.FourItemNumberedMap-component .component-content .txt-content h4 {
  margin-bottom: var(--h4-margin-bottom);
  color: #00113B;
}
.FourItemNumberedMap-component .component-content .txt-content .paraghraph-container {
  display: flex;
  flex-direction: var(--paragraph-flex-dir);
}
.FourItemNumberedMap-component .component-content .txt-content .paraghraph-container .paragraph-item {
  display: flex;
  flex-direction: var(--paragraph-item-flex-direction);
  margin-right: 24px;
  max-width: var(--paragraph-item-width);
  margin-bottom: 26px;
  flex: 1;
}
.FourItemNumberedMap-component .component-content .txt-content .paraghraph-container .paragraph-item .number {
  margin-top: 16px;
  margin-bottom: 24px;
  margin-left: 15px;
  color: #002855;
  position: relative;
  z-index: 1;
}
.FourItemNumberedMap-component .component-content .txt-content .paraghraph-container .paragraph-item .number:before {
  content: "";
  background: var(--sub-item-diamond-color);
  width: var(--number-diamond-size);
  height: var(--number-diamond-size);
  left: -3px;
  top: var(--number-diamond-top);
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
}
.FourItemNumberedMap-component .component-content .txt-content .paraghraph-container .paragraph-item .paragraph {
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "tnum" on, "lnum" on, "ss06" on, "ss09" on;
  color: #424656;
  display: block;
  margin-bottom: 10px;
  margin-top: var(--paragraph-margin-top);
  margin-left: var(--paragraph-margin-left);
}
.FourItemNumberedMap-component .component-content .txt-content .indent-left {
  margin-left: var(--indent);
}
.FourItemNumberedMap-component .component-content .txt-content .indent-right {
  margin-right: var(--indent);
}

.mobile-only-component {
  --mobile-only-display: none;
  display: var(--mobile-only-display);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
@media (max-width: 499.98px) {
  .mobile-only-component {
    --mobile-only-display: block;
  }
}
.mobile-only-component .mobile-only-placeholder {
  width: 100%;
  height: 100%;
}

.desktop-only-component {
  --desktop-only-display: initial;
  display: var(--desktop-only-display);
}
@media (max-width: 499.98px) {
  .desktop-only-component {
    --desktop-only-display: none;
  }
}
.desktop-only-component .desktop-only-placeholder {
  width: 100%;
  height: 100%;
}

.three-item-map-component {
  /* Input variables, set them in the cshtml
     --background-color
      --content-grid-column
      --placeholders-grid-column
      --placeholders-left
      --mobile-separator-line
      --placeholders-height
  */
  /* These vary by left/right */
  --content-height: 680;
  --component-content-grid: auto auto;
  --component-content-grid-col: auto 60%;
  --content-grid-row: auto;
  --placeholders-grid-row: 1/3;
  --content-left: 104px;
  --content-top: 160px;
  --content-width: 495px;
  --placeholders-flex-wrap: wrap;
  --placeholders-top: 0;
  --placeholders-local-height: var(--placeholders-height);
  --h3-margin-bottom: 16px;
  --h5-margin-bottom: 48px;
  --paragraph-position: absolute;
  --paragraph-top: 48px;
  --paragraph-left: 104px;
  --paragraph-width: 495px;
  --secondary-placeholder-display: block;
  --four-placeholder-top: 56px;
  --three-placeholder-top: 160px;
  --two-placeholder-top: 160px;
  --two-placeholder2-top: 216px;
  --button-width: auto;
  --button-bottom: 0;
  --paragraph-button-desktop: block;
  --paragraph-button-mobile: none;
  --separator-line-display: none;
  background-color: var(--background-color);
  margin-top: var(--three-item-map-margin-top);
  margin-bottom: var(--three-item-map-margin-bottom);
}
@media (max-width: 499.98px) {
  .three-item-map-component {
    --content-height: 100%;
    --component-content-grid: auto;
    --component-content-grid-col: auto auto;
    --content-grid-row: 1/2;
    --content-grid-column: 1/2 !important;
    --placeholders-grid-row: 2/3;
    --placeholders-grid-column: 1/2 !important;
    --paragraph-grid-column: 1/2 !important;
    --content-left: 0;
    --content-top: 48px;
    --content-width: 100%;
    --placeholders-flex-wrap: nowrap;
    --placeholders-top: 32px;
    --placeholders-left: 0 !important;
    --placeholders-local-height: 100%;
    --h3-margin-bottom: 8px;
    --h5-margin-bottom: 32px;
    --paragraph-position: relative;
    --paragraph-top: 32px;
    --paragraph-left: 0;
    --paragraph-width: 100%;
    --secondary-placeholder-display: none;
    --four-placeholder-top: 0;
    --three-placeholder-top: 0;
    --two-placeholder-top: 0;
    --two-placeholder2-top: 0;
    --button-width: 100%;
    --button-bottom: 124px;
    --paragraph-button-desktop: none;
    --paragraph-button-mobile: block;
    --three-item-map-margin-top: 0px !important;
    --three-item-map-margin-bottom: 0px !important;
    --separator-line-display: var(--mobile-separator-line);
  }
}
.three-item-map-component .component-content {
  display: grid;
  grid-template-columns: var(--component-content-grid);
  grid-template-rows: var(--component-content-grid-col);
  justify-content: start;
  width: var(--iic-site-width);
  min-height: var(--content-height);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.three-item-map-component .component-content .three-item-map-content {
  grid-row: var(--content-grid-row);
  grid-column: var(--content-grid-column);
  margin-left: var(--content-left);
  width: var(--content-width);
  margin-top: var(--content-top);
}
.three-item-map-component .component-content .three-item-map-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--h3-margin-bottom);
}
.three-item-map-component .component-content .three-item-map-content h5 {
  color: var(--color-Neutrals-Steel);
}
.three-item-map-component .component-content .three-item-map-placeholders-container {
  grid-row: var(--placeholders-grid-row);
  grid-column: var(--placeholders-grid-column);
  display: grid;
  margin-top: var(--placeholders-top);
  margin-left: var(--placeholders-left);
}
.three-item-map-component .component-content .three-item-map-placeholders-container.onePlaceholder {
  grid-template: "card1" min-content;
}
.three-item-map-component .component-content .three-item-map-placeholders-container.twoPlaceholders {
  grid-template: "card1 card2" min-content;
}
.three-item-map-component .component-content .three-item-map-placeholders-container.threePlaceholders {
  grid-template: "  .   card2" min-content "card1 card2" min-content "card1 card3" min-content "  .   card3" min-content;
}
.three-item-map-component .component-content .three-item-map-placeholders-container.fourPlaceholders {
  grid-template: "card1   .  " 56px "card1 card3" min-content "card2 card3" 56px "card2 card4" min-content "  .   card4" 56px;
}
@media (max-width: 499.98px) {
  .three-item-map-component .component-content .three-item-map-placeholders-container.onePlaceholder {
    grid-template: "card1" min-content;
  }
  .three-item-map-component .component-content .three-item-map-placeholders-container.twoPlaceholders {
    grid-template: "card1" min-content "card2" min-content;
  }
  .three-item-map-component .component-content .three-item-map-placeholders-container.threePlaceholders {
    grid-template: "card1" min-content "card2" min-content "card3" min-content;
  }
  .three-item-map-component .component-content .three-item-map-placeholders-container.fourPlaceholders {
    grid-template: "card1" min-content "card2" min-content "card3" min-content "card4" min-content;
  }
}
.three-item-map-component .component-content .three-item-map-placeholders-container div:nth-child(1 of div) {
  grid-area: card1;
}
.three-item-map-component .component-content .three-item-map-placeholders-container div:nth-child(2 of div) {
  grid-area: card2;
}
.three-item-map-component .component-content .three-item-map-placeholders-container div:nth-child(3 of div) {
  grid-area: card3;
}
.three-item-map-component .component-content .three-item-map-placeholders-container div:nth-child(4 of div) {
  grid-area: card4;
}
.three-item-map-component .component-content .three-item-map-placeholders-container.twoPlaceholders:nth-child(1) {
  margin-top: var(--two-placeholder-top);
}
.three-item-map-component .component-content .three-item-map-placeholders-container.twoPlaceholders:nth-child(2) {
  margin-top: var(--two-placeholder-top);
}
.three-item-map-component .component-content .three-item-map-placeholders-container.onePlaceholder {
  margin-top: var(--two-placeholder-top);
}
.three-item-map-component .component-content .three-item-map-placeholders-container .secondary-placeholder {
  display: var(--secondary-placeholder-display);
}
.three-item-map-component .component-content .three-item-map-placeholders-container .secondary-placeholder .secondary-marketing-tile-paragraph {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.three-item-map-component .component-content .paragraph-and-button {
  margin-top: var(--paragraph-top);
  margin-left: var(--paragraph-left);
  width: var(--paragraph-width);
  grid-column: var(--paragraph-grid-column);
  position: relative;
}
.three-item-map-component .component-content .paragraph-and-button p {
  margin-bottom: 24px;
  color: var(--color-Neutrals-Body-Copy);
}
.three-item-map-component .component-content .paragraph-and-button button {
  width: var(--button-width);
  margin-bottom: var(--button-bottom);
}
.three-item-map-component .component-content .paragraph-and-button:before {
  position: absolute;
  display: var(--separator-line-display);
  content: "";
  width: 100%;
  height: 1px;
  top: -6px;
  left: 0;
  background-color: var(--color-Tertiary-Cream);
}

.section-title-component {
  --content-wrapper-width: var(--iic-site-width);
  --title-left: 91px;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: var(--section-title-margin-top);
  margin-bottom: var(--section-title-margin-bottom);
}
@media (max-width: 499.98px) {
  .section-title-component {
    --content-wrapper-width: 100%;
    --title-left: 41px;
  }
}
.section-title-component:before {
  display: inline-block;
  content: "";
  width: 50%;
  height: 1px;
  background: #C99700;
  position: absolute;
  left: 0;
  top: 10px;
}
.section-title-component .content-wrapper {
  min-width: var(--content-wrapper-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.section-title-component .content-wrapper .section-title {
  color: var(--color-Secondary-Slate);
  background-color: var(--color-Primary-Background);
  margin-left: var(--title-left);
  padding-left: 18px;
  position: relative;
  width: 100%;
}

.latest-news-component {
  --latest-news-min-height: 680px;
  --header-btn-display: initial;
  --latest-news-footer-display: none;
  --latest-news-header-justify-content: start;
  --latest-news-header-margin-bottom: 56px;
  --latest-news-header-height: 56px;
  --slick-list-padding: 0px 23px 0px 72px;
  --slick-prev-next-top: 518px;
  --slick-dots-top: 518px;
  --slick-slide-margin-right: 24px;
  --slick-next-right: 73px;
  --slick-prev-left: 1181px;
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  display: flex;
  flex-direction: column;
  min-height: var(--latest-news-min-height);
  background: var(--background-color);
}
@media (min-width: 1920px) {
  .latest-news-component {
    --slick-next-right: 73px;
    --slick-prev-left: 1315px;
  }
}
@media (max-width: 499.98px) {
  .latest-news-component {
    --latest-news-min-height: 500px;
    --margin-top: 0;
    --margin-bottom: 0;
    --header-btn-display: none;
    --latest-news-footer-display: initial;
    --latest-news-header-justify-content: center;
    --latest-news-header-margin-bottom: 32px;
    --latest-news-header-height: 40px;
    --slick-list-padding: 0px 18px 0px 53px;
    --slick-prev-next-top: 198px;
    --slick-dots-top: 398px;
    --slick-slide-margin-right: 36px;
    --slick-next-right: 17px;
    --slick-prev-left: 15px;
  }
}
.latest-news-component .latest-news-header {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-bottom: var(--latest-news-header-margin-bottom);
  display: flex;
  justify-content: var(--latest-news-header-justify-content);
  height: var(--latest-news-header-height);
}
.latest-news-component .latest-news-header h2 {
  color: var(--color-Primary-IIC-Blue);
  margin: 0px;
}
.latest-news-component .latest-news-scrolling {
  display: none;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
}
.latest-news-component .latest-news-scrolling .slick-list {
  padding: var(--slick-list-padding) !important;
}
.latest-news-component .latest-news-scrolling .slick-list .slick-slide {
  margin-right: var(--slick-slide-margin-right);
}
.latest-news-component .latest-news-scrolling .slick-prev, .latest-news-component .latest-news-scrolling .slick-next {
  top: var(--slick-prev-next-top);
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
}
.latest-news-component .latest-news-scrolling .slick-prev:before, .latest-news-component .latest-news-scrolling .slick-next:before {
  content: none;
}
.latest-news-component .latest-news-scrolling .slick-prev.slick-disabled, .latest-news-component .latest-news-scrolling .slick-next.slick-disabled {
  opacity: 0.35;
}
.latest-news-component .latest-news-scrolling .slick-prev:focus, .latest-news-component .latest-news-scrolling .slick-next:focus {
  outline: 3px var(--color-CTA-CTA-Hover-Primary-Tertiary) solid;
  border-radius: var(--bs-border-radius-2xl);
  background-repeat: no-repeat;
}
.latest-news-component .latest-news-scrolling .slick-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
  right: var(--slick-next-right);
}
.latest-news-component .latest-news-scrolling .slick-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
  left: var(--slick-prev-left);
}
.latest-news-component .latest-news-scrolling .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  top: var(--slick-dots-top);
  list-style-type: none;
}
.latest-news-component .latest-news-scrolling .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.latest-news-component .latest-news-scrolling .slick-dots li:focus, .latest-news-component .latest-news-scrolling .slick-dots li:focus-within {
  outline: 3px var(--color-CTA-CTA-Hover-Primary-Tertiary) solid;
  border-radius: var(--bs-border-radius-2xl);
}
.latest-news-component .latest-news-scrolling .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.latest-news-component .latest-news-scrolling .slick-dots li.slick-active button:before, .latest-news-component .latest-news-scrolling .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}

.headliner-with-pic-component {
  /* Input variables, set them in the cshtml
      --background-color
  */
  --headliner-with-pic-dir: row;
  --headliner-with-pic-height: 495px;
  --headliner-with-pic-title-bottom: 24px;
  --headliner-with-pic-paraghraph-bottom: 56px;
  --page-title-margin-top: 74px;
  --page-title-margin-left: -16px;
  --page-title-padding-left: 16px;
  --page-title-margin-bottom: 32px;
  --text-content-width: 495px;
  --image-content-margin-left: 24px;
  --headliner-image-width: 775px;
  --line-top: 84px;
  background: var(--background-color);
  min-height: var(--headliner-with-pic-height);
  position: relative;
  margin-top: var(--headliner-with-picture-margin-top);
  margin-bottom: var(--headliner-with-picture-margin-bottom);
}
@media (max-width: 499.98px) {
  .headliner-with-pic-component {
    --headliner-with-pic-dir: column;
    --headliner-with-pic-height: 100%;
    --headliner-with-pic-title-bottom: 8px;
    --headliner-with-pic-paraghraph-bottom: 35px;
    --page-title-margin-top: 32px;
    --page-title-margin-left: 16px;
    --page-title-margin-bottom: 32px;
    --text-content-width: 100%;
    --image-content-margin-left: -24px;
    --headliner-image-width: 375px;
    --line-top: 42px;
    --headliner-with-picture-margin-top: 0px !important;
    --headliner-with-picture-margin-bottom: 0px !important;
  }
}
.headliner-with-pic-component:before {
  display: var(--title-bar-display);
  content: "";
  width: 30%;
  height: 1px;
  background: #C99700;
  position: absolute;
  left: 0;
  top: var(--line-top);
}
.headliner-with-pic-component .component-content {
  display: flex;
  flex-direction: var(--headliner-with-pic-dir);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.headliner-with-pic-component .component-content .text-content {
  min-width: var(--text-content-width);
}
.headliner-with-pic-component .component-content .text-content .page-title {
  color: var(--color-Secondary-Slate);
  position: relative;
  margin-top: var(--page-title-margin-top);
  margin-left: var(--page-title-margin-left);
  padding-left: var(--page-title-padding-left);
  margin-bottom: var(--page-title-margin-bottom);
  background-color: var(--color-Primary-Background);
  width: 100%;
}
.headliner-with-pic-component .component-content .text-content h1 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--headliner-with-pic-title-bottom);
}
.headliner-with-pic-component .component-content .text-content h4 {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: var(--headliner-with-pic-paraghraph-bottom);
}
.headliner-with-pic-component .component-content .image-content {
  margin-left: var(--image-content-margin-left);
}
.headliner-with-pic-component .component-content .image-content .headliner-image {
  width: var(--headliner-image-width);
  height: auto;
}

.article-subsection-component {
  --article-subsection-title-margin-bottom: 16px;
  margin: 16px 0px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .article-subsection-component {
    --article-subsection-title-margin-bottom: 24px;
  }
}
.article-subsection-component .component-content .article-subsection-title {
  margin-bottom: var(--article-subsection-title-margin-bottom);
  color: var(--color-Neutrals-Heading-Copy);
}
.article-subsection-component .component-content .placeholders {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.location-map-component {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.location-map-component .map-container {
  width: 100%;
  height: 100%;
}
.location-map-component .map-container .atlas-map-canvas-container {
  position: relative;
}
.location-map-component .map-container .atlas-map-canvas-container .marker-collection-container {
  position: absolute;
  top: 0;
}
.location-map-component .map-container .atlas-map-canvas-container .marker-collection-container .location-map-marker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
}
.location-map-component .map-container .atlas-map-canvas-container .marker-collection-container .location-map-marker .location-map-marker-icon {
  position: absolute;
  left: -16px;
  width: 32px;
  height: 32px;
}
.location-map-component .map-container .atlas-map-canvas-container .marker-collection-container .location-map-marker .location-map-marker-place {
  position: absolute;
  left: 16px;
  width: 140px;
  color: #e74c3c;
  margin: 0;
}
.location-map-component .map-container #atlas-map-state {
  display: none;
}
.location-map-component .map-container #atlas-map-style {
  display: none;
}
.location-map-component .map-container #atlas-map-shortcuts {
  display: none;
}
.location-map-component .map-container .atlas-control-container {
  display: none;
}

.article-section-component {
  --article-section-component-width: 807px;
  --article-section-title-margin-bottom: 16px;
  --article-section-divider-display: block;
  overflow: hidden;
  min-width: var(--article-section-component-width);
  padding: 0;
  margin-top: var(--article-section-margin-top);
  margin-bottom: var(--article-section-margin-bottom);
}
@media (max-width: 499.98px) {
  .article-section-component {
    --article-section-component-width: auto;
    --article-section-title-margin-bottom: 24px;
    --article-section-divider-display: none;
  }
}
.article-section-component .component-content .article-section-title {
  width: 100%;
  margin-bottom: var(--article-section-title-margin-bottom);
  color: var(--color-Neutrals-Heading-Copy);
}
.article-section-component .component-content .placeholders {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article-section-component .component-content .article-section-divider {
  display: var(--article-section-divider-display);
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background: var(--color-Tertiary-Cream);
}

.article-headliner-component {
  --authors-social-flex-dir: row;
  --type-date-margin-top: 16px;
  --social-media-top: 0px;
  --social-media-icons-margin-left: 51.25px;
  --breadcrumb-margin-bottom: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: var(--article-headliner-margin-bottom);
}
@media (max-width: 499.98px) {
  .article-headliner-component {
    --authors-social-flex-dir: column;
    --type-date-margin-top: 8px;
    --social-media-top: 32px;
    --social-media-icons-margin-left: 0;
    --article-headliner-margin-bottom: 0px !important;
    --breadcrumb-margin-bottom: 48px;
  }
}
.article-headliner-component .breadcrumb-navigation-placeholder {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--breadcrumb-margin-bottom);
  position: relative;
}
.article-headliner-component .content-wrapper {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.article-headliner-component .content-wrapper .text-content .type-date {
  color: var(--color-Secondary-Slate);
  margin-top: var(--type-date-margin-top);
}
.article-headliner-component .content-wrapper .text-content .type-date .article-date-nodash {
  position: relative;
}
.article-headliner-component .content-wrapper .text-content .type-date .article-date {
  margin-left: 24px;
  position: relative;
}
.article-headliner-component .content-wrapper .text-content .type-date .article-date:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 2px;
  background: var(--color-Primary-IIC-Gold);
  position: absolute;
  left: -16px;
  top: 10px;
}
.article-headliner-component .content-wrapper .text-content h1 {
  margin-top: 16px;
  color: var(--color-Primary-IIC-Blue);
}
.article-headliner-component .content-wrapper .authors-social {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: var(--authors-social-flex-dir);
}
.article-headliner-component .content-wrapper .authors-social .authors {
  color: var(--color-Neutrals-Body-Copy);
}
.article-headliner-component .content-wrapper .authors-social .social-media {
  margin-top: var(--social-media-top);
  width: 375px;
  margin-left: -24px;
  display: flex;
  justify-content: space-around;
}
.article-headliner-component .content-wrapper .authors-social .social-media img {
  margin-right: var(--social-media-icons-margin-left);
  cursor: pointer;
  width: 24px;
}

.information-video-component {
  --content-padding-top: 216px;
  --content-padding-bottom: 68px;
  --background: linear-gradient(to left, transparent 0%, transparent 36%, var(--background-colour) 36%, var(--background-colour) 100%);
  --text-width: 391px;
  --text-margin-left: calc(176px - var(--iic-site-margin-width));
  --diamond-width: 725px;
  --diamond-top: -256px;
  --diamond-left: -186px;
  --iframe-position: absolute;
  --iframe-width: 640px;
  --iframe-height: 360px;
  --iframe-top: 128px;
  --iframe-right: 0px;
  --title-margin-bottom: 24px;
  --sub-header-margin-bottom: 40px;
  position: relative;
  margin-top: var(--render-margin-top);
  margin-bottom: var(--render-margin-bottom);
  background: var(--background);
  min-height: 400px;
  overflow: hidden;
}
@media (max-width: 499.98px) {
  .information-video-component {
    --content-padding-top: 144px;
    --content-padding-bottom: 52px;
    --render-margin-top: 0px !important;
    --render-margin-bottom: 0px !important;
    --background: var(--background-colour);
    --text-width: unset;
    --text-margin-left: unset;
    --diamond-width: 344px;
    --diamond-top: -104px;
    --diamond-left: -80px;
    --iframe-position: relative;
    --iframe-width: 327px;
    --iframe-height: 184px;
    --iframe-top: unset;
    --iframe-right: unset;
    --title-margin-bottom: 8px;
    --sub-header-margin-bottom: 32px;
  }
}
.information-video-component .diamond {
  position: absolute;
  fill: var(--diamond-colour);
  width: var(--diamond-width);
  height: calc(var(--diamond-aspect-ratio) * var(--diamond-width));
  top: var(--diamond-top);
  left: var(--diamond-left);
}
.information-video-component .content-wrapper {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: column;
  padding-top: var(--content-padding-top);
  padding-bottom: var(--content-padding-bottom);
  position: relative;
}
.information-video-component .content-wrapper .title, .information-video-component .content-wrapper .sub-header, .information-video-component .content-wrapper .content-paragraph, .information-video-component .content-wrapper .link-button {
  max-width: var(--text-width);
  margin-left: var(--text-margin-left);
}
.information-video-component .content-wrapper .title {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--title-margin-bottom);
}
.information-video-component .content-wrapper .sub-header, .information-video-component .content-wrapper .content-paragraph {
  color: var(--color-Neutrals-Body-Copy);
}
.information-video-component .content-wrapper .sub-header {
  margin-bottom: var(--sub-header-margin-bottom);
}
.information-video-component .content-wrapper .content-paragraph {
  margin-bottom: 16px;
}
.information-video-component .content-wrapper iframe {
  position: var(--iframe-position);
  width: var(--iframe-width);
  height: var(--iframe-height);
  top: var(--iframe-top);
  right: var(--iframe-right);
  margin-bottom: 32px;
}

.link-component {
  --link-content-left: 0;
  --link-content-right: 39px;
  --image-display: block;
  --h5-top: 20px;
  --btn-top: 25px;
  --btn-bottom: 25px;
  --btn-width: auto;
  display: flex;
  justify-content: center;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--link-component-margin-top);
  margin-bottom: var(--link-component-margin-bottom);
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  background-color: var(--background-color);
}
@media (max-width: 499.98px) {
  .link-component {
    --link-content-left: 0;
    --link-content-right: 0;
    --image-display: none;
    --h5-top: 16px;
    --btn-top: 14px;
    --btn-bottom: 118px;
    --btn-width: 100%;
  }
}
.link-component .link-content {
  margin-left: var(--link-content-left);
  margin-right: var(--link-content-right);
  width: 100%;
}
.link-component .link-content .link-text .h3 {
  color: var(--color-Primary-IIC-Blue);
}
.link-component .link-content .link-text h5 {
  margin-top: var(--h5-top);
  color: var(--color-Neutrals-Steel);
}
.link-component .link-content .btn {
  margin-top: var(--btn-top);
  margin-bottom: var(--btn-bottom);
  width: var(--btn-width);
}
.link-component .link-image {
  margin-left: 24px;
  display: var(--image-display);
}
.link-component .link-image img {
  width: 632px;
}

.news-item-component {
  --news-item-width: 288px;
  --news-item-height: 464px;
  --news-item-header-height: 164px;
  --news-item-neutral-diamond-display: none;
  --news-item-paragraphs-content-p-display: none;
  --news-item-paragraphs-content-p-margin: 0;
  --news-item-paragraphs-content-h4-margin: 0;
  --news-item-paragraphs-content-h4-width: 100%;
  --news-item-btn-iic-tertiary-margin: 24px 0px 0px 24px;
  --news-item-title-margin-bottom: 24px;
  --news-item-title-height: 16px;
  --news-item-footer-margin: 40px 24px 0px 24px;
  --news-item-footer-overflow: hidden;
  width: var(--news-item-width) !important;
  height: var(--news-item-height) !important;
  border-radius: 8px;
  background: var(--color-IIC-White);
  overflow: hidden;
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
}
.news-item-component.spotlight {
  --news-item-width: 495px;
  --news-item-height: 464px;
  --news-item-header-height: 208px;
  --news-item-neutral-diamond-display: initial;
  --news-item-paragraphs-content-p-display: -webkit-box;
  --news-item-paragraphs-content-p-margin: 8px 0px 0px 0px;
  --news-item-paragraphs-content-h4-margin: 0px 24px 0px 0px;
  --news-item-paragraphs-content-h4-width: 213px;
  --news-item-btn-iic-tertiary-margin: 8px 0px 0px 260px;
  --news-item-title-margin-bottom: 16px;
  --news-item-title-height: 16px;
  --news-item-footer-margin: 24px 24px 0px 24px;
  --news-item-footer-overflow: initial;
}
.news-item-component.spotlight .news-item-image {
  -webkit-mask-position: -264px -283px;
  -webkit-mask-size: 795px 478px;
  -webkit-mask-image: var(--diamond-svg);
  -webkit-mask-repeat: no-repeat;
}
@media (max-width: 499.98px) {
  .news-item-component {
    --news-item-width: 269px;
    --news-item-height: 368px;
    --news-item-header-height: 136px;
    --news-item-neutral-diamond-display: none;
    --news-item-paragraphs-content-p-display: none;
    --news-item-paragraphs-content-p-margin: 0;
    --news-item-paragraphs-content-h4-margin: 0;
    --news-item-paragraphs-content-h4-width: 100%;
    --news-item-btn-iic-tertiary-margin: 20px 0px 0px 24px;
    --news-item-title-margin-bottom: 24px;
    --news-item-title-height: 16px;
    --news-item-footer-margin: 24px 24px 0px 24px;
    --news-item-footer-overflow: hidden;
  }
  .news-item-component.spotlight {
    --news-item-width: 269px;
    --news-item-height: 368px;
    --news-item-header-height: 136px;
    --news-item-neutral-diamond-display: none;
    --news-item-paragraphs-content-p-display: none;
    --news-item-paragraphs-content-p-margin: 0;
    --news-item-paragraphs-content-h4-margin: 0;
    --news-item-paragraphs-content-h4-width: 100%;
    --news-item-btn-iic-tertiary-margin: 20px 0px 0px 24px;
    --news-item-title-margin-bottom: 24px;
    --news-item-title-height: 16px;
    --news-item-footer-margin: 24px 24px 0px 24px;
    --news-item-footer-overflow: hidden;
  }
  .news-item-component.spotlight .news-item-image {
    -webkit-mask-image: none;
  }
}
.news-item-component .news-item-header {
  position: relative;
  height: var(--news-item-header-height);
  overflow: var(--news-item-footer-overflow);
}
.news-item-component .news-item-header .news-item-image {
  width: 100%;
}
.news-item-component .news-item-header .neutral-diamond {
  display: var(--news-item-neutral-diamond-display);
  position: absolute;
  fill: var(--diamond-color);
  width: 493px;
  height: 292px;
  left: 292px;
  top: -42px;
}
.news-item-component .news-item-footer {
  display: flex;
  flex-direction: column;
  margin: var(--news-item-footer-margin);
}
.news-item-component .news-item-footer .news-item-title {
  display: flex;
  margin-bottom: var(--news-item-title-margin-bottom);
  height: var(--news-item-title-height);
}
.news-item-component .news-item-footer .news-item-title .news-item-type {
  color: var(--color-Secondary-Slate);
  margin-right: 8px;
}
.news-item-component .news-item-footer .news-item-title .news-item-dash {
  margin-right: 8px;
}
.news-item-component .news-item-footer .news-item-title .news-item-dash:before {
  content: "";
  position: relative;
  top: 50%;
  display: block;
  width: 7px;
  height: 1px;
  background: var(--color-Primary-IIC-Gold);
}
.news-item-component .news-item-footer .news-item-title .news-item-date {
  color: var(--color-Secondary-Slate);
}
.news-item-component .news-item-footer .news-item-paragraphs-content {
  display: flex;
  flex-direction: row;
}
.news-item-component .news-item-footer .news-item-paragraphs-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: var(--news-item-paragraphs-content-h4-margin);
  width: var(--news-item-paragraphs-content-h4-width);
  max-height: 100px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news-item-component .news-item-footer .news-item-paragraphs-content p {
  display: var(--news-item-paragraphs-content-p-display);
  color: var(--color-Neutrals-Body-Copy);
  width: 211px;
  margin: var(--news-item-paragraphs-content-p-margin);
  max-height: 120px;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.news-item-component .btn-iic-tertiary {
  margin: var(--news-item-btn-iic-tertiary-margin);
}

.text-callout-component {
  --text-callout-margin: 16px 0px;
  --text-callout-padding: 8px 40px;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: var(--text-callout-margin);
  padding: var(--text-callout-padding);
  color: var(--color-Primary-IIC-Blue);
}
@media (max-width: 499.98px) {
  .text-callout-component {
    --text-callout-margin: 24px 0px;
    --text-callout-padding: 0px;
  }
}

.article-paragraph-component {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: var(--color-Neutrals-Body-Copy);
}

.captioned-image-component {
  --caption-top: 16px;
  --component-width: var(--iic-site-width);
  --component-margin-top: 40px;
  --component-margin-bottom: 40px;
  --component-pl: var(--iic-site-margin-width);
  --component-pr: var(--iic-site-margin-width);
  --caption-mobile-display: block;
  --component-content-padding-left: var(--iic-site-margin-width);
  --component-content-padding-right: var(--iic-site-margin-width);
  margin-top: var(--component-margin-top);
  margin-bottom: var(--component-margin-bottom);
}
.article-section-placeholder .captioned-image-component {
  --component-width: 100%;
}

.article-section-component .captioned-image-component {
  --component-content-padding-left: 0px;
  --component-content-padding-right: 0px;
}

@media (max-width: 499.98px) {
  .captioned-image-component {
    --caption-top: 16px;
    --component-width: auto;
    --component-margin-top: 24px;
    --component-margin-bottom: 24px;
    --component-pl: 0;
    --component-pr: 0;
    --caption-mobile-display: none;
    --component-content-padding-left: 0px;
    --component-content-padding-right: 0px;
  }
}
.captioned-image-component .component-content {
  width: var(--component-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--component-content-padding-left);
  padding-right: var(--component-content-padding-right);
}
.captioned-image-component .component-content img {
  width: 100%;
}
.captioned-image-component .component-content figcaption {
  margin-top: var(--caption-top);
}
.captioned-image-component .component-content .hide-caption {
  display: var(--caption-mobile-display);
}

.article-bullet-list-component {
  --content-wrapper-width: var(--iic-site-width);
  --component-margin-top: 16px;
  --component-margin-bottom: 16px;
  --li-top: 8px;
  display: flex;
  justify-content: center;
  margin-top: var(--component-margin-top);
  margin-bottom: var(--component-margin-bottom);
}
@media (max-width: 499.98px) {
  .article-bullet-list-component {
    --component-margin-top: 16px;
    --component-margin-bottom: 16px;
    --content-wrapper-width: 100%;
    --li-top: 18px;
  }
}
.article-bullet-list-component .content-wrapper {
  width: var(--content-wrapper-width);
}
.article-bullet-list-component .content-wrapper .component-title {
  color: var(--color-Neutrals-Heading-Copy);
}
.article-bullet-list-component .content-wrapper .component-sub-items {
  padding-left: 20px;
  color: var(--color-Neutrals-Body-Copy);
}
.article-bullet-list-component .content-wrapper .component-sub-items li {
  margin-top: var(--li-top);
  list-style-type: var(--bullet-type);
}

.article-component {
  --article-component-flex-direction: row;
  --article-component-content-width: 807px;
  --article-component-margin-bottom: 128px;
  --article-component-table-top: 0;
  margin-bottom: var(--article-component-margin-bottom);
}
@media (max-width: 499.98px) {
  .article-component {
    --article-component-flex-direction: column;
    --article-component-content-width: auto;
    --article-component-margin-bottom: 48px;
    --article-component-table-top: -31px;
  }
}
.article-component .table-and-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--article-component-flex-direction);
  justify-content: space-between;
  align-items: start;
}
.article-component .table-and-content .table {
  position: sticky;
  top: var(--article-component-table-top);
  z-index: 3;
}
.article-component .table-and-content .content {
  min-width: var(--article-component-content-width);
  display: flex;
  flex-direction: column;
}
.article-component .table-and-content .content .article-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.article-table-component {
  --article-table-sections-display: flex;
  --article-table-title-display: initial;
  --article-table-dropdown-display: none;
  --article-table-component-content-padding: 0px 40px 0px 0px;
  --article-table-component-content-height: auto;
  width: 391px;
  display: flex;
  justify-content: start;
  flex-direction: column;
  padding-right: 40px;
}
@media (max-width: 499.98px) {
  .article-table-component {
    --article-table-sections-display: none;
    --article-table-title-display: none;
    --article-table-dropdown-display: initial;
    --article-table-component-content-padding: 31px 0px 0px 0px;
    --article-table-component-content-height: 40px;
  }
}
.article-table-component .component-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--article-table-component-content-padding);
  gap: 1px;
  height: var(--article-table-component-content-height);
  margin-bottom: 40px;
}
.article-table-component .component-content .caption-semibold-caps {
  display: var(--article-table-title-display);
  padding: 0 !important;
  margin-bottom: 16px;
}
.article-table-component .component-content .article-table-sections {
  display: var(--article-table-sections-display);
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 0;
  width: 100%;
}
.article-table-component .component-content .article-table-sections .article-table-section, .article-table-component .component-content .article-table-sections .article-table-dropdown-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 15px;
  gap: 13px;
  text-decoration: none !important;
  margin: 0;
  position: relative;
  padding: 10px;
  min-height: 32px;
  color: var(--color-Neutrals-Body-Copy);
  width: 100%;
}
.article-table-component .component-content .article-table-sections .article-table-section.subsection, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.subsection {
  padding: 5px 0px 5px 47px;
}
.article-table-component .component-content .article-table-sections .article-table-section.subsection:after, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.subsection:after {
  display: block;
  content: " ";
  height: 1px;
  position: absolute;
  width: 8px;
  top: 13px;
  left: 29px;
  background-color: var(--color-Primary-IIC-Gold);
}
.article-table-component .component-content .article-table-sections .article-table-section.active, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.active {
  background-color: var(--color-Secondary-Icy-Blue);
  color: var(--color-Neutrals-Heading-Copy);
}
.article-table-component .component-content .article-table-sections .article-table-section.main-section.active:after, .article-table-component .component-content .article-table-sections .article-table-dropdown-section.main-section.active:after {
  display: block;
  content: " ";
  height: 100%;
  position: absolute;
  width: 2px;
  left: 0;
  background-color: var(--color-Primary-IIC-Gold);
}
.article-table-component .component-content .article-table-dropdown {
  display: var(--article-table-dropdown-display);
  padding: 0;
  background-color: none;
  border-bottom-width: 0;
  box-shadow: none;
}
.article-table-component .component-content .article-table-dropdown .btn {
  color: var(--color-Neutrals-Heading-Copy);
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0px 16px;
  padding-bottom: 0;
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  box-shadow: 0px 3px 6px rgba(223, 224, 223, 0.6);
  border-radius: 3px;
  width: 327px;
  height: 48px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  background-size: 20px 20px;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-color: var(--color-IIC-White);
}
.article-table-component .component-content .article-table-dropdown .btn:after {
  border: 0;
}
.article-table-component .component-content .article-table-dropdown .btn #article-table-dropdown-button-text {
  display: flex;
  justify-content: start;
  width: 241px;
  overflow: hidden;
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu {
  width: 327px;
  height: 381px;
  overflow: scroll;
  padding: 16px 8px 0px 8px;
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item {
  color: var(--color-Neutrals-Heading-Copy);
  white-space: normal;
  position: relative;
  margin-bottom: 16px;
  padding: 10px;
  min-height: 30px;
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.subsection {
  padding: 10px 8px 10px 30px;
  margin-bottom: 0px;
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.subsection:after {
  display: block;
  content: " ";
  height: 1px;
  position: absolute;
  width: 8px;
  top: 17px;
  left: 13px;
  background-color: var(--color-Primary-IIC-Gold);
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.active {
  background-color: var(--color-Secondary-Icy-Blue);
  color: var(--color-Neutrals-Heading-Copy);
}
.article-table-component .component-content .article-table-dropdown .dropdown-menu .dropdown-item.main-section.active:after {
  display: block;
  content: " ";
  height: 100%;
  position: absolute;
  width: 2px;
  left: 0;
  top: 0;
  background-color: var(--color-Primary-IIC-Gold);
}

.link-list-component {
  --component-margin-top: 24px;
  --component-margin-bottom: 24px;
  --paragraph-display: block;
  --main-flex-dir: row;
  --placeholder-flex-dir: row;
  --placeholders-width: 908px;
  --placeholders-top: 56px;
  --item-content-left: 102px;
  --item-content-right: 28px;
  --h4-text-align: center;
  width: 100%;
  position: relative;
  margin-top: var(--component-margin-top);
  margin-bottom: var(--component-margin-bottom);
  background-color: var(--background-color);
}
@media (max-width: 499.98px) {
  .link-list-component {
    --component-margin-top: 24px;
    --component-margin-bottom: 24px;
    --paragraph-display: none;
    --main-flex-dir: column;
    --placeholder-flex-dir: column;
    --placeholders-width: 100%;
    --placeholders-top: 24px;
    --item-content-left: 0;
    --item-content-right: 0;
    --h4-text-align: left;
  }
}
.link-list-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.link-list-component .component-content .main-content {
  display: flex;
  flex-direction: var(--main-flex-dir);
}
.link-list-component .component-content .main-content .left-content {
  width: 288px;
  margin-right: 26px;
}
.link-list-component .component-content .main-content .left-content .page-title {
  display: block;
  color: var(--color-Primary-IIC-Blue);
  margin-top: 8px;
}
.link-list-component .component-content .main-content .left-content h5 {
  display: var(--paragraph-display);
  margin-top: 24px;
  color: var(--color-Neutrals-Steel);
}
.link-list-component .component-content .main-content .placeholders {
  display: flex;
  flex-direction: var(--placeholder-flex-dir);
  flex-wrap: wrap;
  width: var(--placeholders-width);
  min-height: 57px;
  margin-top: var(--placeholders-top);
}
.link-list-component .component-content .main-content .placeholders .link-list-item-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: var(--item-content-left);
  margin-right: var(--item-content-right);
  margin-bottom: 31px;
  min-width: 286px;
  position: relative;
}
.link-list-component .component-content .main-content .placeholders .link-list-item-content .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
  font-size: 13px;
  line-height: 16px;
}
.link-list-component .component-content .main-content .placeholders .link-list-item-content form {
  position: relative;
}
.link-list-component .component-content .main-content .placeholders .link-list-item-content form:after {
  display: inline-block;
  content: "";
  width: 286px;
  height: 1px;
  background: var(--color-Tertiary-Cream);
  position: absolute;
  left: 0;
  bottom: -12px;
}

.multi-item-scrolling-list-component {
  --multi-item-scrolling-list-header-button-margin-bottom: 60px;
  --multi-item-scrolling-list-slider-width: var(--iic-site-width);
  --multi-item-scrolling-list-header-inner-margin: 24px;
  --multi-item-scrolling-list-title-width: 495px;
  --multi-item-scrolling-list-overall-paragraph-width: 599px;
  --multi-item-scrolling-list-title-two-lines-width: 599px;
  --multi-item-scrolling-list-overall-paragraph-two-lines-width: 806px;
  --multi-item-scrolling-list-header-one-line-flex-direction: row;
  --multi-item-scrolling-list-header-multiple-lines-flex-direction: column;
  --multi-item-scrolling-list-header-one-line-margin-bottom: 104px;
  --multi-item-scrolling-list-header-one-line-margin-left: 104px;
  --multi-item-scrolling-list-one-line-overall-paragraph-margin-top: 0px;
  --multi-item-scrolling-list-header-one-line-text-align: left;
  --multi-item-scrolling-list-multiple-lines-overall-paragraph-margin-bottom: 0px;
  --multi-item-scrolling-list-overall-paragraph-margin-top: 16px;
  --multi-item-scrolling-list-header-link-button-display: block;
  --multi-item-scrolling-list-footer-link-button-display: none;
  --multi-item-scrolling-list-header-link-button-margin-bottom: 12px;
  --multi-item-scrolling-list-footer-link-button-margin-top: 0px;
  --double-row-placeholders-display: grid;
  --single-row-placeholders-display: flex;
  --single-row-placeholders-mobile-display: none;
  --slick-list-padding: 0px 31px 0px 216px;
  --slick-prev-next-top: 510px;
  --slick-dots-top: 510px;
  --slick-slide-margin-right: 64px;
  --slick-next-right: 73px;
  --slick-prev-left: auto;
  --slick-prev-right: 141px;
  background: var(--background-color);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  padding-bottom: var(--iic-site-margin-width);
  padding-top: 32px;
}
.multi-item-scrolling-list-component.single-row {
  --multi-item-scrolling-list-slider-width: 100%;
}
@media (min-width: 1920px) {
  .multi-item-scrolling-list-component {
    --slick-list-padding: 0px 31px 0px 447px;
  }
}
@media (max-width: 499.98px) {
  .multi-item-scrolling-list-component {
    --multi-item-scrolling-list-header-button-margin-bottom: 32px;
    --multi-item-scrolling-list-slider-width: var(--iic-site-width);
    --multi-item-scrolling-list-title-width: 100%;
    --multi-item-scrolling-list-overall-paragraph-width: 100%;
    --multi-item-scrolling-list-title-two-lines-width: 100%;
    --multi-item-scrolling-list-overall-paragraph-two-lines-width: 100%;
    --multi-item-scrolling-list-header-one-line-flex-direction: column;
    --multi-item-scrolling-list-header-multiple-lines-flex-direction: column;
    --multi-item-scrolling-list-header-one-line-margin-bottom: 24px;
    --multi-item-scrolling-list-header-one-line-margin-left: 0px;
    --multi-item-scrolling-list-header-inner-margin: 0px;
    --multi-item-scrolling-list-header-one-line-text-align: center;
    --multi-item-scrolling-list-one-line-overall-paragraph-margin-top: 16px;
    --multi-item-scrolling-list-multiple-lines-overall-paragraph-margin-bottom: 32px;
    --multi-item-scrolling-list-header-link-button-display: none;
    --multi-item-scrolling-list-header-link-button-margin-bottom: 0px;
    --multi-item-scrolling-list-footer-link-button-display: block;
    --multi-item-scrolling-list-footer-link-button-margin-top: 12px;
    --double-row-placeholders-display: none;
    --single-row-placeholders-display: none;
    --single-row-placeholders-mobile-display: flex;
    --slick-list-padding: 0px 20px 0px 54px;
    --slick-prev-next-top: 183px;
    --slick-dots-top: 375px;
    --slick-slide-margin-right: 32px;
    --slick-next-right: 17px;
    --slick-prev-left: 15px;
  }
  .multi-item-scrolling-list-component.single-row {
    --multi-item-scrolling-list-slider-width: var(--iic-site-width);
  }
}
.multi-item-scrolling-list-component .component-header {
  width: var(--iic-site-width);
  margin: 0 auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.multi-item-scrolling-list-component .component-header h2, .multi-item-scrolling-list-component .component-header h3, .multi-item-scrolling-list-component .component-header h4 {
  margin: 0;
}
.multi-item-scrolling-list-component .component-header .header-button {
  display: var(--multi-item-scrolling-list-header-link-button-display);
  width: fit-content;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: var(--multi-item-scrolling-list-header-button-margin-bottom);
}
.multi-item-scrolling-list-component .component-header .one-line {
  display: flex;
  justify-content: center;
  flex-direction: var(--multi-item-scrolling-list-header-one-line-flex-direction);
  margin-bottom: var(--multi-item-scrolling-list-header-one-line-margin-bottom);
  margin-left: var(--multi-item-scrolling-list-header-one-line-margin-left);
}
.multi-item-scrolling-list-component .component-header .one-line h3 {
  color: var(--color-Primary-IIC-Blue);
  width: var(--multi-item-scrolling-list-title-width);
  text-align: var(--multi-item-scrolling-list-header-one-line-text-align);
}
.multi-item-scrolling-list-component .component-header .one-line h4 {
  color: var(--color-Neutrals-Body-Copy);
  margin-left: var(--multi-item-scrolling-list-header-inner-margin);
  width: var(--multi-item-scrolling-list-overall-paragraph-width);
  text-align: var(--multi-item-scrolling-list-header-one-line-text-align);
  margin-top: var(--multi-item-scrolling-list-one-line-overall-paragraph-margin-top);
}
.multi-item-scrolling-list-component .component-header .multiple-lines {
  display: flex;
  align-items: center;
  flex-direction: var(--multi-item-scrolling-list-header-multiple-lines-flex-direction);
}
.multi-item-scrolling-list-component .component-header .multiple-lines h2 {
  width: var(--multi-item-scrolling-list-title-two-lines-width);
  text-align: center;
}
.multi-item-scrolling-list-component .component-header .multiple-lines h4 {
  width: var(--multi-item-scrolling-list-overall-paragraph-two-lines-width);
  margin-bottom: var(--multi-item-scrolling-list-multiple-lines-overall-paragraph-margin-bottom);
  margin-top: var(--multi-item-scrolling-list-overall-paragraph-margin-top);
  text-align: center;
}
.multi-item-scrolling-list-component .component-content {
  width: var(--multi-item-scrolling-list-slider-width);
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.multi-item-scrolling-list-component .component-content .placeholders {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 0.1fr);
  gap: 64px 80px;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders {
  width: var(--multi-item-scrolling-list-slider-width);
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders.experience-editor-mode {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-list {
  padding: var(--slick-list-padding) !important;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-list .slick-slide {
  margin-right: var(--slick-slide-margin-right);
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-prev, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-next {
  top: var(--slick-prev-next-top);
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-prev:before, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-next:before {
  content: none;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-prev.slick-disabled, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-next.slick-disabled {
  opacity: 0.35;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-prev:focus, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-next:focus {
  outline: 3px var(--color-CTA-CTA-Hover-Primary-Tertiary) solid;
  border-radius: var(--bs-border-radius-2xl);
  background-repeat: no-repeat;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
  right: var(--slick-next-right);
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
  left: var(--slick-prev-left);
  right: var(--slick-prev-right);
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  top: var(--slick-dots-top);
  list-style-type: none;
  pointer-events: none;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li:focus, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li:focus-within {
  outline: 3px var(--color-CTA-CTA-Hover-Primary-Tertiary) solid;
  border-radius: var(--bs-border-radius-2xl);
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li.slick-active button:before, .multi-item-scrolling-list-component .component-content .scrolling-placeholders .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}
.multi-item-scrolling-list-component .footer-button {
  display: var(--multi-item-scrolling-list-footer-link-button-display);
  width: fit-content;
  margin: 0 auto;
  margin-top: 36px;
}

.fees-component {
  --component-margin-top: 128px;
  --single-fee-direction: row;
  --single-fee-margin-bottom: 72px;
  --single-fee-paragraph-width: 391px;
  --right-content-width: 391px;
  --single-fee-paragraph-mr: 128px;
  --left-content-direction: row;
  --subscript-order: 0;
  --multi-fee-direction: row;
  --multi-fee-paragraph-width: 286px;
  --multi-fee-paragraph-mr-req: 14px;
  --multi-fee-paragraph-mr-notreq: 14px;
  --fees-card-margin-left: 128px;
  --fees-card-component-width: 391px;
  --subscript-margin-bottom: 0;
  --main-content-not-req-ml: 24px;
  --text-content-margin: 24px;
  --not-req-line-fee-height: 100%;
  --not-req-line-fee-width: 1px;
  --not-req-line-fee-top: 0px;
  --not-req-line-fee-left: -24px;
  --fees-card-component-mt-notreq: 32px;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
@media (max-width: 499.98px) {
  .fees-component {
    --component-margin-top: 65px;
    --single-fee-direction: column;
    --single-fee-margin-bottom: 56px;
    --single-fee-paragraph-width: 100%;
    --right-content-width: 100%;
    --single-fee-paragraph-mr: 0;
    --left-content-direction: column;
    --subscript-order: -1;
    --multi-fee-direction: column;
    --multi-fee-paragraph-width: 240px;
    --multi-fee-paragraph-mr-req: 4px;
    --multi-fee-paragraph-mr-notreq: 20px;
    --fees-card-margin-left: 0;
    --fees-card-component-width: 100%;
    --subscript-margin-bottom: 24px;
    --main-content-not-req-ml: 0;
    --text-content-margin: 16px;
    --not-req-line-fee-height: 1px;
    --not-req-line-fee-width: 135%;
    --not-req-line-fee-top: -16px;
    --not-req-line-fee-left: 0px;
    --fees-card-component-mt-notreq: 16px;
  }
}
.fees-component .component-content {
  margin-top: var(--component-margin-top);
}
.fees-component .component-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 24px;
}
.fees-component .component-content .placeholders {
  display: flex;
  flex-direction: column;
}
.fees-component .component-content .placeholders .single-fee-component {
  display: flex;
  margin-bottom: var(--single-fee-margin-bottom);
  flex-direction: var(--single-fee-direction);
}
.fees-component .component-content .placeholders .single-fee-component .left-content {
  display: flex;
  flex-direction: var(--left-content-direction);
}
.fees-component .component-content .placeholders .single-fee-component .left-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-right: 128px;
  margin-bottom: 16px;
  width: 184px;
}
.fees-component .component-content .placeholders .single-fee-component .left-content .fee-paragraph {
  color: var(--color-Neutrals-Body-Copy);
  width: var(--single-fee-paragraph-width);
  margin-right: var(--single-fee-paragraph-mr);
  color: var(--color-Neutrals-Body-Copy);
}
.fees-component .component-content .placeholders .single-fee-component .right-content {
  width: var(--right-content-width);
  display: flex;
  flex-direction: column;
}
.fees-component .component-content .placeholders .single-fee-component .right-content .top {
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 16px 32px;
}
.fees-component .component-content .placeholders .single-fee-component .right-content .top h5 {
  margin-bottom: 4px;
  color: var(--color-Neutrals-Body-Copy);
}
.fees-component .component-content .placeholders .single-fee-component .right-content .subscript {
  margin-top: 24px;
  margin-left: 32px;
  padding-left: 16px;
  position: relative;
  order: var(--subscript-order);
  margin-bottom: var(--subscript-margin-bottom);
}
.fees-component .component-content .placeholders .single-fee-component .right-content .subscript:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  background-color: var(--color-Tertiary-Cream);
  left: 0;
  top: 0;
}
.fees-component .component-content .placeholders .multi-fee-component {
  display: flex;
  margin-bottom: 72px;
  flex-direction: var(--multi-fee-direction);
}
.fees-component .component-content .placeholders .multi-fee-component .left-content {
  display: flex;
}
.fees-component .component-content .placeholders .multi-fee-component .left-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  width: 184px;
  margin-bottom: 25px;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders {
  display: flex;
  flex-direction: var(--multi-fee-direction);
  flex-wrap: wrap;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component {
  display: flex;
  flex-direction: column;
  width: var(--fees-card-component-width);
  margin-left: var(--fees-card-margin-left);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .fees-required {
  background-color: var(--color-Secondary-Deep-Periwinkle);
  padding-left: 24px;
  color: var(--color-IIC-White);
  padding-top: 6px;
  height: 32px;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content {
  display: flex;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content {
  display: flex;
  flex-direction: column;
  width: var(--multi-fee-paragraph-width);
  margin-left: var(--text-content-margin);
  margin-top: 16px;
  margin-bottom: var(--text-content-margin);
  position: relative;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .top-content .fees-title {
  display: block;
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: 4px;
  min-width: 367px;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .top-content .fees-price {
  color: var(--color-Primary-IIC-Blue);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .bottom-content .desc-icon {
  display: flex;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .text-content .bottom-content .desc-icon .fees-desc {
  min-width: var(--multi-fee-paragraph-width);
  margin-right: var(--multi-fee-paragraph-mr-req);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .not-required {
  margin-left: var(--main-content-not-req-ml);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .not-required .bottom-content .desc-icon .fees-desc {
  margin-right: var(--multi-fee-paragraph-mr-notreq);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component .main-content .not-required:before {
  position: absolute;
  content: "";
  width: var(--not-req-line-fee-width);
  height: var(--not-req-line-fee-height);
  background-color: var(--color-Tertiary-Cream);
  left: var(--not-req-line-fee-left);
  top: var(--not-req-line-fee-top);
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .fees-card-component:not(.required-fee) {
  align-self: end;
}
.fees-component .component-content .placeholders .multi-fee-component .right-content .placeholders .required-fee {
  background-color: rgba(89, 114, 171, 0.05);
  border-radius: 8px;
  overflow: hidden;
  height: fit-content;
}

.sign-in-callout-component {
  --component-top: 112px;
  --component-bottom: 122px;
  --sign-in-callout-content-left: 104px;
  --image-display: block;
  --h5-top: 23px;
  --p-top: 16px;
  --btn-top: 15px;
  --btn-bottom: 25px;
  --btn-width: auto;
  --p-width: 597px;
  display: flex;
  margin-top: var(--component-top);
  margin-bottom: var(--component-bottom);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  background-color: var(--background-color);
}
@media (max-width: 499.98px) {
  .sign-in-callout-component {
    --component-top: 63px;
    --component-bottom: 64px;
    --sign-in-callout-content-left: 0;
    --image-display: none;
    --h5-top: 0;
    --p-top: 16px;
    --btn-top: 32px;
    --btn-bottom: 0;
    --btn-width: 100%;
    --p-width: 100%;
  }
}
.sign-in-callout-component .component-content {
  margin-left: var(--sign-in-callout-content-left);
  display: flex;
}
.sign-in-callout-component .component-content .paragraph {
  width: var(--p-width);
}
.sign-in-callout-component .component-content .paragraph h5 {
  margin-top: var(--h5-top);
  color: var(--color-Neutrals-Heading-Copy);
}
.sign-in-callout-component .component-content .paragraph p {
  margin-top: var(--p-top);
  margin-bottom: 0;
  color: var(--color-Neutrals-Body-Copy);
}
.sign-in-callout-component .component-content .paragraph .btn {
  margin-top: var(--btn-top);
  margin-bottom: var(--btn-bottom);
  width: var(--btn-width);
}
.sign-in-callout-component .component-content .sign-in-callout-image {
  margin-left: 25px;
  display: var(--image-display);
}
.sign-in-callout-component .component-content .sign-in-callout-image img {
  width: 206px;
}

.institute-location-component {
  --main-grid-template: "search map" "card map";
  --main-margin-top: 64px;
  --main-margin-left: 39px;
  --main-width: 456px;
  --h4-margin-top: 32px;
  --search-content-text-align: left;
  --searchbox-margin-top: 48px;
  --searchbox-flex-dir: row;
  --search-input-width: 352px;
  --search-input-mr: 24px;
  --search-input-cancel-button-top: 0.72em;
  --search-input-cancel-button-right: 6.6em;
  --map-content-ml: 129px;
  --map-content-mt: 0;
  --map-content-width: 728px;
  --map-width: 599px;
  --map-height: 408px;
  --card-margin-top: 46px;
  --card-margin-left: 39px;
  --card-padding-left: 40px;
  --card-width: 456px;
  --top-content-margin: 40px;
  --btn-mr: 12px;
  --btn-width: auto;
  display: flex;
  margin-top: var(--component-top);
  margin-bottom: var(--component-bottom);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  background-color: var(--background-color);
}
@media (max-width: 499.98px) {
  .institute-location-component {
    --main-grid-template: "search" "map" "card";
    --main-margin-top: 56px;
    --main-margin-left: 0;
    --main-width: 100%;
    --h4-margin-top: 16px;
    --search-content-text-align: center;
    --searchbox-margin-top: 24px;
    --searchbox-flex-dir: column;
    --search-input-width: 100%;
    --search-input-mr: 0;
    --search-input-cancel-button-top: 0.7em;
    --search-input-cancel-button-right: 0.1em;
    --map-content-ml: 0;
    --map-content-mt: 44px;
    --map-content-width: 100%;
    --map-width: 100%;
    --map-height: 224px;
    --card-margin-top: 8px;
    --card-margin-left: 0;
    --card-padding-left: 32px;
    --card-width: 100%;
    --top-content-margin: 32px;
    --btn-mr: 0;
    --btn-width: 100%;
  }
}
.institute-location-component .main-content {
  margin-top: var(--main-margin-top);
  display: grid;
  grid-template-areas: var(--main-grid-template);
}
.institute-location-component .main-content .search-content {
  grid-area: search;
  margin-left: var(--main-margin-left);
  width: var(--main-width);
  text-align: var(--search-content-text-align);
}
.institute-location-component .main-content .search-content h2 {
  color: var(--color-Primary-IIC-Blue);
}
.institute-location-component .main-content .search-content h4 {
  margin-top: var(--h4-margin-top);
  color: var(--color-Neutrals-Body-Copy);
}
.institute-location-component .main-content .search-content .search-box {
  margin-top: var(--searchbox-margin-top);
  display: flex;
  flex-direction: var(--searchbox-flex-dir);
  justify-content: space-between;
  position: relative;
}
.institute-location-component .main-content .search-content .search-box .iic-form-control {
  width: var(--search-input-width);
  margin-right: var(--search-input-mr);
}
.institute-location-component .main-content .search-content .search-box .btn {
  align-self: end;
  margin-right: var(--btn-mr);
}
.institute-location-component .main-content .search-content .search-box .close-icon {
  top: var(--search-input-cancel-button-top);
  right: var(--search-input-cancel-button-right);
}
.institute-location-component .main-content .card-content {
  margin-top: var(--card-margin-top);
  margin-left: var(--card-margin-left);
  grid-area: card;
}
.institute-location-component .main-content .card-content .location-card-component {
  background-color: var(--color-Secondary-Frost-Blue);
  border-radius: 8px;
  width: var(--card-width);
  height: fit-content;
  padding-left: var(--card-padding-left);
  padding-top: 24px;
}
.institute-location-component .main-content .card-content .location-card-component .top-content {
  padding-right: var(--top-content-margin);
}
.institute-location-component .main-content .card-content .location-card-component .top-content h5 {
  color: var(--color-Secondary-Slate);
}
.institute-location-component .main-content .card-content .location-card-component .top-content .address {
  white-space: pre-line;
  color: var(--color-Neutrals-Body-Copy);
}
.institute-location-component .main-content .card-content .location-card-component .bottom-content {
  padding-bottom: 28px;
  padding-right: var(--top-content-margin);
}
.institute-location-component .main-content .card-content .location-card-component .bottom-content form button {
  width: var(--btn-width);
}
.institute-location-component .main-content .map-content {
  margin-top: var(--map-content-mt);
  margin-left: var(--map-content-ml);
  grid-area: map;
  min-width: var(--map-content-width);
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.institute-location-component .main-content .map-content .map {
  border-radius: 8px;
  overflow: hidden;
  width: var(--map-width);
  height: var(--map-height);
}

.generic-hero-banner-component {
  --content-margins: auto;
  --hero-banner-title-width: 662px;
  background-color: var(--hero-banner-background-color);
}
@media (max-width: 499.98px) {
  .generic-hero-banner-component {
    --content-margins: 0;
    --hero-banner-title-width: 100%;
  }
}
.generic-hero-banner-component .component-content {
  width: var(--iic-site-width);
  margin-left: var(--content-margins);
  margin-right: var(--content-margins);
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  min-height: 100%;
}
.generic-hero-banner-component .component-content .banner-breadcrumb-placeholder {
  padding-top: 24px;
}
.generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component {
  position: relative;
  left: 0;
  top: 0;
}
.generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component a {
  color: var(--hero-banner-breadcrumb-parent-color);
}
.generic-hero-banner-component .component-content .banner-breadcrumb-placeholder .breadcrumb-component .here {
  color: var(--hero-banner-breadcrumb-active-color);
}
.generic-hero-banner-component .component-content .generic-hero-banner-text-content {
  padding-bottom: 32px;
}
.generic-hero-banner-component .component-content .generic-hero-banner-text-content .generic-hero-banner-title {
  width: var(--hero-banner-title-width);
  margin-top: 24px;
  color: var(--hero-banner-title-color);
}

.syndicated-article-component {
  --article-header-component-content-padding: 80px 24px 28px 24px;
  --breadcrumb-margin: 24px !important;
  --h1-mb: 32px;
  --content-fd: row;
  --content-gap: 60px;
  --body-order: 0;
  --img-order: 1;
  --article-body-width: 636px;
  --img-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-top: 20px;
}
@media (max-width: 499.98px) {
  .syndicated-article-component {
    --article-header-component-content-padding: 72px 0 16px 0;
    --breadcrumb-margin: 0 !important;
    --h1-mb: 24px;
    --content-fd: column;
    --content-gap: 0;
    --body-order: 1;
    --img-order: 0;
    --article-body-width: 100%;
    --img-width: 100%;
  }
}
.syndicated-article-component .component-content {
  position: relative;
}
.syndicated-article-component .component-content .breadcrumb-component {
  top: 24px !important;
  left: var(--breadcrumb-margin);
  right: var(--breadcrumb-margin);
}
.syndicated-article-component .component-content .article-content-main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: var(--article-header-component-content-padding);
}
.syndicated-article-component .component-content .article-content-main h1 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--h1-mb);
}
.syndicated-article-component .component-content .article-content-main .article-content {
  display: flex;
  gap: var(--content-gap);
  flex-direction: var(--content-fd);
}
.syndicated-article-component .component-content .article-content-main .article-content .article-body {
  order: var(--body-order);
  width: var(--article-body-width);
}
.syndicated-article-component .component-content .article-content-main .article-content img {
  order: var(--img-order);
  margin-bottom: 24px;
  width: var(--img-width);
  height: fit-content;
}

.error-component {
  --component-margin-top: 32px;
  --error-text-content-padding: 0px 0px 0px 23px;
  --error-code-margin-bottom: 8px;
  --error-code-padding: 0px 0px 0px 2px;
  --text-content-width: 470px;
  --image-display: block;
  --error-description-ml: 24px;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
@media (max-width: 499.98px) {
  .error-component {
    --component-margin-top: 32px;
    --error-text-content-padding: 8px 24px 0px 16px;
    --error-code-margin-bottom: 0px;
    --error-code-padding: 0px 0px 8px 2px;
    --text-content-width: 100%;
    --image-display: none;
    --error-description-ml: 0;
  }
}
.error-component .component-content {
  margin-top: var(--component-margin-top);
  display: flex;
  align-items: center;
}
.error-component .component-content .text-content {
  width: var(--text-content-width);
}
.error-component .component-content .text-content .error-header {
  padding: var(--error-text-content-padding);
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 32px;
}
.error-component .component-content .text-content .error-header .error-code {
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--error-code-margin-bottom);
  height: 24px;
  overflow: hidden;
  padding: var(--error-code-padding);
}
.error-component .component-content .text-content .error-header .error-name {
  display: flex;
  align-items: center;
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: 0px;
}
.error-component .component-content .text-content .error-header:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--color-Neutrals-Gainsboro-Grey);
  position: absolute;
  left: 0;
  top: 0;
}
.error-component .component-content .text-content .error-description {
  margin-left: var(--error-description-ml);
}
.error-component .component-content .error-image {
  display: var(--image-display);
  margin-left: 154px;
}

.horizontal-line-component {
  margin-top: var(--horizontal-line-margin-top);
  margin-bottom: var(--horizontal-line-margin-bottom);
}
.horizontal-line-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.horizontal-line-component .component-content .line {
  height: 1px;
  background: var(--line-color);
}

.anchor-navigation-bar-component {
  --anchor-navigation-bar-item-gap: 48px;
  height: 64px;
  background: white;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 9;
}
@media (max-width: 499.98px) {
  .anchor-navigation-bar-component {
    --anchor-navigation-bar-item-gap: 40px;
  }
}
.anchor-navigation-bar-component .component-content {
  width: var(--iic-site-width);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  gap: var(--anchor-navigation-bar-item-gap);
  overflow-y: scroll;
}
.anchor-navigation-bar-component .component-content::-webkit-scrollbar {
  display: none;
}
.anchor-navigation-bar-component .component-content a {
  text-decoration: none !important;
  margin: 0;
  position: relative;
  white-space: nowrap;
}
.anchor-navigation-bar-component .component-content a:hover {
  color: var(--color-Neutrals-Heading-Copy);
}
.anchor-navigation-bar-component .component-content a.active {
  color: var(--color-Neutrals-Heading-Copy);
}
.anchor-navigation-bar-component .component-content a.active:after {
  display: block;
  content: " ";
  width: 100%;
  position: absolute;
  height: 2px;
  bottom: -6px;
  background-color: var(--color-Primary-IIC-Gold);
}

.breadcrumb-component {
  --breadcrumb-top: 26px;
  position: absolute;
  top: var(--breadcrumb-top);
  left: var(--iic-site-margin-width);
  right: var(--iic-site-margin-width);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 499.98px) {
  .breadcrumb-component {
    --breadcrumb-top: 24px;
  }
}
.breadcrumb-component a {
  text-decoration: none;
  position: relative;
  color: var(--color-CTA-CTA-Tertiary-Text-Cerulean);
}
.breadcrumb-component img {
  width: 14px;
  height: 14px;
  margin-left: 6px;
  margin-right: 6px;
}
.footer-component {
  --control-top: 168px;
  --content-wrapper-width: 1366px;
  --top-part-height: 138px;
  --footer-background: linear-gradient(to bottom, transparent 0, transparent 138px,var(--color-Primary-IIC-Blue) 138px,var(--color-Primary-IIC-Blue) 100%);
  --footer-top-diamond-left: 632px;
  --footer-top-diamond-top: 0;
  --footer-top-diamond-width: 673px;
  --footer-top-diamond-height: 401px;
  --footer-blue-diamond-left: 633px;
  --footer-blue-diamond-top: -137px;
  --footer-blue-diamond-width: 671px;
  --footer-blue-diamond-height: 399px;
  --footer-yellow-diamond-left: 632px;
  --footer-yellow-diamond-top: -138px;
  --footer-yellow-diamond-width: 673px;
  --footer-yellow-diamond-height: 401px;
  --footer-content-direction: row;
  --left-content-width: 705px;
  --footer-logo-top: 73px;
  --h2-margin-top: 44px;
  --h5-margin-top: 68px;
  --button-margin-top: 23px;
  --button-width: fit-content;
  --right-content-h5-line-height: 30px;
  --right-content-top: 312px;
  --your-location-left: 288px;
  --menu-items-top: 44px;
  --menu-items-left: 118px;
  --ul-height: 132px;
  --li-bottom: 10px;
  --li-right: 8px;
  --contact-us-top: 34px;
  --contact-us-left: 288px;
  --social-media-top: -38px;
  --social-media-bottom: 46px;
  --social-media-width: 248px;
  --chevron-display: none;
  --content-wrapper-overflow: none;
  min-height: 738px;
  background: var(--footer-background);
  display: flex;
  justify-content: center;
  margin-top: var(--control-top);
}
@media (max-width: 499.98px) {
  .footer-component {
    --control-top: 118px;
    --content-wrapper-width: 100%;
    --top-part-height: 48px;
    --footer-background: linear-gradient(to bottom, transparent 0, transparent 48px,var(--color-Primary-IIC-Blue) 48px,var(--color-Primary-IIC-Blue) 100%);
    --footer-top-diamond-left: 111px;
    --footer-top-diamond-top: 0;
    --footer-top-diamond-width: 253px;
    --footer-top-diamond-height: 152.07px;
    --footer-blue-diamond-left: 112px;
    --footer-blue-diamond-top: -47px;
    --footer-blue-diamond-width: 251px;
    --footer-blue-diamond-height: 150.07px;
    --footer-yellow-diamond-left: 111px;
    --footer-yellow-diamond-top: -48px;
    --footer-yellow-diamond-width: 253px;
    --footer-yellow-diamond-height: 152.07px;
    --footer-content-direction: column;
    --left-content-width: 100%;
    --footer-logo-top: 80px;
    --h2-margin-top: 24px;
    --h5-margin-top: 63px;
    --button-margin-top: 16px;
    --button-width: 100%;
    --right-content-h5-line-height: 26px;
    --right-content-top: 52px;
    --your-location-left: 0;
    --menu-items-top: 32px;
    --menu-items-left: 0;
    --ul-height: auto;
    --li-bottom: 16px;
    --li-right: 0;
    --contact-us-top: 24px;
    --contact-us-left: 0;
    --social-media-top: 60px;
    --social-media-bottom: 52px;
    --social-media-width: 100%;
    --chevron-display: block;
    --content-wrapper-overflow: hidden;
  }
}
@media print {
  .footer-component {
    display: none;
  }
}
.footer-component .content-wrapper {
  min-width: var(--content-wrapper-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  overflow: var(--content-wrapper-overflow);
}
.footer-component .content-wrapper .top-part {
  overflow: hidden;
  height: var(--top-part-height);
  position: relative;
  z-index: 2;
}
.footer-component .content-wrapper .top-part .footer-top-diamond {
  position: absolute;
  left: var(--footer-top-diamond-left);
  top: var(--footer-top-diamond-top);
  width: var(--footer-top-diamond-width);
  height: var(--footer-top-diamond-height);
  fill: var(--color-Primary-IIC-Gold);
}
.footer-component .content-wrapper .bottom-part {
  min-height: 600px;
  position: relative;
  color: var(--color-IIC-White);
  background-color: var(--color-Primary-IIC-Blue);
}
.footer-component .content-wrapper .bottom-part .footer-blue-diamond {
  position: absolute;
  left: var(--footer-blue-diamond-left);
  top: var(--footer-blue-diamond-top);
  width: var(--footer-blue-diamond-width);
  height: var(--footer-blue-diamond-height);
  fill: var(--color-Primary-IIC-Blue);
}
.footer-component .content-wrapper .bottom-part .footer-yellow-diamond {
  position: absolute;
  left: var(--footer-yellow-diamond-left);
  top: var(--footer-yellow-diamond-top);
  width: var(--footer-yellow-diamond-width);
  height: var(--footer-yellow-diamond-height);
  fill: var(--color-Primary-IIC-Gold);
  opacity: 0.35;
}
.footer-component .content-wrapper .bottom-part .footer-content {
  display: flex;
  flex-direction: var(--footer-content-direction);
}
.footer-component .content-wrapper .bottom-part .footer-content .left-content {
  display: flex;
  flex-direction: column;
  width: var(--left-content-width);
}
.footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-logo {
  margin-top: var(--footer-logo-top);
}
.footer-component .content-wrapper .bottom-part .footer-content .left-content h2 {
  margin-top: var(--h2-margin-top);
  max-width: 705px;
}
.footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-paragraphDiv {
  margin-top: var(--h5-margin-top);
  max-width: 494px;
}
.footer-component .content-wrapper .bottom-part .footer-content .left-content .footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--button-margin-top);
  width: var(--button-width);
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content {
  margin-top: var(--right-content-top);
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content h5 {
  line-height: var(--right-content-line-height);
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location {
  display: flex;
  margin-left: var(--your-location-left);
  color: var(--color-CTA-CTA-Secondary-Button-Cerulean) !important;
  cursor: pointer;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location .location-icon {
  margin-right: 4px;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location .chevron {
  display: var(--chevron-display);
  margin-left: 4px;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .your-location:focus-visible {
  outline: solid var(--color-IIC-White) 0.15em;
  border-radius: 0.15em;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .menu-items {
  margin-left: var(--menu-items-left);
  margin-top: var(--menu-items-top);
  width: 330px;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .menu-items ul {
  height: var(--ul-height);
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .menu-items ul li {
  margin-bottom: 8px;
  margin-right: 10px;
  width: 162px;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .menu-items ul li a {
  text-decoration: none;
  color: var(--color-IIC-White);
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .contact-us {
  margin-top: var(--contact-us-top);
  margin-left: var(--contact-us-left);
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .contact-us a {
  text-decoration: none;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .contact-us h5 {
  display: flex;
  color: var(--color-CTA-CTA-Secondary-Button-Cerulean) !important;
  font-weight: 400;
}
.footer-component .content-wrapper .bottom-part .footer-content .right-content .contact-us h5 img {
  margin-right: 8px;
}
.footer-component .content-wrapper .bottom-part .social-media {
  display: flex;
  justify-content: space-between;
  width: var(--social-media-width);
  margin-top: var(--social-media-top);
  padding-bottom: var(--social-media-bottom);
}
.footer-component .content-wrapper .bottom-part .social-media a {
  text-decoration: none;
}

.menu-component {
  --content-width: 100%;
  --first-level-li-height: 64px;
  --first-level-li-bottom: 16px;
  --menu-line-display: block;
  --btn-iic-menu-display: none;
  display: flex !important;
  margin-left: auto;
  margin-right: auto;
  top: 54px;
  left: 412px;
  margin-top: 20px;
}
@media (max-width: 499.98px) {
  .menu-component {
    --menu-line-display: none;
    padding-left: var(--iic-site-margin-width);
    padding-right: var(--iic-site-margin-width);
    position: absolute;
    left: 0;
    width: 100%;
    transition: 0.5s;
    background-color: transparent;
    z-index: 0;
    opacity: 0;
    --btn-iic-menu-display: block;
  }
  .menu-component.show {
    height: 100vh;
  }
  .menu-component:after {
    background-color: transparent !important;
  }
  .menu-component .nav {
    width: 100%;
  }
  .menu-component .nav nav {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*.mobile-menu-trigger {
        display: -webkit-flex;
        justify-content: flex-end;
        background-image: url('/assets/InsuranceInstitute/images/Icons/System_tools/menu-close.svg');
        background-size: 40px;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;

        &.collapsed {
            background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/menu-open.svg");
        }
    }*/
  }
  .menu-component .nav nav .close {
    display: none;
  }
  .menu-component .nav nav .mobile-menu-header, .menu-component .nav nav .mobile-menu-back-item {
    display: block;
  }
  .menu-component .nav nav .mobile-menu-header {
    order: -1;
    position: absolute;
    top: 20px;
    width: 100%;
  }
  .menu-component .nav nav .mobile-menu-header a {
    padding: 20px 25px;
    visibility: hidden;
  }
  .menu-component .nav nav .sl-back {
    display: none;
  }
  .menu-component .nav nav .menu-bar {
    flex-direction: column;
    position: absolute;
    top: 75px;
    left: -120%;
    width: 100%;
    max-width: 100%;
    height: calc(100% - 48px);
    overflow-x: hidden;
    transition: left 0.3s;
  }
  .menu-component .nav nav .menu-bar:hover, .menu-component .nav nav .menu-bar:focus-within {
    left: 0;
  }
  .menu-component .nav nav .menu-bar .menu-link {
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    height: var(--first-level-li-height);
    padding-bottom: var(--first-level-li-bottom);
    padding-top: var(--first-level-li-bottom);
    z-index: 1;
    text-decoration: none;
    color: var(--color-Neutrals-Heading-Copy);
  }
  .menu-component .nav nav .menu-bar .menu-link:hover, .menu-component .nav nav .menu-bar .menu-link:visited {
    text-decoration: none;
  }
  .menu-component .nav nav .menu-bar .first-level:not(:first-child):not(:last-child) .fl {
    position: relative;
  }
  .menu-component .nav nav .menu-bar .first-level:not(:first-child):not(:last-child) .fl:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--color-Tertiary-Cream);
    position: absolute;
    left: 0;
    top: 0;
  }
  .menu-component .nav nav .menu-bar .second-level:not(:first-child):not(:last-child) {
    position: relative;
  }
  .menu-component .nav nav .menu-bar .second-level:not(:first-child):not(:last-child) .sl {
    color: var(--color-Neutrals-Heading-Copy);
    max-width: 330px;
  }
  .menu-component .nav nav .menu-bar .second-level:not(:first-child):not(:last-child):after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--color-Neutrals-Light-Grey);
    position: absolute;
    left: 0;
    top: 0;
  }
  .menu-component .nav nav .menu-bar .third-level .tl {
    color: var(--color-Neutrals-Body-Copy);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 24px !important;
    height: 24px;
    margin-bottom: 16px;
  }
  .menu-component .nav nav .menu-bar .third-level .tl:focus-visible {
    outline: solid var(--color-IIC-Black) 2px;
    border-radius: 0.05em;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul {
    display: -webkit-flex;
    flex-direction: column;
    background: var(--color-IIC-White);
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    transition: left 0.3s;
    height: fit-content !important;
    padding-bottom: 100vh;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul > li > [data-haschildren=true] ~ ul a {
    padding-left: 40px;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul > li > [data-haschildren=true] ~ ul > li > [data-haschildren=true] ~ ul a {
    padding-left: 80px;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul [data-haschildren=true] {
    color: var(--color-Neutrals-Heading-Copy);
    width: fit-content;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul [data-haschildren=true] ~ ul {
    max-height: 0px;
    transform-origin: top;
    transform: scaleY(0);
    transition: max-height 0.1s;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul .show {
    max-height: 500px !important;
    animation: dropdown 0.3s forwards !important;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true]:focus ~ ul {
    left: 0;
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul {
    margin-top: calc(1.4em + 40px);
  }
  .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul:hover, .menu-component .nav nav .menu-bar > li > [data-haschildren=true] ~ ul:focus-within {
    left: 0;
  }
  .menu-component .nav nav .menu-bar > li:focus-within ~ .mobile-menu-header a {
    visibility: hidden;
  }
  .menu-component .nav nav .menu-bar.show {
    left: 0 !important;
    position: relative;
  }
  .menu-component .nav nav .mega-menu-content {
    padding: 20px 25px;
  }
  .menu-component .nav nav .mobile-menu-back-item {
    order: -1;
    background-color: var(--color-IIC-White);
  }
  .menu-component .nav nav .mobile-menu-back-item a {
    color: var(--color-Primary-IIC-Blue);
    max-height: calc(1.4em + 40px);
    margin-top: calc(0px - (1.4em + 40px));
    pointer-events: none;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--color-IIC-White);
  }
  .menu-component .nav nav .mobile-menu-back-item a:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/arrow-narrow-left.svg");
    background-size: 24px;
    display: inline-block;
    position: absolute;
    left: 0;
  }
  .menu-component .nav nav .mobile-menu-back-item a h5 {
    position: relative;
    width: 100%;
    text-align: center;
  }
  .menu-component .nav nav .mobile-menu-back-item a h5:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--color-Tertiary-Cream);
    position: absolute;
    left: 0;
    bottom: -18px;
  }
  .menu-component .nav nav .mobile-menu-trigger:focus ~ ul {
    left: 0;
  }
}
.menu-component .component-content {
  display: -webkit-flex;
  justify-content: center;
  width: var(--content-width);
}
.menu-component .component-content nav ul, .menu-component .component-content nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-component .component-content nav a {
  display: block;
  text-decoration: none;
}
.menu-component .component-content nav a:hover, .menu-component .component-content nav a:visited {
  text-decoration: none;
}
.menu-component .component-content nav .close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 0px;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/x.svg");
  background-size: 44px;
  width: 44px;
  height: 44px;
}
.menu-component .component-content nav .close:before {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/x-hover.svg");
}
.menu-component .component-content nav ul > li > .close:active > ul {
  display: none;
}
.menu-component .component-content .menu-bar {
  background: var(--color-IIC-White);
  display: -webkit-flex;
}
.menu-component .component-content .mega-menu {
  background: var(--color-IIC-White);
  z-index: 10;
  position: relative;
}
.menu-component .component-content .mega-menu:after {
  display: var(--menu-line-display);
  content: "";
  background-color: var(--color-Neutrals-Gainsboro-Grey);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}
.menu-component .component-content .mega-menu--multiLevel {
  flex-direction: column;
  flex-wrap: wrap;
}
@media all and (min-width: 501px) {
  .menu-component .component-content .nav {
    margin-bottom: 20px;
    background: var(--color-IIC-White);
  }
  .menu-component .component-content .nav > nav {
    max-width: 1184px;
    margin: 0 auto;
  }
  .menu-component .component-content .menu [data-haschildren=true] ~ ul {
    display: none;
  }
  .menu-component .component-content .menu-bar .first-level {
    margin-right: 24px;
  }
  .menu-component .component-content .menu-bar .first-level .fl {
    position: relative;
  }
  .menu-component .component-content .menu-bar .first-level .fl:focus-within:before {
    content: "";
    background-color: var(--color-Primary-IIC-Gold);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -5px;
  }
  .menu-component .component-content .menu-bar .first-level .fl img {
    display: none;
  }
  .menu-component .component-content .menu-bar .first-level [data-haschildren=true] {
    padding-right: 16px;
  }
  .menu-component .component-content .menu-bar .first-level [data-haschildren=true]:after {
    content: "";
    background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg");
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -5px;
    top: 12px;
    transform: translateY(-50%);
    padding: 13px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }
  .menu-component .component-content .menu-bar .first-level [data-haschildren=true]:focus ~ .fl-ul {
    display: flex !important;
    transform-origin: top;
    animation: dropdown 0.2s ease-out;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-left: var(--iic-site-margin-width);
    padding-right: var(--iic-site-margin-width);
  }
  .menu-component .component-content .menu-bar .first-level [data-haschildren=true] ~ .fl-ul:hover {
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-left: var(--iic-site-margin-width);
    padding-right: var(--iic-site-margin-width);
  }
  .menu-component .component-content .menu-bar .first-level .ul-close {
    display: none !important;
  }
  .menu-component .component-content .menu-link {
    z-index: 1;
    text-decoration: none;
    color: var(--color-Neutrals-Heading-Copy);
    position: relative;
  }
  .menu-component .component-content .menu-link:hover, .menu-component .component-content .menu-link:visited {
    text-decoration: none;
  }
  .menu-component .component-content .mega-menu {
    position: absolute;
    left: 0;
    top: 100px;
    max-height: 529px;
    width: 100%;
    padding-top: 23px;
    background-color: var(--color-IIC-White);
  }
  .menu-component .component-content .mega-menu .second-level .sl .btn-iic-menu {
    display: var(--btn-iic-menu-display);
  }
  .menu-component .component-content .mega-menu .second-level .sl:focus-visible {
    outline: solid var(--color-IIC-Black) 2px;
    border-radius: 0.05em;
  }
  .menu-component .component-content .mega-menu:hover {
    display: -webkit-flex;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level {
    width: 225px;
    margin-bottom: 24px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level .sl-line {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: -12px;
    bottom: 0;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level .sl {
    margin-bottom: 8px;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level .sl:focus-visible {
    outline: solid var(--color-IIC-Black) 2px;
    border-radius: 0.05em;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level [data-haschildren=true]:after {
    background-image: none;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level > [data-haschildren=true] ~ ul {
    display: -webkit-flex;
    flex-direction: column;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level > [data-haschildren=true] ~ ul li a {
    color: var(--color-Neutrals-Body-Copy) !important;
    margin-top: 10px !important;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level > [data-haschildren=true] ~ ul li a:focus-visible {
    outline: solid var(--color-IIC-Black) 2px;
    border-radius: 0.05em;
  }
  .menu-component .component-content .mega-menu--multiLevel .second-level > [data-haschildren=true] ~ ul ul {
    width: 100%;
    left: 100%;
  }
  .menu-component .component-content .mega-menu--flat > * {
    flex: 1;
  }
  .menu-component .component-content .mobile-menu-trigger, .menu-component .component-content .mobile-menu-header, .menu-component .component-content .mobile-menu-back-item {
    display: none;
  }
}
.menu-component .component-content .btn-iic-menu {
  display: var(--btn-iic-menu-display);
}

.menu-component.show {
  background-color: var(--color-IIC-White);
  z-index: 20;
  opacity: 1;
}

@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.header-component {
  --content-wrapper-width: var(--iic-site-width);
  --content-wrapper-height: 106px;
  --location-display: flex;
  --location-height: 32px;
  --location-position: relative;
  --location-bottom: -;
  --location-bottom-hover: -;
  --location-z-index: -;
  --location-div-width: auto;
  --location-justify: flex-end;
  --location-text-line-height: 21px;
  --language-right: 0px;
  --language-left: 24px;
  --language-line-display: none;
  --chevron-display: none;
  --logo-top: 17px;
  --logo-left: 17px;
  --e-learning-display: block;
  --login-desktop-display: block;
  --login-mobile-display: none;
  --mobile-menu-trigger-display: none;
  --menu-content-top: 10px;
  --header-items-align: flex-start;
  --header-items-top: 0;
  --login-right: 26.6px;
  --shopping-cart-right: 0;
  --shopping-cart-top: 5.3px;
  --searchbox-width: auto;
  --searchbox-input-width: 272px;
  --searchbox-position: relative;
  --searchbox-top: 0;
  --searchbox-left: 0;
  --searchbox-padding-right: 0;
  --searchbox-height: 34px;
  --searchbox-fs: 14px;
  --searchbox-hover-left: 0px !important;
  --searchbox-desktop-display: block;
  --searchbox-transition: none;
  --searchbox-max-height: 34px;
  --location-transition: none;
  --menu-line-display: none;
  --close-icon-z-index: 101;
  --close-icon-top: 0.33em;
  --close-icon-right: 0.5em;
  --close-icon-padding-bottom: 4px;
  --demo-log-in-display-show: block;
  --demo-logged-in-display-show: block;
  --demo-login-display: none;
  --demo-logged-in-display: none;
  --location-opacity: 1;
  /*--alert-dialog*/
  --alert-dialog-container-margin: 40px 172px 50px 172px;
}
@media (max-width: 499.98px) {
  .header-component {
    --content-wrapper-width: 100%;
    --content-wrapper-height: 88px;
    --location-display: flex;
    --location-height: 48px;
    --location-position: fixed;
    --location-bottom: -48px;
    --location-bottom-hover: 0;
    --location-z-index: -3;
    --location-z-index-hover: 21;
    --location-div-width: 100%;
    --location-justify: space-between;
    --language-right: 38px;
    --language-left: 17px;
    --language-line-display: block;
    --chevron-display: block;
    --logo-top: 16px;
    --logo-left: 0;
    --e-learning-display: none;
    --login-desktop-display: none;
    --login-mobile-display: block;
    --mobile-menu-trigger-display: flex;
    --menu-content-top: 0;
    --header-items-align: center;
    --header-items-top: 32px;
    --login-right: 41px;
    --shopping-cart-right: 24px;
    --shopping-cart-top: 0;
    --searchbox-width: 93%;
    --searchbox-input-width: 100%;
    --searchbox-position: absolute;
    --searchbox-top: 103px;
    --searchbox-left: -120%;
    --searchbox-padding-right: 24px;
    --searchbox-height: 48px;
    --searchbox-fs: 16px;
    --searchbox-hover-left: 24px !important;
    --searchbox-desktop-display: none;
    --searchbox-transition: left 0.3s;
    --searchbox-max-height: 34px;
    --location-transition: bottom 0.3s;
    --menu-line-display: block;
    --close-icon-z-index: 101;
    --close-icon-top: 0.75em;
    --close-icon-right: 2em;
    --close-icon-padding-bottom: 4px;
    --demo-log-in-display-show: block;
    --demo-logged-in-display-show: block;
    --demo-login-display: none;
    --demo-logged-in-display: none;
    --location-opacity: 0;
  }
}
.header-component .content-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--color-IIC-White);
}
.header-component .content-wrapper .location-wrapper {
  display: var(--location-display);
  justify-content: center;
  flex-direction: column;
  background-color: var(--color-Neutrals-Light-Grey);
  height: var(--location-height);
  position: var(--location-position);
  bottom: var(--location-bottom);
  z-index: var(--location-z-index);
  width: 100%;
  overflow-y: hidden;
  transition: var(--location-transition);
  opacity: var(--location-opacity);
}
.header-component .content-wrapper .location-wrapper .your-location {
  display: flex;
  align-items: center;
  justify-content: var(--location-justify);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  color: var(--color-CTA-CTA-Tertiary-Text-Cerulean) !important;
  min-width: var(--content-wrapper-width);
}
.header-component .content-wrapper .location-wrapper .your-location .location-div {
  display: flex;
  justify-content: space-between;
  width: var(--location-div-width);
}
.header-component .content-wrapper .location-wrapper .your-location .location-div .location-text {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  line-height: var(--location-text-line-height);
}
.header-component .content-wrapper .location-wrapper .your-location .location-div .location-text .location-icon {
  margin-right: 4px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  background: url(/assets/InsuranceInstitute/images/Icons/System_tools/location.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-component .content-wrapper .location-wrapper .your-location .location-div .location-text .location-icon:hover {
  background: url(/assets/InsuranceInstitute/images/Icons/System_tools/location-hover.svg);
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-component .content-wrapper .location-wrapper .your-location .location-div .chevron {
  display: var(--chevron-display);
  margin-right: 16px;
}
.header-component .content-wrapper .location-wrapper .your-location .language-link {
  text-decoration: none;
  margin-left: var(--language-left);
  margin-right: var(--language-right);
  position: relative;
}
.header-component .content-wrapper .location-wrapper .your-location .language-link:before {
  display: var(--language-line-display);
  content: "";
  background-color: var(--color-Tertiary-Cream);
  width: 1px;
  height: 32px;
  position: absolute;
  left: -16px;
  top: -8px;
  z-index: 99;
}
.header-component .content-wrapper .location-wrapper.show {
  bottom: var(--location-bottom-hover) !important;
  z-index: var(--location-z-index-hover);
  opacity: 1;
}
.header-component .content-wrapper .menu-content {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  min-width: var(--content-wrapper-width);
  height: var(--content-wrapper-height);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: var(--menu-content-top);
  position: relative;
  background-color: var(--color-IIC-White);
}
.header-component .content-wrapper .menu-content .logo {
  height: 100%;
}
.header-component .content-wrapper .menu-content .logo a img {
  width: 98px;
  margin-top: var(--logo-top);
  margin-left: var(--logo-left);
}
.header-component .content-wrapper .menu-content .logo a:focus-visible img {
  width: 98px;
  margin-top: var(--logo-top);
  margin-left: var(--logo-left);
  display: block;
}
.header-component .content-wrapper .menu-content .header-items {
  display: flex;
  justify-content: flex-end;
  align-items: var(--header-items-align);
  margin-top: var(--header-items-top);
}
.header-component .content-wrapper .menu-content .header-items .search-box {
  width: var(--searchbox-width);
  margin-right: 24px;
  position: var(--searchbox-position);
  top: var(--searchbox-top);
  z-index: 100;
  left: var(--searchbox-left);
  padding-right: var(--searchbox-padding-right);
  transition: var(--searchbox-transition);
  display: block !important;
  max-height: var(--searchbox-max-height);
}
.header-component .content-wrapper .menu-content .header-items .search-box:hover, .header-component .content-wrapper .menu-content .header-items .search-box:focus-within {
  left: var(--searchbox-hover-left);
}
.header-component .content-wrapper .menu-content .header-items .search-box input {
  width: var(--searchbox-input-width);
  height: var(--searchbox-height);
  font-size: var(--searchbox-fs);
  box-shadow: none;
}
.header-component .content-wrapper .menu-content .header-items .search-box button[type=reset] {
  border: none;
}
@supports (-webkit-appearance: none) {
  .header-component .content-wrapper .menu-content .header-items .search-box button[type=reset] {
    -webkit-appearance: none;
  }
}
@supports (-moz-appearance: none) {
  .header-component .content-wrapper .menu-content .header-items .search-box button[type=reset] {
    -moz-appearance: none;
    padding-bottom: 0px;
    top: -4px;
  }
}
.header-component .content-wrapper .menu-content .header-items .search-box form {
  max-height: var(--searchbox-max-height);
}
.header-component .content-wrapper .menu-content .header-items .search-box .close-icon {
  z-index: var(--close-icon-z-index);
  border: none;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  right: var(--close-icon-right);
  top: var(--close-icon-top);
  padding-bottom: var(--close-icon-padding-bottom);
}
.header-component .content-wrapper .menu-content .header-items .search-box.show {
  display: var(--searchbox-desktop-display);
  left: var(--searchbox-hover-left);
}
.header-component .content-wrapper .menu-content .header-items .e-learning {
  display: var(--e-learning-display);
  margin-right: 16px;
}
.header-component .content-wrapper .menu-content .header-items .login {
  margin-right: 16px;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown {
  cursor: pointer;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-toggle:after {
  border: none;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  background-size: 18px;
  display: inline-block;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-toggle.show:after {
  border: none;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
  transform: rotate(180deg);
  background-size: 18px;
  display: inline-block;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .user-name-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--color-IIC-Royal-Blue);
  color: var(--color-IIC-White);
  letter-spacing: 0;
  text-transform: uppercase;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .user-name-text {
  margin-left: 5px;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-menu {
  width: 240px;
  border: none;
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-menu .user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25rem 0.75rem;
  cursor: default;
}
.header-component .content-wrapper .menu-content .header-items .login .login-dropdown .dropdown-menu .user-info .user-name-text {
  width: 175px;
  overflow-wrap: anywhere;
}
.header-component .content-wrapper .menu-content .header-items .login .login-desktop {
  display: var(--login-desktop-display);
}
.header-component .content-wrapper .menu-content .header-items .login .login-mobile {
  display: var(--login-mobile-display);
}
.header-component .content-wrapper .menu-content .header-items .login .login-mobile .log-in-btn {
  width: 26px;
  height: 26px;
  position: relative;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/user-circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--color-IIC-White);
  border: none;
}
.header-component .content-wrapper .menu-content .header-items .login .login-mobile .log-in-btn:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/user-circle-hover.svg");
}
.header-component .content-wrapper .menu-content .header-items .shopping-cart {
  position: relative;
  width: 26px;
  height: 26px;
  margin-top: var(--shopping-cart-top);
  margin-right: var(--shopping-cart-right);
}
.header-component .content-wrapper .menu-content .header-items .shopping-cart a .icon {
  position: absolute;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/shopping-cart.svg");
  background-size: 26px;
  width: 26px;
  height: 26px;
}
.header-component .content-wrapper .menu-content .header-items .shopping-cart a .icon:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/shopping-cart-hover.svg");
}
.header-component .content-wrapper .menu-content .header-items .shopping-cart a .number {
  position: absolute;
  right: -8px;
  top: -10px;
  background: var(--color-Secondary-Deep-Periwinkle);
  color: var(--color-IIC-White);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 2px solid var(--color-IIC-White);
  border-radius: 50%;
}
.header-component .content-wrapper .menu-content .header-items .shopping-cart:focus-within a .icon {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/shopping-cart-hover.svg);
  outline: var(--bs-link-hover-color) solid 3px;
  border-radius: var(--bs-border-radius-2xl);
  outline-offset: 2px;
}
.header-component .content-wrapper .menu-content .header-items .mobile-menu-trigger {
  display: var(--mobile-menu-trigger-display);
  justify-content: flex-end;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/menu-close.svg");
  background-size: 40px;
  width: 40px;
  height: 40px;
}
.header-component .content-wrapper .menu-content .header-items .mobile-menu-trigger.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/menu-open.svg");
}

.tab-navigation-component {
  --tab-navigation-component-scrollbar-display: block;
  display: flex;
  position: sticky;
  top: 0px;
  z-index: 9;
  align-items: center;
  height: 64px;
  background-color: var(--color-Secondary-Icy-Blue);
  overflow: auto;
}
@media (max-width: 499.98px) {
  .tab-navigation-component {
    --tab-navigation-component-scrollbar-display: none;
  }
}
.tab-navigation-component::-webkit-scrollbar {
  display: var(--tab-navigation-component-scrollbar-display);
  height: 4px;
}
.tab-navigation-component::-webkit-scrollbar-track {
  display: var(--tab-navigation-component-scrollbar-display);
  background: none;
}
.tab-navigation-component::-webkit-scrollbar-thumb {
  display: var(--tab-navigation-component-scrollbar-display);
  background-color: var(--color-Neutrals-Cadet-Grey);
  border-radius: 20px;
}
.tab-navigation-component .component-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  gap: 24px;
}
.tab-navigation-component .component-content a {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px;
  border-radius: 3px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  background-color: var(--color-IIC-White);
  color: var(--color-Neutrals-Steel);
  margin: 0;
  white-space: nowrap;
}
.tab-navigation-component .component-content a.active {
  color: var(--color-IIC-White);
  background-color: var(--color-Secondary-Deep-Periwinkle);
}

.focus-header-component {
  --logo-margin: 17px 0px 0px 40px;
  --logo-width: 98px;
  --logo-height: auto;
  --logo-padding-top: 8px;
  --focus-header-component-width: 1366px;
  --focus-header-component-padding: 0px;
  --logo-with-info-height: 104px;
  --info-caption-regular-display: block;
  --info-margin-right: 40px;
  --menu-content-margin-bottom: 32px;
}
@media (max-width: 499.98px) {
  .focus-header-component {
    --logo-margin: 15px 0px 0px 0px;
    --logo-width: 70px;
    --logo-height: 40px;
    --logo-padding-top: 0px;
    --focus-header-component-width: 100%;
    --focus-header-component-padding: var(--iic-site-margin-width);
    --logo-with-info-height: 72px;
    --info-caption-regular-display: none;
    --info-margin-right: 0px;
    --menu-content-margin-bottom: 24px;
  }
}
.focus-header-component .menu-content {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--menu-content-margin-bottom);
}
.focus-header-component .menu-content .menu-content-container {
  background: var(--color-IIC-White);
  margin-bottom: 24px;
}
.focus-header-component .menu-content .menu-content-container .logo-with-info {
  width: var(--focus-header-component-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--focus-header-component-padding);
  padding-right: var(--focus-header-component-padding);
  height: var(--logo-with-info-height);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.focus-header-component .menu-content .menu-content-container .logo-with-info .logo {
  height: 100%;
  padding-top: var(--logo-padding-top);
}
.focus-header-component .menu-content .menu-content-container .logo-with-info .logo a img {
  height: var(--logo-height);
  width: var(--logo-width);
  margin: var(--logo-margin);
}
.focus-header-component .menu-content .menu-content-container .logo-with-info .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: var(--info-margin-right);
}
.focus-header-component .menu-content .menu-content-container .logo-with-info .info .caption-regular {
  display: var(--info-caption-regular-display);
  margin: 0px 24px 0px 0px;
  color: var(--color-Neutrals-Body-Copy);
}
.focus-header-component .menu-content .back-button {
  width: var(--focus-header-component-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--focus-header-component-padding);
  padding-right: var(--focus-header-component-padding);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: var(--iic-site-margin-width);
  cursor: pointer;
}
.focus-header-component .menu-content .back-button img {
  margin: 0px 16px 0px 3px;
}
.focus-header-component .menu-content .back-button .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
}

.alert-banner-component {
  /*--alert-banner-component-common-*/
  --alert-banner-component-common-display: flex;
  --alert-banner-component-common-flex-direction: row;
  --alert-banner-component-common-border-radius: 0;
  --alert-banner-component-common-background-color: var(--color-Neutrals-Light-Grey);
  --alert-banner-component-common-min-height: 27px;
  --alert-banner-component-common-padding: 6px 24px;
  --alert-banner-component-common-justify-content: center;
  --alert-banner-component-common-align-items: center;
  /*--alert-banner-content-wrapper-buttons-*/
  --alert-banner-component-content-wrapper-display: flex;
  --alert-banner-component-content-wrapper-flex-direction: row;
  --alert-banner-component-content-wrapper-width: 100%;
  /*--alert-banner-component-buttons-alert-banner-wrapper-*/
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-link-wrapper-display: flex;
  /*--alert-banner-component-buttons-alert-banner-close-wrapper-*/
  --alert-banner-component-buttons-alert-banner-close-wrapper-margin-left: auto;
  /*--alert-banner-component-buttons-*/
  --alert-banner-component-buttons-tertiary-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(94deg) brightness(104%) contrast(102%);
  --alert-banner-component-buttons-tertiary-color: #000;
  /*--alert-banner-component-buttons-alert-banner-wrapper-*/
  --alert-banner-component-buttons-alert-banner-wrapper-display: flex;
  --alert-banner-component-buttons-alert-banner-wrapper-padding: 6px 139px;
  --alert-banner-component-buttons-alert-banner-wrapper-flex-direction: row;
  --alert-banner-component-buttons-alert-banner-wrapper-justify-content: end;
  --alert-banner-component-buttons-alert-banner-wrapper-align-items: flex-end;
  /*--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-*/
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-background: #3E5487;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-width: 1px;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-height: 24px;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-margin: 0 24px;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-display: flex;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-justify-content: center;
  --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-align-items: center;
  /*--alert-banner-component-buttons-alert-banner-wrapper-goto-my-account-*/
  --alert-banner-component-buttons-alert-banner-wrapper-goto-my-account-margin-left: 0;
  --alert-banner-component-buttons-alert-banner-wrapper-goto-my-account-display: flex;
  /*--alert-banner-foreground-color*/
  --alert-banner-foreground-color: var(--color-IIC-White);
  --x-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44"> <path d="M15.1523 15.1513C15.6209 14.6826 16.3807 14.6826 16.8493 15.1513L22.0008 20.3027L27.1523 15.1513C27.6209 14.6826 28.3807 14.6826 28.8493 15.1513C29.3179 15.6199 29.3179 16.3797 28.8493 16.8483L23.6978 21.9998L28.8493 27.1513C29.3179 27.6199 29.3179 28.3797 28.8493 28.8483C28.3807 29.317 27.6209 29.317 27.1523 28.8483L22.0008 23.6969L16.8493 28.8483C16.3807 29.317 15.6209 29.317 15.1523 28.8483C14.6836 28.3797 14.6836 27.6199 15.1523 27.1513L20.3037 21.9998L15.1523 16.8483C14.6836 16.3797 14.6836 15.6199 15.1523 15.1513Z"/></svg>');
  display: var(--alert-banner-component-common-display);
  flex-direction: var(--alert-banner-component-common-flex-direction);
  border-radius: var(--alert-banner-component-common-border-radius);
  background-color: var(--alert-banner-component-common-background-color);
  min-height: var(--alert-banner-component-common-min-height);
  justify-content: var(--alert-banner-component-common-justify-content);
  align-items: var(--alert-banner-component-common-align-items);
  padding: var(--alert-banner-component-common-padding);
}
@media (max-width: 499.98px) {
  .alert-banner-component {
    --alert-banner-component-common-padding: 16px 16px;
    --alert-banner-component-content-wrapper-flex-direction: column;
    --alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-display: none;
    --alert-banner-component-common-justify-content: start;
    --alert-banner-component-common-align-items: flex-start;
  }
}
@media (min-width: 500px) {
  .alert-banner-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.alert-banner-component .alert-banner-content-wrapper {
  display: var(--alert-banner-component-content-wrapper-display);
  flex-direction: var(--alert-banner-component-content-wrapper-flex-direction);
  justify-content: var(--alert-banner-component-common-justify-content);
  align-items: var(--alert-banner-component-common-align-items);
  width: var(--alert-banner-component-content-wrapper-width);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-wrapper {
  display: var(--alert-banner-component-buttons-alert-banner-wrapper-display);
  flex-direction: var(--alert-banner-component-buttons-alert-banner-wrapper-flex-direction);
  justify-content: var(--alert-banner-component-buttons-alert-banner-wrapper-justify-content);
  align-items: var(--alert-banner-component-buttons-alert-banner-wrapper-align-items);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper {
  display: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-link-wrapper-display);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper .alert-banner-divider {
  display: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-display);
  justify-content: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-justify-content);
  align-items: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-align-items);
  margin: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-margin);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper .alert-banner-divider .alert-banner-divider-content {
  width: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-width);
  height: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-height);
  background: var(--alert-banner-component-buttons-alert-banner-wrapper-alert-banner-divider-background);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper .goto-alert-link {
  margin-left: var(--alert-banner-component-buttons-alert-banner-wrapper-goto-my-account-margin-left);
  display: var(--alert-banner-component-buttons-alert-banner-wrapper-goto-my-account-display);
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper .goto-alert-link > form > button {
  background-image: unset;
}
.alert-banner-component .alert-banner-content-wrapper .alert-banner-link-wrapper .goto-alert-link > form > button:after {
  content: "";
  display: flex;
  align-items: center !important;
  height: 16px;
  width: 16px;
  -webkit-mask-image: url(/assets/InsuranceInstitute/images/Icons/Solid/right-arrow.svg);
  background-color: var(--alert-banner-foreground-color);
}
.alert-banner-component .alert-banner-close-wrapper {
  margin-left: var(--alert-banner-component-buttons-alert-banner-close-wrapper-margin-left);
}
.alert-banner-component .alert-banner-close-wrapper > button {
  -webkit-mask-image: var(--x-svg);
  height: 44px;
  width: 44px;
  background-color: var(--alert-banner-foreground-color);
}

.account-important-dates-component {
  --account-important-dates-width: 807px;
  --account-important-dates-card-title-date-width: 191px;
  --account-important-dates-card-title-date-padding: 20px 0px 16px 32px;
  --account-important-dates-item-date-container-padding: 0px 24px;
  --account-important-dates-item-text-container-padding: 16px 32px;
  --account-important-dates-item-text-container-gap: 0px;
  --account-important-dates-header-btn-iic-accordion-display: none;
  --account-important-dates-header-background: -;
  --account-important-dates-header-margin-bottom: 16px;
  --account-important-dates-header-box-shadow: 0;
  --account-important-dates-header-border-radius: 0px;
  --account-important-dates-header-padding: 0;
  --account-important-dates-title-icon-margin: 0px 13px 0px 5px;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-padding: 25.5px 16px;
  --listing-pagination-footer-height: 75px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 100%;
  --listing-pagination-controls-width: 461px;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --pagination-controls-buttons-width: 104px;
  --account-important-dates-listing-pagination-footer-display: flex;
  --account-important-dates-list-result-desktop-side-display: block;
  --account-important-dates-list-result-mobile-side-display: none;
  --account-important-dates-card-border-radius: 8px;
  --account-important-dates-item-last-child-margin-bottom: 0px;
  --account-important-dates-item-align-items: center;
  --account-important-dates-item-border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --account-important-dates-item-margin-bottom: 0px;
  --account-important-dates-item-after-display: none;
  --account-important-dates-item-date-container-border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --account-important-dates-card-title-display: flex;
  --account-important-dates-item-text-container-order: unset;
  --account-important-dates-item-date-container-order: unset;
  --account-important-dates-item-date-container-margin-bottom: 0px;
  --no-content-margin: 0 48px;
  margin-top: var(--account-important-dates-margin-top);
  margin-bottom: var(--account-important-dates-margin-bottom);
}
@media (max-width: 499.98px) {
  .account-important-dates-component {
    --account-important-dates-width: 327px;
    --account-important-dates-card-title-date-width: 100%;
    --account-important-dates-card-title-date-padding: 0px 0px 0px 16px;
    --account-important-dates-item-date-container-padding: 0px 24px;
    --account-important-dates-item-text-container-padding: 10px 24px;
    --account-important-dates-item-text-container-gap: 10px;
    --account-important-dates-header-btn-iic-accordion-display: initial;
    --account-important-dates-header-background: var(--color-IIC-White);
    --account-important-dates-header-margin-bottom: 0;
    --account-important-dates-header-box-shadow: 0.5;
    --account-important-dates-header-border-radius: 8px 8px 0px 0px;
    --account-important-dates-header-padding: 14px 16px;
    --account-important-dates-title-icon-margin: 0px 15px 0px 3px;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-padding: 16px;
    --listing-pagination-footer-height: auto;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-controls-width: 100%;
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --pagination-controls-buttons-width: 100%;
    --account-important-dates-listing-pagination-footer-display: none;
    --account-important-dates-list-result-desktop-side-display: none;
    --account-important-dates-list-result-mobile-side-display: block;
    --account-important-dates-card-title-display: none;
    --account-important-dates-card-border-radius: 0px 0px 8px 8px;
    --account-important-dates-item-last-child-margin-bottom: 36px;
    --account-important-dates-item-flex-direction: column;
    --account-important-dates-item-align-items: start;
    --account-important-dates-item-border-bottom: none;
    --account-important-dates-item-margin-bottom: 41px;
    --account-important-dates-item-after-display: block;
    --account-important-dates-item-date-container-border-right: none;
    --account-important-dates-item-text-container-order: 1;
    --account-important-dates-item-date-container-order: 2;
    --account-important-dates-item-date-container-margin-bottom: 14px;
    --no-content-margin: 12px 24px;
  }
  .account-important-dates-component .mobile-side .account-important-dates-card-wrapper {
    display: block !important;
  }
}
@media (min-width: 500px) {
  .account-important-dates-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.account-important-dates-component .pagination-controls-input::-webkit-outer-spin-button,
.account-important-dates-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.account-important-dates-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.account-important-dates-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.account-important-dates-component .component-content .content {
  width: var(--account-important-dates-width);
}
.account-important-dates-component .component-content .content .account-important-dates-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--account-important-dates-header-margin-bottom);
  min-height: 40px;
  background: var(--account-important-dates-header-background);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--account-important-dates-header-box-shadow));
  border-radius: var(--account-important-dates-header-border-radius);
  padding: var(--account-important-dates-header-padding);
}
.account-important-dates-component .component-content .content .account-important-dates-header .account-important-dates-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.account-important-dates-component .component-content .content .account-important-dates-header .account-important-dates-title .account-important-dates-title-icon {
  margin: var(--account-important-dates-title-icon-margin);
}
.account-important-dates-component .component-content .content .account-important-dates-header .account-important-dates-title h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.account-important-dates-component .component-content .content .account-important-dates-header .btn-iic-accordion {
  display: var(--account-important-dates-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result.desktop-side {
  display: var(--account-important-dates-list-result-desktop-side-display);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result.mobile-side {
  display: var(--account-important-dates-list-result-mobile-side-display);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper {
  display: none;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card {
  display: flex;
  flex-direction: column;
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: var(--account-important-dates-card-border-radius);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-card-title {
  display: var(--account-important-dates-card-title-display);
  flex-direction: row;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
  height: 56px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-card-title .account-important-dates-card-title-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--account-important-dates-card-title-date-padding);
  width: var(--account-important-dates-card-title-date-width);
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  align-self: stretch;
  margin-left: unset;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-card-title .account-important-dates-card-title-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--account-important-dates-card-title-date-padding);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item {
  display: flex;
  flex-direction: var(--account-important-dates-item-flex-direction);
  align-items: var(--account-important-dates-item-flex-direction);
  min-height: 73px;
  position: relative;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item:last-child {
  margin-bottom: var(--account-important-dates-item-last-child-margin-bottom);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item:not(:last-child) {
  border-bottom: var(--account-important-dates-item-border-bottom);
  margin-bottom: var(--account-important-dates-item-margin-bottom);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item:not(:last-child):after {
  display: var(--account-important-dates-item-after-display);
  content: "";
  height: 1px;
  position: absolute;
  width: 279px;
  bottom: -18px;
  left: 25px;
  background-color: var(--color-Tertiary-Cream);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-date-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  order: var(--account-important-dates-item-date-container-order);
  border-right: var(--account-important-dates-item-date-container-border-right);
  padding: var(--account-important-dates-item-date-container-padding);
  width: var(--account-important-dates-card-title-date-width);
  min-width: var(--account-important-dates-card-title-date-width);
  align-self: stretch;
  margin-bottom: var(--account-important-dates-item-date-container-margin-bottom);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-date-container .account-important-dates-item-date-icon {
  margin-right: 8px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-date-container .account-important-dates-item-date-string {
  color: var(--color-Neutrals-Body-Copy);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-date-container .account-important-dates-item-date-string .account-important-date-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-date-container .passed-date {
  color: var(--color-IIC-Red);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-text-container {
  display: flex;
  flex-direction: column;
  order: var(--account-important-dates-item-text-container-order);
  padding: var(--account-important-dates-item-text-container-padding);
  gap: var(--account-important-dates-item-text-container-gap);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-text-container h6 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .account-important-dates-item .account-important-dates-item-text-container .account-important-dates-item-description {
  color: var(--color-Neutrals-Body-Copy);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer {
  display: var(--account-important-dates-listing-pagination-footer-display);
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  width: var(--listing-pagination-footer-width);
  background: var(--color-Primary-Background);
  padding: var(--listing-pagination-footer-padding);
  border-radius: 0px 0px 8px 8px;
  gap: 10px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.account-important-dates-component .component-content .content .account-important-dates-list-result .account-important-dates-card-wrapper .account-important-dates-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.account-important-dates-component .component-content .content .no-content {
  margin: var(--no-content-margin);
}

.alerts-component {
  --account-alerts-width: 807px;
  --alert-card-title-date-width: 612px;
  --alert-card-title-date-padding: 16px 0px 16px 32px;
  --alert-card-title-display: flex;
  --alert-card-border-radius: 8px;
  --account-alerts-item-margin-bottom: 0px;
  --account-alerts-item-last-child-margin-bottom: 0px;
  --account-alerts-item-date-container-padding: 0px 32px;
  --account-alerts-item-date-container-gap: 0px;
  --account-alerts-item-text-container-padding: 16px 32px;
  --account-alerts-item-text-container-flex-direction: row;
  --account-alerts-item-text-container-align-items: center;
  --account-alerts-item-text-container-border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --account-alerts-item-border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --account-alerts-item-after-display: none;
  --account-alerts-header-btn-iic-accordion-display: none;
  --account-alerts-header-background: -;
  --account-alerts-header-box-shadow: 0;
  --account-alerts-header-border-radius: 0px;
  --account-alerts-header-padding: 0;
  --account-alerts-header-margin-bottom: 16px;
  --account-alerts-title-icon-margin: 0px 13px 0px 5px;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-padding: 25.5px 16px;
  --listing-pagination-footer-height: 75px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 100%;
  --listing-pagination-controls-width: 461px;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --pagination-controls-buttons-width: 104px;
  --account-alerts-title-counter-icon-content: url(/assets/InsuranceInstitute/images/Icons/Dashboard/Alert-Circle.svg);
  --account-alerts-item-new-message-display: flex;
  --account-alerts-item-description-display: block;
  --account-alerts-item-date-container-desktop-side-display: flex;
  --account-alerts-item-date-container-mobile-side-display: none;
  --account-alerts-item-text-container-title-width: 329px;
  --account-alerts-item-text-container-title-flex-direction: row;
  --account-alerts-item-text-container-title-align-items: center;
  --account-alerts-item-text-container-title-content-h6-margin: 0;
  --account-listing-pagination-footer-display: flex;
  --account-alerts-list-result-desktop-side-display: block;
  --account-alerts-list-result-mobile-side-display: none;
  --no-content-margin: 0 48px;
  margin-top: var(--account-alerts-margin-top);
  margin-bottom: var(--account-alerts-margin-bottom);
}
@media (max-width: 499.98px) {
  .alerts-component {
    --account-alerts-width: 327px;
    --alert-card-title-date-width: 100%;
    --alert-card-title-date-padding: 0px 0px 0px 16px;
    --alert-card-title-display: none;
    --alert-card-border-radius: 0px 0px 8px 8px;
    --account-alerts-item-margin-bottom: 41px;
    --account-alerts-item-last-child-margin-bottom: 36px;
    --account-alerts-item-date-container-padding: 0px;
    --account-alerts-item-date-container-gap: 8px;
    --account-alerts-item-text-container-padding: 3px 24px;
    --account-alerts-item-text-container-flex-direction: column;
    --account-alerts-item-text-container-align-items: start;
    --account-alerts-item-text-container-border-right: none;
    --account-alerts-item-border-bottom: none;
    --account-alerts-item-after-display: block;
    --account-alerts-header-btn-iic-accordion-display: initial;
    --account-alerts-header-background: var(--color-IIC-White);
    --account-alerts-header-box-shadow: 0.5;
    --account-alerts-header-border-radius: 8px;
    --account-alerts-header-padding: 14px 16px;
    --account-alerts-header-margin-bottom: 0px;
    --account-alerts-title-icon-margin: 0px 15px 0px 3px;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-padding: 16px;
    --listing-pagination-footer-height: auto;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-controls-width: 100%;
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --pagination-controls-buttons-width: 100%;
    --account-alerts-title-counter-icon-content: url(/assets/InsuranceInstitute/images/Icons/Dashboard/Alert-Circle-Mobile.svg);
    --account-alerts-item-new-message-display: none;
    --account-alerts-item-description-display: none;
    --account-alerts-item-date-container-desktop-side-display: none;
    --account-alerts-item-date-container-mobile-side-display: flex;
    --account-alerts-item-text-container-title-width: 100%;
    --account-alerts-item-text-container-title-flex-direction: column;
    --account-alerts-item-text-container-title-align-items: start;
    --account-alerts-item-text-container-title-content-h6-margin: 0px 0px 12px 0px;
    --account-listing-pagination-footer-display: none;
    --account-alerts-list-result-desktop-side-display: none;
    --account-alerts-list-result-mobile-side-display: block;
    --no-content-margin: 12px 24px;
  }
  .alerts-component .mobile-side .alert-card-wrapper {
    display: block !important;
  }
}
@media (min-width: 500px) {
  .alerts-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.alerts-component .pagination-controls-input::-webkit-outer-spin-button,
.alerts-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.alerts-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.alerts-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.alerts-component .component-content .content {
  width: var(--account-alerts-width);
  min-height: 40px;
  background: var(--account-alerts-header-background);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--account-alerts-header-box-shadow));
  border-radius: var(--account-alerts-header-border-radius);
}
.alerts-component .component-content .content .account-alerts-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--account-alerts-header-margin-bottom);
  min-height: 40px;
  padding: var(--account-alerts-header-padding);
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title .account-alerts-title-icon-container {
  margin: var(--account-alerts-title-icon-margin);
  position: relative;
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title .account-alerts-title-icon-container .account-alerts-title-counter {
  position: relative;
  display: flex;
  align-items: center;
  left: 9px;
  top: -25px;
  justify-content: center;
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title .account-alerts-title-icon-container .account-alerts-title-counter .account-alerts-title-counter-icon {
  position: absolute;
  content: var(--account-alerts-title-counter-icon-content);
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title .account-alerts-title-icon-container .account-alerts-title-counter .notification {
  position: absolute;
  color: var(--color-IIC-White);
}
.alerts-component .component-content .content .account-alerts-header .account-alerts-title h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.alerts-component .component-content .content .account-alerts-header .btn-iic-accordion {
  display: var(--account-alerts-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.alerts-component .component-content .content .account-alerts-list-result.desktop-side {
  display: var(--account-alerts-list-result-desktop-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result.mobile-side {
  display: var(--account-alerts-list-result-mobile-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper {
  display: none;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card {
  display: flex;
  flex-direction: column;
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: var(--alert-card-border-radius);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .alert-card-title {
  display: var(--alert-card-title-display);
  flex-direction: row;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
  height: 56px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .alert-card-title .alert-card-title-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--alert-card-title-date-padding);
  width: var(--alert-card-title-date-width);
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  align-self: stretch;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .alert-card-title .alert-card-title-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--alert-card-title-date-padding);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item:last-child {
  margin-bottom: var(--account-alerts-item-last-child-margin-bottom);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item:not(:last-child) {
  border-bottom: var(--account-alerts-item-border-bottom);
  margin-bottom: var(--account-alerts-item-margin-bottom);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item:not(:last-child):after {
  display: var(--account-alerts-item-after-display);
  content: "";
  height: 1px;
  position: absolute;
  width: 279px;
  bottom: -18px;
  left: 25px;
  background-color: var(--color-Tertiary-Cream);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 73px;
  position: relative;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container {
  flex-direction: row;
  align-items: center;
  padding: var(--account-alerts-item-date-container-padding);
  align-self: stretch;
  gap: var(--account-alerts-item-date-container-gap);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container.desktop-side {
  display: var(--account-alerts-item-date-container-desktop-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container.mobile-side {
  display: var(--account-alerts-item-date-container-mobile-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container .account-alerts-item-date-icon {
  margin-right: 8px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container .account-alerts-item-date-string {
  color: var(--color-Neutrals-Body-Copy);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-date-container .account-alerts-item-date-string.old-date {
  color: var(--color-IIC-Red);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container {
  display: flex;
  flex-direction: var(--account-alerts-item-text-container-flex-direction);
  padding: var(--account-alerts-item-text-container-padding);
  width: var(--alert-card-title-date-width);
  min-width: var(--alert-card-title-date-width);
  border-right: var(--account-alerts-item-text-container-border-right);
  align-self: stretch;
  align-items: var(--account-alerts-item-text-container-align-items);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container .account-alerts-item-text-container-title {
  display: flex;
  flex-direction: var(--account-alerts-item-text-container-title-flex-direction);
  max-width: var(--account-alerts-item-text-container-title-width);
  width: var(--account-alerts-item-text-container-title-width);
  align-items: var(--account-alerts-item-text-container-title-align-items);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container .account-alerts-item-text-container-title .account-alerts-item-new-message {
  display: var(--account-alerts-item-new-message-display);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1px 6px;
  width: 39px;
  height: 20px;
  background: #5972AB;
  border-radius: 50px;
  margin-right: 16px;
  color: var(--color-IIC-White);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container .account-alerts-item-text-container-title .account-alerts-item-text-container-title-content {
  display: flex;
  flex-direction: column;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container .account-alerts-item-text-container-title .account-alerts-item-text-container-title-content h6 {
  margin: var(--account-alerts-item-text-container-title-content-h6-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .account-alerts-item .account-alerts-item-text-container .account-alerts-item-text-container-title .account-alerts-item-text-container-title-content .account-alerts-item-description {
  display: var(--account-alerts-item-description-display);
  color: var(--color-Neutrals-Body-Copy);
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 8px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer {
  display: var(--account-listing-pagination-footer-display);
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  width: var(--listing-pagination-footer-width);
  background: var(--color-Primary-Background);
  padding: var(--listing-pagination-footer-padding);
  border-radius: 0px 0px 8px 8px;
  gap: 10px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.alerts-component .component-content .content .account-alerts-list-result .alert-card-wrapper .alert-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.alerts-component .component-content .content .no-content {
  margin: var(--no-content-margin);
}

.account-class-product-card-component {
  --cbc-card-w: 807px !important;
  --cbc-flex-direction: row;
  --cbc-padding: 32px 32px 19px 32px;
  --cbc-info-margin-top: 0;
  --cta-info-margin-top: 32px;
  --cbc-collpase-button-display: none;
  --cbc-info-padding-left: 24px;
  --cbc-diamond-display: initial;
  --cbc-trash-position: 24px;
  --status-display: flex;
  --wrapper-border-radious: 8px;
  --cta-display: block;
  --component-margin-top: 0;
  --horizonal-line-display: none;
  --headers-width: 232px;
  --ul-margin-bottom: 16px;
  --sesion-height: 205px;
  --e-learning-btn-width: auto;
  --e-learning-btn-mb: 0;
  --session-info-width: 240px;
  --c-btn-mt: 40px;
  --wrapper-min-h: 288px;
  width: var(--cbc-card-w);
  margin-top: var(--component-margin-top);
  position: relative;
}
@media (max-width: 499.98px) {
  .account-class-product-card-component {
    --cbc-card-w: 327px !important;
    --cbc-flex-direction: column;
    --cbc-padding: 32px 24px;
    --cbc-info-margin-top: 8px;
    --cta-info-margin-top: 8px;
    --cbc-collpase-button-display: initial;
    --cbc-info-padding-left: 0px;
    --cbc-diamond-display: none;
    --cbc-trash-position: 16px;
    --status-display: none;
    --wrapper-border-radious: 8px;
    --cta-display: none;
    --component-margin-top: -10px;
    --horizonal-line-display: block;
    --headers-width: 100%;
    --ul-margin-bottom: 0;
    --sesion-height: fit-content;
    --e-learning-btn-width: 100%;
    --e-learning-btn-mb: 16px;
    --session-info-width: 100%;
    --c-btn-mt: 8px;
    --wrapper-min-h: -;
  }
}
.account-class-product-card-component .wrapper {
  display: flex;
  flex-direction: var(--cbc-flex-direction);
  position: relative;
  min-width: var(--cbc-card-w);
  background-color: white;
  box-shadow: var(--iic-gray-dropshadow);
  border-radius: var(--wrapper-border-radious);
  margin: 0;
  padding: var(--cbc-padding);
  overflow: hidden;
  min-height: var(--wrapper-min-h);
}
.account-class-product-card-component .wrapper .headers {
  width: var(--headers-width);
}
.account-class-product-card-component .wrapper .headers .course-code {
  color: var(--color-Neutrals-Body-Copy);
}
.account-class-product-card-component .wrapper .headers h5 {
  margin-top: 8px;
  color: var(--color-Neutrals-Heading-Copy);
}
.account-class-product-card-component .wrapper .headers .line-seperator {
  display: inline-block;
  margin: auto;
  width: 1.5px;
  height: 10px;
  margin-right: 2px;
  margin-left: 2px;
  background-color: var(--color-Primary-IIC-Gold);
}
.account-class-product-card-component .wrapper .info {
  display: flex;
  flex-direction: column;
  margin-top: var(--cbc-info-margin-top);
  padding-left: var(--cbc-info-padding-left);
  justify-content: flex-end;
}
.account-class-product-card-component .wrapper .info .session-info {
  width: var(--session-info-width);
  margin-right: 20px;
  display: flex;
  height: var(--sesion-height);
  flex-direction: column;
  justify-content: space-between;
}
.account-class-product-card-component .wrapper .info .session-info .generic-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.account-class-product-card-component .wrapper .info .session-info .generic-info .delivery-method {
  margin: 0;
  color: var(--color-Secondary-Slate);
}
.account-class-product-card-component .wrapper .info .session-info .generic-info .price {
  color: var(--color-Neutrals-Body-Copy);
}
.account-class-product-card-component .wrapper .info .session-info ul {
  padding: 0;
  margin-bottom: var(--ul-margin-bottom);
}
.account-class-product-card-component .wrapper .info .session-info ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 4px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.account-class-product-card-component .wrapper .info .session-info .schedule-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock-1.svg");
}
.account-class-product-card-component .wrapper .info .session-info .location-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/location-marker.svg");
}
.account-class-product-card-component .wrapper .info .session-info .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
  min-width: 235px;
}
.account-class-product-card-component .wrapper .info .session-info .time-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock.svg");
}
.account-class-product-card-component .wrapper .info .session-info .language-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/translate.svg");
}
.account-class-product-card-component .wrapper .info .session-info .credit-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/credit.svg");
}
.account-class-product-card-component .wrapper .info .session-info .btn-iic-e-learning {
  margin-bottom: var(--e-learning-btn-mb);
  width: var(--e-learning-btn-width);
}
.account-class-product-card-component .wrapper .cta {
  display: var(--cta-display);
  margin-top: var(--cta-info-margin-top);
  position: relative;
  padding-left: 24px;
  width: 260px;
}
.account-class-product-card-component .wrapper .cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: var(--color-Tertiary-Cream);
}
.account-class-product-card-component .wrapper .status {
  display: var(--status-display);
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 5px 10px;
  background: var(--account-course-status-bg);
  border-radius: 4px;
  height: 28px;
  align-items: center;
}
.account-class-product-card-component .wrapper .status .status-text {
  color: var(--account-course-status-txt);
}
.account-class-product-card-component .wrapper .diamond {
  display: var(--cbc-diamond-display);
  pointer-events: none;
}
.account-class-product-card-component .wrapper .diamond .course-diamond {
  fill: var(--diamond-color);
  --course-diamond-w: 519px;
  width: var(--course-diamond-w);
  height: calc(var(--diamond-aspect-ratio) * var(--course-diamond-w));
  position: absolute;
  left: -197px;
  bottom: -193px;
}
.account-class-product-card-component .wrapper .diamond .program-code {
  color: var(--color-Neutrals-Heading-Copy);
  position: absolute;
  left: 40px;
  bottom: 32px;
}
.account-class-product-card-component .wrapper .trash {
  position: absolute;
  border: none;
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash.svg");
  right: var(--cbc-trash-position);
  top: var(--cbc-trash-position);
  width: 24px;
  height: 24px;
  background-color: white;
}
.account-class-product-card-component .wrapper .trash:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/trash-hover.svg");
}
.account-class-product-card-component:not(:last-child):after {
  display: var(--horizonal-line-display);
  content: "";
  position: absolute;
  bottom: 10px;
  left: 24px;
  height: 1px;
  width: 279px;
  background: var(--color-Tertiary-Cream);
}

.account-courses-component {
  --account-courses-width: 807px;
  --account-courses-card-title-date-width: 191px;
  --account-courses-card-title-date-padding: 20px 0px 16px 32px;
  --account-courses-item-date-container-padding: 0px 32px;
  --account-courses-item-text-container-padding: 16px 32px;
  --account-courses-header-btn-iic-accordion-display: none;
  --account-courses-header-mb: 16px;
  --account-courses-header-background: none;
  --account-courses-header-box-shadow: 0;
  --account-courses-header-border-radius: 0px;
  --account-courses-header-padding: 0;
  --account-courses-title-icon-margin: 0px 13px 0px 5px;
  --courses-cards-width: 807px;
  --slick-slide-margin-right: 24px;
  --slick-slide-width: 807px;
  --account-courses-card-border-radius: 8px;
  --account-courses-card-desktop-side-display: grid;
  --account-courses-card-mobile-side-display: none;
  --no-content-margin: 0 48px;
  margin-top: var(--account-courses-margin-top);
  margin-bottom: var(--account-courses-margin-bottom);
}
@media (min-width: 1920px) {
  .account-courses-component {
    --courses-cards-width: 807px;
    --slick-slide-width: 807px;
  }
}
@media (max-width: 499.98px) {
  .account-courses-component {
    --account-courses-width: 327px;
    --account-courses-card-title-date-width: 155px;
    --account-courses-card-title-date-padding: 0px 0px 0px 16px;
    --account-courses-item-date-container-padding: 0px 16px;
    --account-courses-item-text-container-padding: 10px 16px;
    --account-courses-header-btn-iic-accordion-display: initial;
    --account-courses-header-mb: 0;
    --account-courses-header-background: var(--color-IIC-White);
    --account-courses-header-box-shadow: 0.5;
    --account-courses-header-border-radius: 8px;
    --account-courses-header-padding: 13px 16px;
    --account-courses-title-icon-margin: 0px 12px 0px 3px;
    --courses-cards-width: 327px;
    --slick-slide-margin-right: 36px;
    --slick-slide-width: var(--iic-site-width);
    --account-courses-card-border-radius: 0;
    --account-courses-card-desktop-side-display: none;
    --account-courses-card-mobile-side-display: initial;
    --no-content-margin: 12px 24px;
  }
}
@media (min-width: 500px) {
  .account-courses-component .collapse.dont-collapse-lg {
    display: initial;
    overflow: hidden;
    position: relative;
  }
}
.account-courses-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.account-courses-component .component-content .content {
  display: flex;
  flex-direction: column;
  width: var(--account-courses-width);
}
.account-courses-component .component-content .content .account-courses-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--account-courses-header-mb);
  min-height: 40px;
  background: var(--account-courses-header-background);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--account-courses-header-box-shadow));
  border-radius: var(--account-courses-header-border-radius);
  padding: var(--account-courses-header-padding);
}
.account-courses-component .component-content .content .account-courses-header .account-courses-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.account-courses-component .component-content .content .account-courses-header .account-courses-title .account-courses-title-icon {
  margin: var(--account-courses-title-icon-margin);
}
.account-courses-component .component-content .content .account-courses-header .account-courses-title h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.account-courses-component .component-content .content .account-courses-header .btn-iic-accordion {
  display: var(--account-courses-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.account-courses-component .component-content .content .account-courses-cards {
  display: none;
}
.account-courses-component .component-content .content .account-courses-cards .slick-slider {
  position: unset !important;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card {
  width: var(--courses-cards-width);
  border-radius: var(--account-courses-card-border-radius);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card.desktop-side {
  display: var(--account-courses-card-desktop-side-display);
  grid-template-areas: "slider slider slider" "pagination left-button right-button";
  grid-template-columns: auto 44px 44px;
  column-gap: 25px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card.mobile-side {
  display: var(--account-courses-card-mobile-side-display);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-list {
  grid-area: slider;
  padding-bottom: 17px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-list .slick-slide {
  margin-right: var(--slick-slide-margin-right);
  width: var(--slick-slide-width);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-prev, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-next {
  position: initial;
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
  transform: translate(0%, 0%);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-prev:before, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-next:before {
  content: none;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-prev.slick-disabled, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-next.slick-disabled {
  opacity: 0.35;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-next {
  grid-area: right-button;
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-prev {
  grid-area: left-button;
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-dots {
  position: initial;
  display: flex;
  justify-content: center;
  margin-right: -138px;
  width: auto;
  align-items: center;
  list-style-type: none;
  grid-area: pagination;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-dots li.slick-active button:before, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-card-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
  height: 56px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-card-title .account-courses-card-title-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--account-courses-card-title-date-padding);
  width: var(--account-courses-card-title-date-width);
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  align-self: stretch;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-card-title .account-courses-card-title-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--account-courses-card-title-date-padding);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item:not(:last-child) {
  border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 73px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-date-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  padding: var(--account-courses-item-date-container-padding);
  width: var(--account-courses-card-title-date-width);
  min-width: var(--account-courses-card-title-date-width);
  align-self: stretch;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-date-container .account-courses-item-date-icon {
  margin-right: 8px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-date-container .account-courses-item-date-string {
  color: var(--color-Neutrals-Body-Copy);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-text-container {
  display: flex;
  flex-direction: column;
  padding: var(--account-courses-item-text-container-padding);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-text-container h6 {
  margin: 0;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .account-courses-items .account-courses-item .account-courses-item-text-container .account-courses-item-description {
  color: var(--color-Neutrals-Body-Copy);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer {
  display: flex;
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  width: var(--listing-pagination-footer-width);
  background: var(--color-Primary-Background);
  padding: var(--listing-pagination-footer-padding);
  border-radius: 0px 0px 8px 8px;
  gap: 10px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.account-courses-component .component-content .content .account-courses-cards .account-courses-card .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.account-courses-component .component-content .content .no-content {
  margin: var(--no-content-margin);
}

.order-listing-component {
  --listing-filters-margin: 0px 0px 0px 40px;
  --listing-margin-top: 48px;
  --listing-filters-width: 391px;
  --listing-filters-paragraph-margin: 0px;
  --listing-filter-sections-padding: 32px;
  --listing-text-content-margin-bottom: 111px;
  --listing-filters-header-icon-display: block;
  --listing-filters-header-icon-collapsed-display: none;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-height: 72px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 599px;
  --listing-pagination-footer-margin-top: 16px;
  --listing-pagination-controls-width: 318px;
  --pagination-controls-buttons-width: 104px;
  --listing-pagination-numbers-height: 24px;
  --listing-pagination-numbers-width: 300px;
  --listing-pagination-numbers-display: flex;
  --listing-pagination-numbers-align-items: end;
  --listing-component-content-grid-template-areas: "filters-content listing-pagination-header" "filters-content search-results-side" "filters-content listing-pagination-footer";
  --listing-component-content-grid-template-columns: 519px;
  --listing-component-content-grid-template-rows: auto auto 100%;
  --listing-text-content-gap: 16px;
  --listing-text-content-h4-width: 599px;
  --listing-text-content-h2-display: block;
  --listing-text-content-after-display: block;
  --listing--date-input-width: 145px;
  --sort-filter-section-desktop-side-display: flex;
  --sort-filter-section-mobile-side-display: none;
  --sort-filter-section-select-width: 231px;
  --listing-pagination-header-width: 599px;
  --listing-pagination-header-justify-content: space-between;
  --filters-header-desktop-side-display: flex;
  --filters-header-button-margin-bottom: -3px;
  --filters-no-classes-message-margin-top: 18%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: var(--listing-margin-top);
}
@media (max-width: 499.98px) {
  .order-listing-component {
    --listing-filters-margin: 0;
    --listing-margin-top: 40px;
    --listing-filters-width: 100%;
    --listing-filters-paragraph-margin: 0px 0px 30px 0px;
    --listing-filter-sections-padding: 16px;
    --listing-text-content-margin-bottom: 32px;
    --listing-filters-header-icon-display: none;
    --listing-filters-header-icon-collapsed-display: block;
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-height: 80px;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-footer-margin-top: 24px;
    --listing-pagination-controls-width: 100%;
    --pagination-controls-buttons-width: 100%;
    --listing-pagination-numbers-height: 16px;
    --listing-pagination-numbers-width: auto;
    --listing-pagination-numbers-display: block;
    --listing-pagination-numbers-align-items: center;
    --listing-component-content-grid-template-areas: "order-listing-sort-and-icon" "filters-content" "listing-pagination-header" "search-results-side" "listing-pagination-footer";
    --listing-component-content-grid-template-columns: auto;
    --listing-component-content-grid-template-rows: none;
    --listing-text-content-gap: 22px;
    --listing-text-content-h4-width: 100%;
    --listing-text-content-h2-display: none;
    --listing-text-content-after-display: none;
    --listing--date-input-width: 137px;
    --sort-filter-section-desktop-side-display: none;
    --sort-filter-section-mobile-side-display: block;
    --sort-filter-section-select-width: 215px;
    --listing-pagination-header-width: auto;
    --listing-pagination-header-justify-content: start;
    --filters-header-desktop-side-display: none;
    --filters-header-button-margin-bottom: 0px;
    --filters-no-classes-message-margin-top: 0;
  }
}
@media (min-width: 500px) {
  .order-listing-component .collapse.dont-collapse-lg {
    display: block;
  }
}
.order-listing-component .pagination-controls-input::-webkit-outer-spin-button,
.order-listing-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.order-listing-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.order-listing-component .listing-text-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--listing-text-content-gap);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-bottom: var(--listing-text-content-margin-bottom);
}
.order-listing-component .listing-text-content h2 {
  display: var(--listing-text-content-h2-display);
  color: var(--color-Primary-IIC-Blue);
  margin: 0px;
}
.order-listing-component .listing-text-content h4 {
  width: var(--listing-text-content-h4-width);
  color: var(--color-Neutrals-Body-Copy);
  margin: 0px;
}
.order-listing-component .listing-text-content:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: var(--listing-text-content-after-display);
  margin: 32px 0px 2px 0px;
}
.order-listing-component .hidden {
  display: none;
}
.order-listing-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: grid;
  grid-template-areas: var(--listing-component-content-grid-template-areas);
  grid-template-columns: var(--listing-component-content-grid-template-columns);
  grid-template-rows: var(--listing-component-content-grid-template-rows);
}
.order-listing-component .component-content .order-listing-sort-and-icon {
  grid-area: order-listing-sort-and-icon;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
}
.order-listing-component .component-content .order-listing-sort-and-icon .filters-header-icon.mobile-icon {
  display: var(--listing-filters-header-icon-collapsed-display);
  width: 26px;
  height: 26px;
  margin-left: auto;
}
.order-listing-component .component-content .filters-header-icon {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/adjustments.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.order-listing-component .component-content .filters-header-icon.desktop-icon {
  display: var(--listing-filters-header-icon-display);
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.order-listing-component .component-content .filters-header-icon.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments.svg");
}
.order-listing-component .component-content .filters-header-icon.collapsed:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments-hover.svg");
}
.order-listing-component .component-content .sort-filter-section {
  color: var(--color-Neutrals-Body-Copy);
  align-items: center;
  gap: 12px;
}
.order-listing-component .component-content .sort-filter-section.desktop-side {
  display: var(--sort-filter-section-desktop-side-display);
}
.order-listing-component .component-content .sort-filter-section.mobile-side {
  display: var(--sort-filter-section-mobile-side-display);
}
.order-listing-component .component-content .sort-filter-section select {
  width: var(--sort-filter-section-select-width);
  height: 48px;
}
.order-listing-component .component-content .filters-content {
  display: flex;
  flex-direction: column;
  margin: var(--listing-filters-margin);
  grid-area: filters-content;
  height: fit-content;
}
.order-listing-component .component-content .filters-content .filters {
  width: var(--listing-filters-width);
}
.order-listing-component .component-content .filters-content .filters.paragraph {
  margin: var(--listing-filters-paragraph-margin);
}
.order-listing-component .component-content .filters-content .filters .filters-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.order-listing-component .component-content .filters-content .filters .filters-header .filters-header-title {
  min-width: 146px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.order-listing-component .component-content .filters-content .filters .filters-header .filters-header-title.desktop-side {
  display: var(--filters-header-desktop-side-display);
}
.order-listing-component .component-content .filters-content .filters .filters-header .filters-header-title h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.order-listing-component .component-content .filters-content .filters .filters-header button {
  margin-bottom: var(--filters-header-button-margin-bottom);
}
.order-listing-component .component-content .filters-content .filters .filter-sections {
  padding: var(--listing-filter-sections-padding);
  background-color: rgba(238, 238, 236, 0.35);
  border-radius: 8px;
  margin-bottom: 16px;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section {
  display: flex;
  flex-direction: column;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input[type=date]:hover::-webkit-calendar-picker-indicator {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down-hover.svg);
}
.order-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input {
  width: var(--listing--date-input-width);
  height: 48px;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name {
  margin-bottom: 16px;
  color: var(--color-Neutrals-Heading-Copy);
}
.order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry .form-check {
  margin: 0;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label {
  color: var(--color-Neutrals-Heading-Copy);
  flex: 1;
  margin: 0px 8px 0px 8px;
}
.order-listing-component .component-content .filters-content .filters .filter-sections .filter-section:not(:last-child):after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: block;
  margin: 24px 0px;
}
.order-listing-component .component-content .filters-content .filters .filters-footer {
  display: flex;
  justify-content: end;
  margin-bottom: 14px;
}
.order-listing-component .component-content .search-results-side {
  display: contents;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component {
  display: contents;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-header {
  display: flex;
  flex-direction: row;
  justify-content: var(--listing-pagination-header-justify-content);
  align-items: center;
  margin: 0px 0px 16px 0px;
  grid-area: listing-pagination-header;
  width: var(--listing-pagination-header-width);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
  width: var(--listing-pagination-numbers-width);
  display: var(--listing-pagination-numbers-display);
  align-items: var(--listing-pagination-numbers-align-items);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .items-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  grid-area: search-results-side;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .items-list .no-classes-message {
  margin-top: var(--filters-no-classes-message-margin-top);
  display: flex;
  justify-content: center;
  color: var(--color-Secondary-Slate);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer {
  display: flex;
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  grid-area: listing-pagination-footer;
  width: var(--listing-pagination-footer-width);
  margin-top: var(--listing-pagination-footer-margin-top);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.order-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}

.order-card-component {
  --order-card-width: 599px;
  --order-card-flex-direction: row;
  --order-card-gap: 40px;
  --order-card-padding: 32px 32px 20px 72px;
  --order-title-width: 200px;
  --order-info-width: 255px;
  display: flex;
  flex-direction: var(--order-card-flex-direction);
  gap: var(--order-card-gap);
  width: var(--order-card-width);
  min-height: 216px;
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  border-radius: 8px;
  padding: var(--order-card-padding);
}
@media (max-width: 499.98px) {
  .order-card-component {
    --order-card-width: 100%;
    --order-card-flex-direction: column;
    --order-card-gap: 20px;
    --order-card-padding: 32px 24px 20px 64px;
    --order-title-width: 100%;
    --order-info-width: 100%;
  }
}
.order-card-component .order-title {
  width: var(--order-title-width);
  color: var(--color-Neutrals-Heading-Copy);
}
.order-card-component .order-info {
  display: flex;
  flex-direction: column;
  width: var(--order-info-width);
}
.order-card-component .order-info .order-type {
  color: var(--color-Secondary-Slate);
  margin-bottom: 16px;
}
.order-card-component .order-info .order-date-content {
  color: var(--color-Neutrals-Body-Copy);
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.order-card-component .order-info .order-date-content .order-date-icon {
  margin-right: 12px;
}
.order-card-component .order-info .order-description {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.order-card-component .order-info .order-additional-items-message {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 8px;
}
.order-card-component .order-info form {
  margin-top: auto;
}
.order-card-component .order-info form button {
  text-align: start;
}

.account-grades-component {
  --account-grade-details-display: flex;
  --account-grade-results-header-grid-template-areas: "grade-results-header-title grade-result-header-mark grade-result-header-description";
  --account-grade-results-width: 679px;
  --account-grade-results-header-padding: 32px 24px;
  --account-grade-results-header-min-height: 174px;
  --account-grade-results-header-title-margin: 0px;
  --account-grade-results-header-grade-result-header-mark-margin: 8px 24px 0px 24px;
  --account-grade-results-header-grade-result-header-mark-width: 74px;
  --account-grade-results-header-grade-result-header-mark-height: 74px;
  --account-grades-info-margin: 0px 0px 48px 24px;
  --account-grades-info-learn-about-desktop-side: block;
  --account-grades-info-learn-about-mobile-side: none;
  --account-grade-result-header-description-min-width: 298px;
  --account-grade-result-header-description-padding: 16px 0 16px 25px;
  --account-grade-result-header-description-before: inline-block;
  --account-grade-results-footer-flex-direction: row;
  --account-grade-results-footer-align-items: center;
  --account-grade-results-footer-margin-bottom: 8px;
  --account-grade-post-grading-options-content-margin-left: 312px;
  --account-grade-post-grading-options-title-content-margin: 0px 0px 24px 24px;
  --account-grade-post-grading-options-margin-bottom: 48px;
  --account-grade-post-grading-options-title-content-h4-height: auto;
  --account-grade-post-grading-option-flex-direction: row;
  --account-grade-post-grading-option-margin-bottom: 88px;
  --account-grade-post-grading-option-text-content-title-margin-bottom: 12px;
  --account-grade-post-grading-option-text-content-margin: 0px 72px 0px 0px;
  --account-grade-post-grading-option-text-content-width: 343px;
  --account-grade-post-grading-option-width: fit-content;
  --account-grade-post-grading-option-before-top: -31px;
  --account-grade-post-grading-option-first-child-before-display: inline-block;
  --account-grade-post-grading-option-deadline-mobile-side-display: none;
  --account-grade-post-grading-option-deadline-desktop-side-display: flex;
  --account-grade-post-grading-option-action-content-margin-top: 5px;
  --account-grade-post-grading-option-action-content-width: 300px;
  --account-grade-results-print-button-margin-left: auto;
}
@media (max-width: 499.98px) {
  .account-grades-component {
    --account-grade-details-display: none;
    --account-grade-results-header-grid-template-areas: "grade-results-header-title grade-result-header-mark" "grade-result-header-description grade-result-header-description";
    --account-grade-results-width: 100%;
    --account-grade-results-header-padding: 24px 24px 28px 24px;
    --account-grade-results-header-min-height: auto;
    --account-grade-results-header-title-margin: 8px 0px 0px 0px;
    --account-grade-results-header-grade-result-header-mark-margin: 0px 0px 0px 38px;
    --account-grade-results-header-grade-result-header-mark-width: 72px;
    --account-grade-results-header-grade-result-header-mark-height: 72px;
    --account-grades-info-margin: 0px 0px 44px 0px;
    --account-grades-info-learn-about-desktop-side: none;
    --account-grades-info-learn-about-mobile-side: block;
    --account-grade-result-header-description-min-width: auto;
    --account-grade-result-header-description-padding: 0;
    --account-grade-result-header-description-before: none;
    --account-grade-results-footer-flex-direction: column;
    --account-grade-results-footer-align-items: start;
    --account-grade-results-footer-margin-bottom: 8px;
    --account-grade-post-grading-options-content-margin-left: 0px;
    --account-grade-post-grading-options-title-content-margin: 0px 0px 16px 0px;
    --account-grade-post-grading-options-margin-bottom: 44px;
    --account-grade-post-grading-options-title-content-h4-height: 32px;
    --account-grade-post-grading-option-flex-direction: column;
    --account-grade-post-grading-option-margin-bottom: 84px;
    --account-grade-post-grading-option-text-content-title-margin-bottom: 8px;
    --account-grade-post-grading-option-text-content-margin: 0px 0px 32px 0px;
    --account-grade-post-grading-option-text-content-width: 100%;
    --account-grade-post-grading-option-width: 100%;
    --account-grade-post-grading-option-before-top: -39px;
    --account-grade-post-grading-option-first-child-before-display: none;
    --account-grade-post-grading-option-deadline-mobile-side-display: flex;
    --account-grade-post-grading-option-deadline-desktop-side-display: none;
    --account-grade-post-grading-option-action-content-margin-top: 0px;
    --account-grade-post-grading-option-action-content-width: 100%;
    --account-grade-results-print-button-margin-left: unset;
  }
}
.account-grades-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: 24px var(--iic-site-margin-width) 0px var(--iic-site-margin-width);
}
.account-grades-component .component-content .divider {
  color: var(--color-Primary-IIC-Gold);
}
.account-grades-component .component-content .account-grades-info {
  display: flex;
  flex-direction: row;
  margin: var(--account-grades-info-margin);
  gap: 56px;
}
.account-grades-component .component-content .account-grades-info .grade-results {
  display: flex;
  flex-direction: column;
  width: var(--account-grade-results-width);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header {
  display: grid;
  grid-template-areas: var(--account-grade-results-header-grid-template-areas);
  justify-content: start;
  background: var(--color-Secondary-Deep-Periwinkle);
  border-radius: 8px;
  padding: var(--account-grade-results-header-padding);
  color: var(--color-IIC-White);
  min-height: var(--account-grade-results-header-min-height);
  margin-bottom: 16px;
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-results-header-title {
  grid-area: grade-results-header-title;
  margin: var(--account-grade-results-header-title-margin);
  min-width: 170px;
  color: var(--color-IIC-White);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description {
  padding: var(--account-grade-result-header-description-padding);
  grid-area: grade-result-header-description;
  min-width: var(--account-grade-result-header-description-min-width);
  position: relative;
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description .grade-status {
  margin: 0px 0px 8px 0px;
  color: var(--color-IIC-White);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description .grade-description {
  color: var(--color-IIC-White);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description .grade-sub-description {
  position: relative;
  color: var(--color-IIC-White);
  margin-top: 34px;
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description .grade-sub-description:before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-Secondary-Slate);
  position: absolute;
  left: 0;
  top: -16px;
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-description:before {
  display: var(--account-grade-result-header-description-before);
  content: "";
  width: 1px;
  height: 100%;
  background: var(--color-Secondary-Slate);
  position: absolute;
  left: 0;
  top: 0;
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-header .grade-result-header-mark {
  grid-area: grade-result-header-mark;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-Secondary-Frost-Blue);
  border-radius: 100px;
  width: var(--account-grade-results-header-grade-result-header-mark-width);
  height: var(--account-grade-results-header-grade-result-header-mark-height);
  color: var(--color-IIC-Shipping-Header);
  margin: var(--account-grade-results-header-grade-result-header-mark-margin);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-footer {
  display: flex;
  flex-direction: var(--account-grade-results-footer-flex-direction);
  align-items: var(--account-grade-results-footer-align-items);
  margin-bottom: var(--account-grade-results-footer-margin-bottom);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-footer .updated-on {
  color: var(--color-Secondary-Slate);
}
.account-grades-component .component-content .account-grades-info .grade-results .grade-results-footer .print-button {
  width: fit-content;
  margin-left: var(--account-grade-results-print-button-margin-left);
}
.account-grades-component .component-content .account-grades-info .printable-grade-results {
  display: none;
  width: var(--account-grade-results-width);
}
.account-grades-component .component-content .account-grades-info .printable-grade-results tr td {
  width: 50%;
  vertical-align: top;
}
.account-grades-component .component-content .account-grades-info .learn-about.desktop-side {
  display: var(--account-grades-info-learn-about-desktop-side);
}
.account-grades-component .component-content .account-grades-info .learn-about.mobile-side {
  display: var(--account-grades-info-learn-about-mobile-side);
}
.account-grades-component .component-content .account-grades-info .grade-details {
  display: var(--account-grade-details-display);
  flex-direction: column;
  margin-top: 8px;
  gap: 8px;
}
.account-grades-component .component-content .account-grades-info .grade-details .passing-grades-header {
  display: flex;
  flex-direction: row;
  gap: 48px;
}
.account-grades-component .component-content .account-grades-info .grade-details .passing-grades-header .grade-description-items .title {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 16px;
  height: 16px;
}
.account-grades-component .component-content .account-grades-info .grade-details .passing-grades-header .grade-description-item {
  color: var(--color-Secondary-Slate);
  height: 20px;
}
.account-grades-component .component-content .account-grades-info .grade-details .passing-grades-header .grade-description-item .description {
  color: var(--color-Neutrals-Body-Copy);
}
.account-grades-component .component-content .post-grading-options {
  margin-bottom: var(--account-grade-post-grading-options-margin-bottom);
}
.account-grades-component .component-content .post-grading-options .title-content {
  margin: var(--account-grade-post-grading-options-title-content-margin);
}
.account-grades-component .component-content .post-grading-options .title-content h4 {
  color: var(--color-Neutrals-Heading-Copy);
  height: var(--account-grade-post-grading-options-title-content-h4-height);
  margin: 0;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content {
  margin-left: var(--account-grade-post-grading-options-content-margin-left);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option {
  display: flex;
  flex-direction: var(--account-grade-post-grading-option-flex-direction);
  position: relative;
  margin-bottom: var(--account-grade-post-grading-option-margin-bottom);
  width: var(--account-grade-post-grading-option-width);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option:before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-Tertiary-Cream);
  position: absolute;
  left: 0;
  top: var(--account-grade-post-grading-option-before-top);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option:first-child:before {
  display: var(--account-grade-post-grading-option-first-child-before-display);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option:last-child {
  margin-bottom: 0;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .text-content {
  width: var(--account-grade-post-grading-option-text-content-width);
  margin: var(--account-grade-post-grading-option-text-content-margin);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .text-content .title {
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--account-grade-post-grading-option-text-content-title-margin-bottom);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .text-content .description {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 16px;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .text-content .sub-description {
  color: var(--color-Neutrals-Body-Copy);
  position: relative;
  margin-left: 51px;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .text-content .sub-description:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 100%;
  background: var(--color-Tertiary-Cream);
  position: absolute;
  left: -16px;
  top: 0;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline {
  flex-direction: row;
  align-items: center;
  color: var(--color-Neutrals-Body-Copy);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline.desktop-side {
  display: var(--account-grade-post-grading-option-deadline-desktop-side-display);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline.mobile-side {
  display: var(--account-grade-post-grading-option-deadline-mobile-side-display);
  margin-bottom: 20px;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline .date-icon {
  margin-right: 8px;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline .divider {
  margin: 0px 5px 0px 5px;
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .deadline .deadline-date {
  color: var(--color-Secondary-Slate);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .action-content {
  min-width: var(--account-grade-post-grading-option-action-content-width);
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: var(--account-grade-post-grading-option-action-content-margin-top);
}
.account-grades-component .component-content .post-grading-options .post-grading-options-content .post-grading-option .action-content button {
  width: 100%;
}
.account-grades-component .component-content .continued-tuition {
  margin: var(--account-grades-info-margin);
}
.account-grades-component .component-content .continued-tuition .listing-text-content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.account-grades-component .component-content .continued-tuition .component-content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
@media print {
  .account-grades-component .grade-results {
    display: none !important;
  }
  .account-grades-component .printable-grade-results {
    display: block !important;
  }
}

.grades-page-component {
  --grades-filters-margin: 0px 0px 0px 40px;
  --grades-margin-top: 48px;
  --grades-filters-width: 391px;
  --grades-filters-paragraph-margin: 0px;
  --grades-filter-sections-padding: 32px;
  --grades-text-content-margin-bottom: 111px;
  --grades-filters-header-icon-display: block;
  --grades-filters-header-icon-collapsed-display: none;
  --grades-pagination-controls-pages-desktop-side-display: block;
  --grades-pagination-controls-pages-mobile-side-display: none;
  --grades-pagination-footer-align-items: center;
  --grades-pagination-footer-height: 72px;
  --grades-pagination-footer-flex-direction: row;
  --grades-pagination-footer-width: 599px;
  --grades-pagination-footer-margin-top: 16px;
  --grades-pagination-controls-width: 318px;
  --pagination-controls-buttons-width: 104px;
  --grades-pagination-numbers-height: 24px;
  --grades-pagination-numbers-width: 300px;
  --grades-pagination-numbers-display: flex;
  --grades-pagination-numbers-align-items: end;
  --grades-component-content-grid-template-areas: "filters-content grades-pagination-header" "filters-content search-results-side" "filters-content grades-pagination-footer";
  --grades-component-content-grid-template-columns: 519px;
  --grades-component-content-grid-template-rows: auto auto 100%;
  --grades-text-content-gap: 16px;
  --grades-text-content-h4-width: 599px;
  --grades-text-content-h2-display: block;
  --grades-text-content-after-display: block;
  --grades--date-input-width: 145px;
  --sort-filter-section-desktop-side-display: flex;
  --sort-filter-section-mobile-side-display: none;
  --sort-filter-section-select-width: 231px;
  --grades-pagination-header-width: 599px;
  --filters-header-desktop-side-display: flex;
  --filters-header-button-margin-bottom: -3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: var(--grades-margin-top);
}
@media (max-width: 499.98px) {
  .grades-page-component {
    --grades-filters-margin: 0;
    --grades-margin-top: 40px;
    --grades-filters-width: 100%;
    --grades-filters-paragraph-margin: 0px 0px 30px 0px;
    --grades-filter-sections-padding: 16px;
    --grades-text-content-margin-bottom: 32px;
    --grades-filters-header-icon-display: none;
    --grades-filters-header-icon-collapsed-display: block;
    --grades-pagination-controls-pages-desktop-side-display: none;
    --grades-pagination-controls-pages-mobile-side-display: block;
    --grades-pagination-footer-align-items: start;
    --grades-pagination-footer-height: 80px;
    --grades-pagination-footer-flex-direction: column;
    --grades-pagination-footer-width: 100%;
    --grades-pagination-footer-margin-top: 24px;
    --grades-pagination-controls-width: 100%;
    --pagination-controls-buttons-width: 100%;
    --grades-pagination-numbers-height: 16px;
    --grades-pagination-numbers-width: auto;
    --grades-pagination-numbers-display: block;
    --grades-pagination-numbers-align-items: center;
    --grades-component-content-grid-template-areas: "grades-page-sort-and-icon" "filters-content" "grades-pagination-header" "search-results-side" "grades-pagination-footer";
    --grades-component-content-grid-template-columns: auto;
    --grades-component-content-grid-template-rows: none;
    --grades-text-content-gap: 22px;
    --grades-text-content-h4-width: 100%;
    --grades-text-content-h2-display: none;
    --grades-text-content-after-display: none;
    --grades--date-input-width: 137px;
    --sort-filter-section-desktop-side-display: none;
    --sort-filter-section-mobile-side-display: block;
    --sort-filter-section-select-width: 215px;
    --grades-pagination-header-width: auto;
    --filters-header-desktop-side-display: none;
    --filters-header-button-margin-bottom: 0px;
  }
}
@media (min-width: 500px) {
  .grades-page-component .collapse.dont-collapse-lg {
    display: block;
  }
}
.grades-page-component .pagination-controls-input::-webkit-outer-spin-button,
.grades-page-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.grades-page-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.grades-page-component .grades-text-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--grades-text-content-gap);
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-bottom: var(--grades-text-content-margin-bottom);
}
.grades-page-component .grades-text-content h2 {
  display: var(--grades-text-content-h2-display);
  color: var(--color-Primary-IIC-Blue);
  margin: 0px;
}
.grades-page-component .grades-text-content h4 {
  width: var(--grades-text-content-h4-width);
  color: var(--color-Neutrals-Body-Copy);
  margin: 0px;
}
.grades-page-component .grades-text-content:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: var(--grades-text-content-after-display);
  margin: 32px 0px 2px 0px;
}
.grades-page-component .hidden {
  display: none;
}
.grades-page-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: grid;
  grid-template-areas: var(--grades-component-content-grid-template-areas);
  grid-template-columns: var(--grades-component-content-grid-template-columns);
  grid-template-rows: var(--grades-component-content-grid-template-rows);
}
.grades-page-component .component-content .grades-page-sort-and-icon {
  grid-area: grades-page-sort-and-icon;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
}
.grades-page-component .component-content .grades-page-sort-and-icon .filters-header-icon.mobile-icon {
  display: var(--grades-filters-header-icon-collapsed-display);
  width: 26px;
  height: 26px;
  margin-left: auto;
}
.grades-page-component .component-content .filters-header-icon {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/adjustments.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.grades-page-component .component-content .filters-header-icon.desktop-icon {
  display: var(--grades-filters-header-icon-display);
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.grades-page-component .component-content .filters-header-icon.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments.svg");
}
.grades-page-component .component-content .filters-header-icon.collapsed:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments-hover.svg");
}
.grades-page-component .component-content .sort-filter-section {
  color: var(--color-Neutrals-Body-Copy);
  align-items: center;
  gap: 12px;
}
.grades-page-component .component-content .sort-filter-section.desktop-side {
  display: var(--sort-filter-section-desktop-side-display);
}
.grades-page-component .component-content .sort-filter-section.mobile-side {
  display: var(--sort-filter-section-mobile-side-display);
}
.grades-page-component .component-content .sort-filter-section select {
  width: var(--sort-filter-section-select-width);
  height: 48px;
}
.grades-page-component .component-content .filters-content {
  display: flex;
  flex-direction: column;
  margin: var(--grades-filters-margin);
  grid-area: filters-content;
  height: fit-content;
}
.grades-page-component .component-content .filters-content .filters {
  width: var(--grades-filters-width);
}
.grades-page-component .component-content .filters-content .filters.paragraph {
  margin: var(--grades-filters-paragraph-margin);
}
.grades-page-component .component-content .filters-content .filters .filters-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.grades-page-component .component-content .filters-content .filters .filters-header .filters-header-title {
  min-width: 146px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.grades-page-component .component-content .filters-content .filters .filters-header .filters-header-title.desktop-side {
  display: var(--filters-header-desktop-side-display);
}
.grades-page-component .component-content .filters-content .filters .filters-header .filters-header-title h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.grades-page-component .component-content .filters-content .filters .filters-header button {
  margin-bottom: var(--filters-header-button-margin-bottom);
}
.grades-page-component .component-content .filters-content .filters .filter-sections {
  padding: var(--grades-filter-sections-padding);
  background-color: rgba(238, 238, 236, 0.35);
  border-radius: 8px;
  margin-bottom: 16px;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section {
  display: flex;
  flex-direction: column;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs .caption-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down.svg);
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input[type=date]:hover::-webkit-calendar-picker-indicator {
  background-image: url(/assets/InsuranceInstitute/images/Icons/System_tools/cheveron-down-hover.svg);
}
.grades-page-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs input {
  width: var(--grades--date-input-width);
  height: 48px;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name {
  margin-bottom: 16px;
  color: var(--color-Neutrals-Heading-Copy);
}
.grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry .form-check {
  margin: 0;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label {
  color: var(--color-Neutrals-Heading-Copy);
  flex: 1;
  margin: 0px 8px 0px 8px;
}
.grades-page-component .component-content .filters-content .filters .filter-sections .filter-section:not(:last-child):after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: block;
  margin: 24px 0px;
}
.grades-page-component .component-content .filters-content .filters .filters-footer {
  display: flex;
  justify-content: end;
  margin-bottom: 14px;
}
.grades-page-component .component-content .search-results-side {
  display: contents;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component {
  display: contents;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px 16px 0px;
  grid-area: grades-pagination-header;
  width: var(--grades-pagination-header-width);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-numbers {
  height: var(--grades-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
  width: var(--grades-pagination-numbers-width);
  display: var(--grades-pagination-numbers-display);
  align-items: var(--grades-pagination-numbers-align-items);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-numbers .grades-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .items-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  grid-area: search-results-side;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer {
  display: flex;
  flex-direction: var(--grades-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--grades-pagination-footer-align-items);
  height: var(--grades-pagination-footer-height);
  grid-area: grades-pagination-footer;
  width: var(--grades-pagination-footer-width);
  margin-top: var(--grades-pagination-footer-margin-top);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--grades-pagination-controls-width);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls.hidden {
  display: none;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--grades-pagination-controls-pages-desktop-side-display);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--grades-pagination-controls-pages-mobile-side-display);
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.grades-page-component .component-content .search-results-side .grades-search-results-component .grades-pagination-footer .grades-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}

.profile-details-component {
  --profile-details-card-w: 455px !important;
  --profile-flex-direction: row;
  --wrapper-border-radious: 8px;
  --component-margin-top: 56px;
  --component-margin-bottom: 36px;
  --wraper-padding: 24px 32px 11px 32px;
  --member-info-fd: row;
  --local-institute-display: block;
  --profile-details-additional-d: block;
  display: flex;
  justify-content: space-between;
  flex-direction: var(--profile-flex-direction);
  gap: 20px;
  width: var(--iic-site-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-top: var(--component-margin-top);
  margin-bottom: var(--component-margin-bottom);
}
@media (max-width: 499.98px) {
  .profile-details-component {
    --profile-details-card-w: 100% !important;
    --profile-flex-direction: column;
    --wrapper-border-radious: 8px;
    --component-margin-top: 32px;
    --component-margin-bottom: 36px;
    --wraper-padding: 24px 24px 12px 24px;
    --member-info-fd: column;
    --local-institute-display: none;
    --profile-details-additional-d: none;
  }
}
.profile-details-component .wrapper {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  background-color: var(--color-Neutrals-Light-Grey) !important;
  width: var(--profile-details-card-w);
  border-radius: var(--wrapper-border-radious);
  padding: var(--wraper-padding);
  overflow: hidden;
}
.profile-details-component .wrapper p {
  color: var(--color-Neutrals-Body-Copy);
}
.profile-details-component .wrapper p .bold {
  font-weight: bold;
}
.profile-details-component .wrapper .header {
  position: relative;
}
.profile-details-component .wrapper .header h3 {
  color: var(--color-Primary-IIC-Blue);
}
.profile-details-component .wrapper .header .member-info {
  display: flex;
  flex-direction: var(--member-info-fd);
  justify-content: space-between;
}
.profile-details-component .wrapper .header .member-status {
  background-color: var(--color-Secondary-Frost-Blue);
  padding: 2px 8px;
  border-radius: 4px;
}
.profile-details-component .wrapper .header:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-Tertiary-Cream);
  position: absolute;
  bottom: 0;
}
.profile-details-component .wrapper .info {
  display: flex;
  flex-direction: column;
  margin-top: 23px;
}
.profile-details-component .wrapper .info .local-institute {
  display: var(--local-institute-display);
}
.profile-details-component .wrapper .dues-paid-by-company {
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  margin-top: -16px;
}
.profile-details-component .profile-details-additional-content {
  width: 703px;
  height: fit-content;
  display: var(--profile-details-additional-d);
}

.profile-summary-component {
  --profile-summary-width: 807px;
  --profile-summary-header-btn-iic-accordion-display: none;
  --profile-summary-header-mb: 16px;
  --profile-summary-header-background: none;
  --profile-summary-header-box-shadow: 0;
  --profile-summary-header-border-radius: 0px;
  --profile-summary-header-padding: 0;
  --profile-summary-title-icon-margin: 0px 13px 0px 5px;
  --profile-summary-title-icon-padding: 5px;
  --profile-summaries-width: 807px;
  --profile-summary-card-border-radius: 8px;
  --profile-summary-card-first-section-min-width: 303px;
  --profile-summary-card-second-section-profile-address-min-width: 172px;
  --btn-display-desktop: block;
  --btn-display-mobile: none;
  --profile-summary-card-paddings: 24px 32px;
  --profile-summary-card-fd: row;
  --line-w: 1px;
  --line-h: 100%;
  --dep-job-mb: 16px;
  --second-section-fd: row;
  --second-section-mt: 0;
  --field-mb: -;
  --dep-job-margin-right: 24px !important;
  --dep-job-max-width: 147px;
  --profile-summary-card-inline-size: fit-content;
  --profile-summary-grid-template:
      "company    company  sep address phone" min-content
      "company    company  sep address phone" min-content
      "department jobtitle sep address phone" min-content
      "department jobtitle sep email   email" min-content;
  --profile-summary-grid-template-columns: 2fr 2fr 32px 3fr 2fr;
  margin-top: var(--profile-summary-margin-top);
  margin-bottom: var(--profile-summary-margin-bottom);
}
.profile-summary-component.no-left-side {
  --profile-summary-grid-template:
      "address phone" min-content
      "address phone" min-content
      "address phone" min-content
      "email   email" min-content;
  --profile-summary-grid-template-columns: 1fr 1fr;
  --profile-summary-width: 540px;
}
@media (min-width: 1920px) {
  .profile-summary-component {
    --profile-summaries-width: 807px;
  }
}
@media (max-width: 499.98px) {
  .profile-summary-component {
    --profile-summary-width: 327px;
    --profile-summary-header-btn-iic-accordion-display: initial;
    --profile-summary-header-mb: 0;
    --profile-summary-header-background: var(--color-IIC-White);
    --profile-summary-header-box-shadow: 0.5;
    --profile-summary-header-border-radius: 8px;
    --profile-summary-header-padding: 13px 16px;
    --profile-summary-title-icon-margin: 0px 12px 0px 3px;
    --profile-summary-title-icon-padding: 8px;
    --profile-summaries-width: 327px;
    --profile-summary-card-border-radius: 0;
    --profile-summary-card-first-section-min-width: 100%;
    --profile-summary-card-second-section-profile-address-min-width: 100%;
    --btn-display-desktop: none;
    --btn-display-mobile: block;
    --profile-summary-card-paddings: 16px 24px;
    --profile-summary-card-fd: column;
    --line-w: 100%;
    --line-h: 1px;
    --dep-job-mb: 24px;
    --second-section-fd: column;
    --second-section-mt: 24px;
    --field-mb: 16px !important;
    --dep-job-margin-right: 12px !important;
    --dep-job-max-width: 129px;
    --profile-summary-card-inline-size: unset;
    --profile-summary-grid-template:
        "company    company"
        "department jobtitle"
        "sep        sep"
        "address    address"
        "email      email"
        "phone      phone"
        "button     button";
    --profile-summary-grid-template-columns: 1fr 1fr;
  }
  .profile-summary-component.no-left-side {
    --profile-summary-grid-template:
        "address    address"
        "email      email"
        "phone      phone"
        "button     button";
    --profile-summary-grid-template-columns: 1fr 1fr;
    --profile-summary-width: 327px;
  }
}
@media (min-width: 500px) {
  .profile-summary-component .collapse.dont-collapse-lg {
    display: initial;
    position: relative;
  }
}
.profile-summary-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.profile-summary-component .component-content .content {
  display: flex;
  flex-direction: column;
  width: var(--profile-summary-width);
}
.profile-summary-component .component-content .content .profile-summary-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--profile-summary-header-mb);
  min-height: 40px;
  background: var(--profile-summary-header-background);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--profile-summary-header-box-shadow));
  border-radius: var(--profile-summary-header-border-radius);
  padding: var(--profile-summary-header-padding);
}
.profile-summary-component .component-content .content .profile-summary-header .profile-summary-title {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.profile-summary-component .component-content .content .profile-summary-header .profile-summary-title .profile-summary-title-icon {
  font-weight: 600;
  display: block;
  margin: var(--profile-summary-title-icon-margin);
  background-color: var(--color-CTA-CTA-Tertiary-Text-Cerulean);
  color: var(--color-IIC-White);
  border-radius: 50%;
  padding: var(--profile-summary-title-icon-padding);
  width: 40px;
  height: 40px;
  text-align: center;
}
.profile-summary-component .component-content .content .profile-summary-header .profile-summary-title h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.profile-summary-component .component-content .content .profile-summary-header .profile-summary-title .form-desktop {
  margin-left: 32px;
  display: var(--btn-display-desktop);
}
.profile-summary-component .component-content .content .profile-summary-header .btn-iic-accordion {
  display: var(--profile-summary-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.profile-summary-component .component-content .content .profile-summary {
  background: var(--color-IIC-White);
  border-radius: var(--profile-summary-card-border-radius);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, 0.5);
  padding: var(--profile-summary-card-paddings);
}
.profile-summary-component .component-content .content .profile-summary-card {
  display: none;
  grid-template: var(--profile-summary-grid-template);
  grid-template-columns: var(--profile-summary-grid-template-columns);
  grid-gap: 8px;
}
.profile-summary-component .component-content .content .profile-summary-card .company-name {
  grid-area: company;
}
.profile-summary-component .component-content .content .profile-summary-card .department {
  grid-area: department;
}
.profile-summary-component .component-content .content .profile-summary-card .job-title {
  grid-area: jobtitle;
}
.profile-summary-component .component-content .content .profile-summary-card .sep {
  grid-area: sep;
  width: var(--line-w);
  height: var(--line-h);
  background-color: var(--color-Tertiary-Cream);
  margin-bottom: 16px;
}
.profile-summary-component .component-content .content .profile-summary-card .profile-address {
  grid-area: address;
}
.profile-summary-component .component-content .content .profile-summary-card .email {
  grid-area: email;
}
.profile-summary-component .component-content .content .profile-summary-card .phone {
  grid-area: phone;
}
.profile-summary-component .component-content .content .profile-summary-card .form-mobile {
  grid-area: button;
  display: var(--btn-display-mobile);
}
.profile-summary-component .component-content .content .profile-summary-card .field {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--field-mb);
}
.profile-summary-component .component-content .content .profile-summary-card .field .title {
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: 0 !important;
}
.profile-summary-component .component-content .content .profile-summary-card .field .data {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 0 !important;
}

.membership-required-card {
  --membership-required-content-flex-direction: row;
  --membership-required-content-width: 597px;
  --membership-required-content-margin-top: 0;
  --membership-required-content-p-margin-bottom: 24px;
  --membership-required-content-btn-width: auto;
  --membership-required-content-img-height: 206px;
  --membership-required-content-img-margin-left: 0;
  --membership-required-content-img-margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 0px 50px 0px;
}
@media (max-width: 499.98px) {
  .membership-required-card {
    --membership-required-content-flex-direction: column-reverse;
    --membership-required-content-width: 100%;
    --membership-required-content-margin-top: 32px;
    --membership-required-content-p-margin-bottom: 32px;
    --membership-required-content-btn-width: 100%;
    --membership-required-content-img-width: 152px;
    --membership-required-content-img-height: 152px;
    --membership-required-content-img-margin-left: auto;
    --membership-required-content-img-margin-right: auto;
  }
}
.membership-required-card .membership-required-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: var(--membership-required-content-flex-direction);
  justify-content: center;
  align-items: center;
}
.membership-required-card .membership-required-content .membership-required-text-and-button {
  display: flex;
  flex-direction: column;
  width: var(--membership-required-content-width);
  margin-top: var(--membership-required-content-margin-top);
}
.membership-required-card .membership-required-content .membership-required-text-and-button h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: 16px;
}
.membership-required-card .membership-required-content .membership-required-text-and-button p {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: var(--membership-required-content-p-margin-bottom);
}
.membership-required-card .membership-required-content .membership-required-text-and-button form .btn {
  width: var(--membership-required-content-btn-width);
}
.membership-required-card .membership-required-content img {
  width: var(--membership-required-content-img-width);
  height: var(--membership-required-content-img-height);
  margin-left: var(--membership-required-content-img-margin-left);
  margin-right: var(--membership-required-content-img-margin-right);
}

.my-events-component {
  --my-events-width: 807px;
  --my-events-header-btn-iic-accordion-display: none;
  --my-events-header-background: none;
  --my-events-header-box-shadow: 0;
  --my-events-header-border-radius: 0px;
  --my-events-header-padding: 0;
  --my-events-title-icon-margin: 0px 13px 0px 5px;
  --my-events-title-max-width: auto;
  --my-event-cards-width: 807px;
  --slick-slide-margin-right: 24px;
  --slick-slide-width: 599px;
  --my-events-card-border-radius: 8px;
  --my-events-card-desktop-side-display: grid;
  --my-events-card-mobile-side-display: none;
  --my-events-card-item-last-child-margin-bottom: 0px;
  --my-events-card-item-margin-bottom: 0px;
  --my-events-card-item-after-display: none;
  --no-content-margin: 0 48px;
  margin-top: var(--my-events-margin-top);
  margin-bottom: var(--my-events-margin-bottom);
}
@media (min-width: 1920px) {
  .my-events-component {
    --my-event-cards-width: 807px;
    --slick-slide-width: 599px;
  }
}
@media (max-width: 499.98px) {
  .my-events-component {
    --my-events-width: 327px;
    --my-events-header-btn-iic-accordion-display: initial;
    --my-events-header-background: var(--color-IIC-White);
    --my-events-header-box-shadow: 0.5;
    --my-events-header-border-radius: 8px;
    --my-events-header-padding: 13px 16px;
    --my-events-title-icon-margin: 0px 12px 0px 3px;
    --my-events-title-max-width: 240px;
    --my-event-cards-width: 327px;
    --slick-slide-margin-right: 36px;
    --slick-slide-width: var(--iic-site-width);
    --my-events-card-border-radius: 0;
    --my-events-card-desktop-side-display: none;
    --my-events-card-mobile-side-display: initial;
    --my-events-card-item-last-child-margin-bottom: 36px;
    --my-events-card-item-margin-bottom: 36px;
    --my-events-card-item-after-display: block;
    --no-content-margin: 12px 24px;
  }
}
@media (min-width: 500px) {
  .my-events-component .collapse.dont-collapse-lg {
    display: initial;
    overflow: hidden;
    position: relative;
  }
}
.my-events-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  /*padding-bottom: 30px;*/
}
.my-events-component .component-content .content {
  width: var(--my-events-width);
  overflow: hidden;
  min-height: 40px;
  background: var(--my-events-header-background);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--my-events-header-box-shadow));
  border-radius: var(--my-events-header-border-radius);
}
.my-events-component .component-content .content .my-events-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: var(--my-events-header-padding);
}
.my-events-component .component-content .content .my-events-header .my-events-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: var(--my-events-title-max-width);
}
.my-events-component .component-content .content .my-events-header .my-events-title .my-events-title-icon {
  margin: var(--my-events-title-icon-margin);
}
.my-events-component .component-content .content .my-events-header .my-events-title h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.my-events-component .component-content .content .my-events-header .btn-iic-accordion {
  display: var(--my-events-header-btn-iic-accordion-display);
  width: 44px;
  height: 44px;
  background-color: transparent !important;
}
.my-events-component .component-content .content .my-events-cards {
  display: none;
  margin-top: 16px;
}
.my-events-component .component-content .content .my-events-cards .my-events-card {
  width: var(--my-event-cards-width);
  border-radius: var(--my-events-card-border-radius);
}
.my-events-component .component-content .content .my-events-cards .my-events-card.desktop-side {
  display: var(--my-events-card-desktop-side-display);
  grid-template-areas: "slider slider slider" "pagination left-button right-button";
  grid-template-columns: 668px 44px 44px;
  column-gap: 25px;
}
.my-events-component .component-content .content .my-events-cards .my-events-card.mobile-side {
  display: var(--my-events-card-mobile-side-display);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .my-event-card-component {
  position: relative;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .my-event-card-component:last-child {
  margin-bottom: var(--my-events-card-item-last-child-margin-bottom);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .my-event-card-component:not(:last-child) {
  margin-bottom: var(--my-events-card-item-margin-bottom);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .my-event-card-component:not(:last-child):after {
  display: var(--my-events-card-item-after-display);
  content: "";
  height: 1px;
  width: 100%;
  margin-top: 21px;
  background-color: var(--color-Tertiary-Cream);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-list {
  grid-area: slider;
  padding-bottom: 24px !important;
  overflow: visible !important;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-list .slick-slide {
  margin-right: var(--slick-slide-margin-right);
  width: var(--slick-slide-width);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-prev, .my-events-component .component-content .content .my-events-cards .my-events-card .slick-next {
  position: initial;
  z-index: 2;
  width: 44px;
  height: 44px;
  filter: none !important;
  transform: translate(0%, 0%);
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-prev:before, .my-events-component .component-content .content .my-events-cards .my-events-card .slick-next:before {
  content: none;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-prev.slick-disabled, .my-events-component .component-content .content .my-events-cards .my-events-card .slick-next.slick-disabled {
  opacity: 0.35;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-next {
  grid-area: right-button;
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-prev {
  grid-area: left-button;
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots-container {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots {
  position: initial;
  display: flex;
  justify-content: center;
  margin-right: -138px;
  width: auto;
  align-items: center;
  list-style-type: none;
  grid-area: pagination;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7px !important;
  height: 7px !important;
  background: #DFE0DF;
  border-radius: 20px;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots li.slick-active {
  width: 11px !important;
  height: 11px !important;
  background: #5972AB;
  border-radius: 25px;
}
.my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots li.slick-active button:before, .my-events-component .component-content .content .my-events-cards .my-events-card .slick-dots li button:before {
  opacity: 1;
  color: transparent;
  content: none;
}
.my-events-component .component-content .content .no-content {
  margin: var(--no-content-margin);
}

.my-event-card-component {
  --event-card-width: 599px;
  --event-card-flex-direction: row;
  --event-card-padding: 32px 32px 12px 32px;
  --event-card-min-height: 288px;
  --event-card-image-content-img-width: 272px;
  --event-card-image-content-img-margin: 0px 8px 0px 0px;
  --event-card-type-min-height: 24px;
  --event-card-text-content-margin: 40px 0px 0px 0px;
  --event-card-text-content-width: 230px;
  --event-card-box-shadow: 0.5;
  width: var(--event-card-width);
  display: flex;
  flex-direction: var(--event-card-flex-direction);
  padding: var(--event-card-padding);
  background: var(--color-IIC-White);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--event-card-box-shadow));
  border-radius: 8px;
  min-height: var(--event-card-min-height);
}
@media (max-width: 499.98px) {
  .my-event-card-component {
    --event-card-width: 100%;
    --event-card-flex-direction: column;
    --event-card-padding: 0px 24px 0px 24px;
    --event-card-min-height: auto;
    --event-card-image-content-img-width: 100%;
    --event-card-image-content-img-margin: 0px 0px 16px 0px;
    --event-card-type-min-height: auto;
    --event-card-text-content-margin: 0px;
    --event-card-text-content-width: auto;
    --event-card-box-shadow: 0;
  }
}
.my-event-card-component .title-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: var(--event-card-image-content-img-width);
  margin: var(--event-card-image-content-img-margin);
}
.my-event-card-component .title-content .event-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--event-card-type-min-height);
}
.my-event-card-component .title-content .event-type img {
  margin-right: 8px;
}
.my-event-card-component .title-content .event-type .caption-semibold-caps {
  color: var(--color-Neutrals-Body-Copy);
}
.my-event-card-component .title-content h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0px 0px 0px 0px;
}
.my-event-card-component .text-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: var(--event-card-text-content-margin);
  width: var(--event-card-text-content-width);
}
.my-event-card-component .text-content .event-info-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 24px;
}
.my-event-card-component .text-content .event-info-line img {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.my-event-card-component .text-content .event-info-line .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.my-event-card-component .text-content form {
  margin-top: auto;
}
.my-event-card-component .text-content form .btn-iic-tertiary {
  width: fit-content;
}

.create-edit-my-account-main {
  /*--create-edit-my-account-main-*/
  --create-edit-my-account-main-component-width: 1366px;
  --create-edit-my-account-main-component-margin-left: auto;
  --create-edit-my-account-main-component-margin-right: auto;
  /*--create-edit-my-account-main-component-wrapper-*/
  --create-edit-my-account-main-component-wrapper-margin-left: auto;
  --create-edit-my-account-main-component-wrapper-margin-right: auto;
  --create-edit-my-account-main-component-wrapper-width: 440px;
  /*--create-edit-my-account-main-component-wrapper-main-header-*/
  --create-edit-my-account-main-component-wrapper-main-header-text-align: center;
  --create-edit-my-account-main-component-wrapper-main-header-margin-bottom: 28px;
  --create-edit-my-account-main-component-wrapper-main-header-font-size: 49px;
  --create-edit-my-account-main-component-wrapper-main-header-line-height: 52px;
  /*--create-edit-my-account-main-component-wrapper-separator-*/
  --create-edit-my-account-main-component-wrapper-separator-position: relative;
  --create-edit-my-account-main-component-wrapper-separator-left: calc(50% - 403px);
  --create-edit-my-account-main-component-wrapper-separator-right: 50%;
  --create-edit-my-account-main-component-wrapper-separator-border-top: 1px solid;
  --create-edit-my-account-main-component-wrapper-separator-width: 806px;
  --create-edit-my-account-main-component-wrapper-separator-margin-bottom: 55px;
  --create-edit-my-account-main-component-wrapper-separator-display: block;
  /*--create-edit-my-account-main-component-wrapper-separator-small-*/
  --create-edit-my-account-main-component-wrapper-separator-small-width: 440px;
  --create-edit-my-account-main-component-wrapper-separator-small-left: calc(50% - 220px);
  --create-edit-my-account-main-component-wrapper-separator-small-margin-bottom: 38px;
  /*--create-edit-my-account-main-component-wrapper-address-label-*/
  --create-edit-my-account-main-component-wrapper-address-label-margin-bottom: 75px;
  /*--create-edit-my-account-main-component-wrapper-complete-section-*/
  --create-edit-my-account-main-component-wrapper-complete-section-margin-top: 45px;
  --create-edit-my-account-main-component-wrapper-complete-section-flex-direction: row;
  /*--create-edit-my-account-main-component-wrapper-complete-section-p-*/
  --create-edit-my-account-main-component-wrapper-complete-section-p-font-size: 14px;
  --create-edit-my-account-main-component-wrapper-complete-section-p-line-height: 20px;
  /*--create-edit-my-account-main-component-wrapper-complete-section-button-*/
  --create-edit-my-account-main-component-wrapper-complete-section-button-width: 150px;
  --create-edit-my-account-main-component-wrapper-complete-section-button-height: 44px;
  --create-edit-my-account-main-component-wrapper-complete-section-button-margin-bottom: 52px;
  /*--create-edit-my-account-main-component-wrapperspinner-border-*/
  --create-edit-my-account-main-component-wrapper-spinner-display: none;
  /*--create-edit-my-account-main-component-banner-field-info-*/
  --create-edit-my-account-main-component-banner-field-info-width: 441px;
  margin-left: var(--create-edit-my-account-main-component-margin-left);
  margin-right: var(--create-edit-my-account-main-component-margin-right);
  width: var(--create-edit-my-account-main-component-width);
}
@media (max-width: 499.98px) {
  .create-edit-my-account-main {
    --create-edit-my-account-main-component-width: 327px;
    --create-edit-my-account-main-component-wrapper-width: 327px;
    --create-edit-my-account-main-component-wrapper-main-header-font-size: 37px;
    --create-edit-my-account-main-component-wrapper-main-header-line-height: 40px;
    --create-edit-my-account-main-component-wrapper-complete-section-button-width: 327px;
    --create-edit-my-account-main-component-wrapper-separator-display: none;
    --create-edit-my-account-main-component-banner-field-info-width: 327px;
    --create-edit-my-account-main-component-wrapper-complete-section-flex-direction: column;
  }
}
@media (min-width: 500px) {
  .create-edit-my-account-main .collapse.dont-collapse-lg {
    display: initial;
  }
}
.create-edit-my-account-main h1 {
  margin: 26px 0 34px 78px;
  color: var(--color-Primary-IIC-Blue);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper {
  margin-left: var(--create-edit-my-account-main-component-wrapper-margin-left);
  margin-right: var(--create-edit-my-account-main-component-wrapper-margin-right);
  width: var(--create-edit-my-account-main-component-wrapper-width);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .main-header {
  text-align: var(--create-edit-my-account-main-component-wrapper-main-header-text-align);
  margin-bottom: var(--create-edit-my-account-main-component-wrapper-main-header-margin-bottom);
  font-size: var(--create-edit-my-account-main-component-wrapper-main-header-font-size);
  line-height: var(--create-edit-my-account-main-component-wrapper-main-header-line-height);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .separator {
  position: var(--create-edit-my-account-main-component-wrapper-separator-position);
  left: var(--create-edit-my-account-main-component-wrapper-separator-left);
  right: var(--create-edit-my-account-main-component-wrapper-separator-right);
  border-top: var(--create-edit-my-account-main-component-wrapper-separator-border-top);
  border-color: var(--color-Tertiary-Cream);
  width: var(--create-edit-my-account-main-component-wrapper-separator-width);
  margin-bottom: var(--create-edit-my-account-main-component-wrapper-separator-margin-bottom);
  display: var(--create-edit-my-account-main-component-wrapper-separator-display);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .separator.small {
  width: var(--create-edit-my-account-main-component-wrapper-separator-small-width);
  left: var(--create-edit-my-account-main-component-wrapper-separator-small-left);
  margin-bottom: var(--create-edit-my-account-main-component-wrapper-separator-small-margin-bottom);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .banner-field-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: var(--create-edit-my-account-main-component-banner-field-info-width);
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  margin: 48px 0;
  background: var(--color-Secondary-Frost-Blue);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .banner-field-info .caption-medium {
  margin-left: 8px;
  color: var(--color-Secondary-Slate);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .address-label {
  margin-bottom: var(--create-edit-my-account-main-component-wrapper-address-label-margin-bottom);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .separator.small.my-employment {
  margin-top: 56px;
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .employment-lookup-notifications {
  margin-top: 65px;
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section {
  margin-top: var(--create-edit-my-account-main-component-wrapper-complete-section-margin-top);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section.edit-mode {
  display: flex;
  flex-direction: var(--create-edit-my-account-main-component-wrapper-complete-section-flex-direction);
  justify-content: space-between;
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section p {
  color: var(--color-Neutrals-Body-Copy);
  font-size: var(--create-edit-my-account-main-component-wrapper-complete-section-p-font-size);
  line-height: var(--create-edit-my-account-main-component-wrapper-complete-section-p-line-height);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section button {
  width: var(--create-edit-my-account-main-component-wrapper-complete-section-button-width);
  height: var(--create-edit-my-account-main-component-wrapper-complete-section-button-height);
  margin-bottom: var(--create-edit-my-account-main-component-wrapper-complete-section-button-margin-bottom);
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section button.edit {
  padding: 12px;
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section button.edit[disabled] {
  width: 167px;
}
.create-edit-my-account-main .create-edit-my-account-main-component-wrapper .complete-section .spinner-border {
  display: var(--create-edit-my-account-main-component-wrapper-spinner-display);
}

.my-courses-listing-component {
  --listing-filters-margin: 10px 0px 0px 40px;
  --listing-margin-top: 48px;
  --listing-filters-width: 391px;
  --listing-filters-paragraph-margin: 0px;
  --listing-filter-sections-padding: 32px;
  --listing-text-content-margin-bottom: 104px;
  --listing-text-content-h3-margin-bottom: 20px;
  --listing-filters-header-icon-display: block;
  --listing-filters-header-icon-collapsed-display: none;
  --listing-pagination-controls-pages-desktop-side-display: block;
  --listing-pagination-controls-pages-mobile-side-display: none;
  --listing-pagination-footer-align-items: center;
  --listing-pagination-footer-height: 75px;
  --listing-pagination-footer-gap: 0px;
  --listing-pagination-footer-flex-direction: row;
  --listing-pagination-footer-width: 703px;
  --listing-pagination-footer-margin-top: 0px;
  --listing-pagination-footer-padding: 0px 22px 0px 16px;
  --listing-pagination-controls-width: 337px;
  --pagination-controls-buttons-width: 104px;
  --listing-pagination-numbers-height: 24px;
  --listing-pagination-numbers-width: 300px;
  --listing-pagination-numbers-display: flex;
  --listing-pagination-numbers-align-items: end;
  --listing-component-content-grid-template-areas: "filters-content listing-pagination-header" "filters-content search-results-side" "filters-content listing-pagination-footer";
  --listing-component-content-grid-template-columns: 519px;
  --listing-component-content-grid-template-rows: auto auto 100%;
  --listing-text-content-h4-width: 415px;
  --listing--date-input-width: 145px;
  --sort-filter-section-desktop-side-display: flex;
  --sort-filter-section-mobile-side-display: none;
  --sort-filter-section-select-width: 231px;
  --listing-pagination-header-width: 599px;
  --listing-pagination-header-margin: 0px 0px 43px 0px;
  --filters-header-desktop-side-display: flex;
  --filters-header-button-margin-bottom: -3px;
  --items-list-width: 703px;
  --items-list-box-shadow: 0.5;
  --my-courses-list-box-shadow: 0;
  --footer-description-width: 599px;
  --footer-description-margin-top: 42px;
  --header-description-display: flex;
  --my-course-card-component-item-after-display: none;
  --my-course-card-component-item-first-child-padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: var(--listing-margin-top);
}
@media (max-width: 499.98px) {
  .my-courses-listing-component {
    --listing-filters-margin: 0;
    --listing-margin-top: 40px;
    --listing-filters-width: 100%;
    --listing-filters-paragraph-margin: 0px 0px 30px 0px;
    --listing-filter-sections-padding: 16px;
    --listing-text-content-margin-bottom: 44px;
    --listing-text-content-h3-margin-bottom: 24px;
    --listing-filters-header-icon-display: none;
    --listing-filters-header-icon-collapsed-display: block;
    --listing-pagination-controls-pages-desktop-side-display: none;
    --listing-pagination-controls-pages-mobile-side-display: block;
    --listing-pagination-footer-align-items: start;
    --listing-pagination-footer-height: fit-content;
    --listing-pagination-footer-gap: 16px;
    --listing-pagination-footer-flex-direction: column;
    --listing-pagination-footer-width: 100%;
    --listing-pagination-footer-margin-top: 32px;
    --listing-pagination-footer-padding: 0;
    --listing-pagination-controls-width: 100%;
    --pagination-controls-buttons-width: 100%;
    --listing-pagination-numbers-height: 16px;
    --listing-pagination-numbers-width: auto;
    --listing-pagination-numbers-display: block;
    --listing-pagination-numbers-align-items: center;
    --listing-component-content-grid-template-areas: "listing-pagination-header order-listing-sort-and-icon" "filters-content filters-content" "search-results-side search-results-side" "listing-pagination-footer listing-pagination-footer";
    --listing-component-content-grid-template-columns: auto;
    --listing-component-content-grid-template-rows: none;
    --listing-text-content-h4-width: 100%;
    --listing--date-input-width: 137px;
    --sort-filter-section-desktop-side-display: none;
    --sort-filter-section-mobile-side-display: block;
    --sort-filter-section-select-width: 215px;
    --listing-pagination-header-width: auto;
    --listing-pagination-header-margin: 0px 0px 40px 0px;
    --filters-header-desktop-side-display: none;
    --filters-header-button-margin-bottom: 0px;
    --items-list-width: 100%;
    --items-list-box-shadow: 0;
    --my-courses-list-box-shadow: 0.5;
    --footer-description-width: 100%;
    --footer-description-margin-top: 56px;
    --header-description-display: none;
    --my-course-card-component-item-after-display: block;
    --my-course-card-component-item-first-child-padding: 24px 24px 27px 24px;
  }
}
@media (min-width: 500px) {
  .my-courses-listing-component .collapse.dont-collapse-lg {
    display: block;
  }
}
.my-courses-listing-component .pagination-controls-input::-webkit-outer-spin-button,
.my-courses-listing-component .pagination-controls-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.my-courses-listing-component .pagination-controls-input[type=number] {
  -moz-appearance: textfield;
}
.my-courses-listing-component .listing-text-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-bottom: var(--listing-text-content-margin-bottom);
}
.my-courses-listing-component .listing-text-content h3 {
  color: var(--color-Primary-IIC-Blue);
  margin-bottom: var(--listing-text-content-h3-margin-bottom);
}
.my-courses-listing-component .listing-text-content h5 {
  width: var(--listing-text-content-h4-width);
  color: var(--color-Neutrals-Body-Copy);
  margin: 0px;
}
.my-courses-listing-component .listing-text-content form {
  margin-top: 16px;
}
.my-courses-listing-component .hidden {
  display: none;
}
.my-courses-listing-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: grid;
  grid-template-areas: var(--listing-component-content-grid-template-areas);
  grid-template-columns: var(--listing-component-content-grid-template-columns);
  grid-template-rows: var(--listing-component-content-grid-template-rows);
}
.my-courses-listing-component .component-content .my-courses-listing-sort-and-icon {
  grid-area: order-listing-sort-and-icon;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
}
.my-courses-listing-component .component-content .my-courses-listing-sort-and-icon .filters-header-icon.mobile-icon {
  display: var(--listing-filters-header-icon-collapsed-display);
  width: 26px;
  height: 26px;
  margin-left: auto;
}
.my-courses-listing-component .component-content .filters-header-icon {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/adjustments.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.my-courses-listing-component .component-content .filters-header-icon.desktop-icon {
  display: var(--listing-filters-header-icon-display);
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.my-courses-listing-component .component-content .filters-header-icon.collapsed {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments.svg");
}
.my-courses-listing-component .component-content .filters-header-icon.collapsed:hover {
  background-image: url("/assets/InsuranceInstitute/images/Icons/System_tools/adjustments-hover.svg");
}
.my-courses-listing-component .component-content .sort-filter-section {
  color: var(--color-Neutrals-Body-Copy);
  align-items: center;
  gap: 12px;
}
.my-courses-listing-component .component-content .sort-filter-section.desktop-side {
  display: var(--sort-filter-section-desktop-side-display);
}
.my-courses-listing-component .component-content .sort-filter-section.mobile-side {
  display: var(--sort-filter-section-mobile-side-display);
}
.my-courses-listing-component .component-content .sort-filter-section select {
  width: var(--sort-filter-section-select-width);
  height: 48px;
}
.my-courses-listing-component .component-content .filters-content {
  display: none;
  flex-direction: column;
  margin: var(--listing-filters-margin);
  grid-area: filters-content;
  height: fit-content;
}
.my-courses-listing-component .component-content .filters-content .filters {
  width: var(--listing-filters-width);
}
.my-courses-listing-component .component-content .filters-content .filters.paragraph {
  margin: var(--listing-filters-paragraph-margin);
}
.my-courses-listing-component .component-content .filters-content .filters .filters-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.my-courses-listing-component .component-content .filters-content .filters .filters-header .filters-header-title {
  min-width: 146px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.my-courses-listing-component .component-content .filters-content .filters .filters-header .filters-header-title.desktop-side {
  display: var(--filters-header-desktop-side-display);
}
.my-courses-listing-component .component-content .filters-content .filters .filters-header .filters-header-title h5 {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0;
}
.my-courses-listing-component .component-content .filters-content .filters .filters-header button {
  margin-bottom: var(--filters-header-button-margin-bottom);
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections {
  padding: var(--listing-filter-sections-padding);
  background-color: rgba(238, 238, 236, 0.35);
  border-radius: 8px;
  margin-bottom: 16px;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section {
  display: flex;
  flex-direction: column;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs {
  display: flex;
  flex-direction: row;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .date-filter-section .date-filter-section-inputs select {
  width: var(--listing--date-input-width);
  height: 48px;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-section-name {
  margin-bottom: 16px;
  color: var(--color-Neutrals-Heading-Copy);
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry .form-check {
  margin: 0;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section .filter-entry label {
  color: var(--color-Neutrals-Heading-Copy);
  flex: 1;
  margin: 0px 8px 0px 8px;
}
.my-courses-listing-component .component-content .filters-content .filters .filter-sections .filter-section:not(:last-child):after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-Tertiary-Cream);
  display: block;
  margin: 24px 0px;
}
.my-courses-listing-component .component-content .filters-content .filters .filters-footer {
  display: flex;
  justify-content: end;
  margin-bottom: 14px;
}
.my-courses-listing-component .component-content .search-results-side {
  display: contents;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component {
  display: contents;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: var(--listing-pagination-header-margin);
  grid-area: listing-pagination-header;
  width: var(--listing-pagination-header-width);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers {
  height: var(--listing-pagination-numbers-height);
  color: var(--color-Secondary-Slate);
  width: var(--listing-pagination-numbers-width);
  display: var(--listing-pagination-numbers-display);
  align-items: var(--listing-pagination-numbers-align-items);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .listing-pagination-numbers .listing-pagination-numbers-dash {
  color: var(--color-Primary-IIC-Gold);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list {
  width: var(--items-list-width);
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--items-list-box-shadow));
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  grid-area: search-results-side;
  height: fit-content;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .my-courses-list {
  box-shadow: 0px 10px 20px rgba(223, 224, 223, var(--my-courses-list-box-shadow));
  border-radius: 8px;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .my-courses-list .my-course-card-component:not(:last-child):after {
  display: var(--my-course-card-component-item-after-display);
  content: "";
  height: 1px;
  width: 100%;
  margin-top: 27px;
  background-color: var(--color-Tertiary-Cream);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .my-courses-list .my-course-card-component:first-child {
  padding: var(--my-course-card-component-item-first-child-padding);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .header-description {
  display: var(--header-description-display);
  align-items: end;
  width: 100%;
  height: 56px;
  padding: 16px 32px;
  background: var(--color-Neutrals-Light-Grey);
  border-radius: 8px 8px 0px 0px;
  color: var(--color-Neutrals-Body-Copy);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer {
  display: flex;
  flex-direction: var(--listing-pagination-footer-flex-direction);
  justify-content: space-between;
  align-items: var(--listing-pagination-footer-align-items);
  height: var(--listing-pagination-footer-height);
  width: var(--listing-pagination-footer-width);
  padding: var(--listing-pagination-footer-padding);
  margin-top: var(--listing-pagination-footer-margin-top);
  gap: var(--listing-pagination-footer-gap);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: var(--listing-pagination-controls-width);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls.hidden {
  display: none;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages {
  padding: 6px 16px;
  height: 48px;
  color: var(--color-Neutrals-Body-Copy);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.desktop-side {
  display: var(--listing-pagination-controls-pages-desktop-side-display);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages.mobile-side {
  display: var(--listing-pagination-controls-pages-mobile-side-display);
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input {
  width: 36px;
  height: 36px;
  background: var(--color-IIC-White);
  border: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  border-radius: 3px;
  color: var(--color-Neutrals-Steel);
  text-align: center;
  margin-right: 8px;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-pages input:focus-visible {
  outline: var(--color-CTA-CTA-Tertiary-Text-Cerulean) auto 1px;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: var(--pagination-controls-buttons-width);
  height: 48px;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev, .my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.disabled, .my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.disabled {
  opacity: 0.35;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev.inactive, .my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next.inactive {
  pointer-events: none;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-next {
  background-image: url(../images/Icons/carousel-right-btn.svg) !important;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .items-list .listing-pagination-footer .listing-pagination-controls .pagination-controls-buttons .pagination-controls-prev {
  background-image: url(../images/Icons/carousel-left-btn.svg) !important;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .footer-description {
  grid-area: listing-pagination-footer;
}
.my-courses-listing-component .component-content .search-results-side .listing-search-results-component .footer-description .caption-regular {
  display: flex;
  flex-direction: row;
  width: var(--footer-description-width);
  margin-top: var(--footer-description-margin-top);
  justify-content: center;
  align-items: flex-start;
  padding: 16px 24px;
  border-radius: 8px;
  background: var(--color-Neutrals-Light-Grey);
  color: var(--color-Neutrals-Body-Copy);
}

.my-course-card-component {
  --my-course-card-width: 703px;
  --my-course-card-min-height: 126px;
  --my-course-card-padding: 0;
  --my-course-card-gap: 8px;
  --my-course-card-program-padding: 0px 0px 0px 15px;
  --my-course-card-program-margin-bottom: 0px;
  --my-course-card-flex-direction: row;
  --my-course-card-border-bottom: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --course-text-content-width: 367px;
  --course-additional-content-width: 225px;
  --course-additional-content-border-left: 1px solid var(--color-Neutrals-Gainsboro-Grey);
  --course-additional-content-align-items: flex-end;
  --course-additional-content-padding: 16px 24px 16px 8px;
  --my-course-card-diamond-display: initial;
  --my-course-card-result-gap: 16px;
  --course-code-and-name-width: 315px;
  --course-code-and-name-margin-bottom: 4px;
  --course-code-and-name-desktop-side-display: -webkit-box;
  --course-code-and-name-mobile-side-display: none;
  --desktop-side-display: flex;
  --mobile-side-display: none;
  display: flex;
  flex-direction: var(--my-course-card-flex-direction);
  width: var(--my-course-card-width);
  min-height: var(--my-course-card-min-height);
  gap: var(--my-course-card-gap);
  border-bottom: var(--my-course-card-border-bottom);
  position: relative;
  overflow: hidden;
  padding: var(--my-course-card-padding);
}
@media (max-width: 499.98px) {
  .my-course-card-component {
    --my-course-card-width: 100%;
    --my-course-card-min-height: auto;
    --my-course-card-padding: 0px 24px 27px 24px;
    --my-course-card-program-margin-bottom: 12px;
    --my-course-card-gap: 0px;
    --my-course-card-program-padding: 0;
    --my-course-card-flex-direction: column;
    --my-course-card-border-bottom: none;
    --course-text-content-width: 100%;
    --course-additional-content-padding: 0;
    --course-additional-content-width: 100%;
    --course-additional-content-border-left: none;
    --course-additional-content-align-items: start;
    --my-course-card-diamond-display: none;
    --my-course-card-result-gap: 0;
    --course-code-and-name-width: 100%;
    --course-code-and-name-margin-bottom: 8px;
    --course-code-and-name-desktop-side-display: none;
    --course-code-and-name-mobile-side-display: -webkit-box;
    --desktop-side-display: none;
    --mobile-side-display: flex;
  }
}
.my-course-card-component .result {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  background: var(--my-course-card-result-color);
  border-radius: 4px;
  color: var(--my-course-card-result-text-color);
  text-align: end;
}
.my-course-card-component .result.desktop-side {
  display: var(--desktop-side-display);
}
.my-course-card-component .result.mobile-side {
  margin: 0px 0px 12px auto;
  display: var(--mobile-side-display);
}
.my-course-card-component .program-name {
  display: flex;
  align-items: center;
  width: 97px;
  padding: var(--my-course-card-program-padding);
  min-width: 53px;
  margin-bottom: var(--my-course-card-program-margin-bottom);
  z-index: 2;
}
.my-course-card-component .program-name .desktop-side {
  display: var(--desktop-side-display);
  color: var(--my-course-card-diamond-program-name-color);
}
.my-course-card-component .program-name .mobile-side {
  display: var(--mobile-side-display);
  color: var(--color-Neutrals-Heading-Copy);
}
.my-course-card-component .course-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: var(--course-text-content-width);
  padding: var(--course-additional-content-padding);
  margin-bottom: var(--my-course-card-program-margin-bottom);
}
.my-course-card-component .course-text-content .course-code-and-name {
  width: var(--course-code-and-name-width);
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--course-code-and-name-margin-bottom);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.my-course-card-component .course-text-content .course-code-and-name.desktop-side {
  display: var(--course-code-and-name-desktop-side-display);
}
.my-course-card-component .course-text-content .course-code-and-name.mobile-side {
  display: var(--course-code-and-name-mobile-side-display);
}
.my-course-card-component .course-text-content .course-granted {
  margin-bottom: 2px;
}
.my-course-card-component .course-text-content .course-info-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 24px;
}
.my-course-card-component .course-text-content .course-info-line img {
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.my-course-card-component .course-text-content .course-info-line .paragraph-regular {
  color: var(--color-Neutrals-Body-Copy);
}
.my-course-card-component .course-additional-content {
  display: flex;
  padding: var(--course-additional-content-padding);
  flex-direction: column;
  align-items: var(--course-additional-content-align-items);
  border-left: var(--course-additional-content-border-left);
  width: var(--course-additional-content-width);
}
.my-course-card-component .course-additional-content .course-additional-content-items {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  gap: var(--my-course-card-result-gap);
}
.my-course-card-component .my-course-card-diamond {
  display: var(--my-course-card-diamond-display);
  position: absolute;
  width: 248px;
  height: 165px;
  top: 50%;
  left: -36px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: var(--my-course-card-diamond-color);
  z-index: 1;
}

.account-create-edit-credentials {
  /*--account-create-edit-credentials-common-*/
  --account-create-edit-credentials-iic-invalid-feedback-display: none;
  --account-create-edit-credentials-common-width: 440px;
  --account-create-edit-credentials-common-h3-margin-bottom: 32px;
  --account-create-edit-credentials-common-h3-font-size: 39px;
  --account-create-edit-credentials-common-h3-line-height: 44px;
  /*--account-create-edit-credentials-override-caption-medium-*/
  --account-create-edit-credentials-override-caption-medium-font-weight: 400;
  --account-create-edit-credentials-override-caption-medium-font-size: 14px;
  --account-create-edit-credentials-override-caption-medium-line-height: 20px;
  /*--account-create-edit-credentials-first-middle-name-wrapper-*/
  --account-create-edit-credentials-first-middle-name-wrapper-display: flex;
  --account-create-edit-credentials-first-middle-name-wrapper-flex-wrap: nowrap;
  --account-create-edit-credentials-first-middle-name-wrapper-flex-direction: row;
  --account-create-edit-credentials-first-middle-name-wrapper-justify-content: space-between;
  --account-create-edit-credentials-first-middle-name-wrapper-margin-bottom: 30px;
  /*--account-create-edit-credentials-first-name-line-input-first-*/
  --account-create-edit-credentials-first-name-line-input-first-width: 245px;
  --account-create-edit-credentials-first-name-line-margin-bottom: 0;
  /*--account-create-edit-credentials-middle-name-line-input-first-*/
  --account-create-edit-credentials-middle-name-line-input-first-width: 171px;
  /*--account-create-edit-credentials-last-name-pronouns-wrapper-*/
  --account-create-edit-credentials-last-name-pronouns-wrapper-margin-bottom: 30px;
  /*--account-create-edit-credentials-last-name-pronouns-wrapper-input-search-*/
  --account-create-edit-credentials-last-name-pronouns-wrapper-input-search-width: 245px;
  /*--account-create-edit-credentials-email-wrapper-*/
  --account-create-edit-credentials-email-wrapper-margin-bottom: 30px;
  /*--account-create-edit-credentials-password-wrapper-*/
  --account-create-edit-credentials-password-wrapper-margin-bottom: 16px;
  --account-create-edit-credentials-password-wrapper-position: relative;
  /*--account-create-edit-credentials-password-strength-box-wrapper-*/
  --account-create-edit-credentials-password-strength-box-wrapper-left: 463px;
  --account-create-edit-credentials-password-strength-box-wrapper-top: 968px;
  --account-create-edit-credentials-password-strength-box-wrapper-margin-bottom: 16px;
  /*--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-*/
  --account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-position: absolute;
  --account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-right: 0px;
  --account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-top: 68px;
  /*--account-create-edit-credentials-confirm-password-wrapper-*/
  --account-create-edit-credentials-confirm-password-wrapper-margin-bottom: 30px;
  /*--account-create-edit-credentials-phone-number-container-wrapper-*/
  --account-create-edit-credentials-phone-number-wrapper-container-display: flex;
  --account-create-edit-credentials-phone-number-wrapper-container-flex-direction: column;
  --account-create-edit-credentials-phone-number-wrapper-container-bottom: 30px;
  /*--account-create-edit-credentials-phone-number-wrapper*/
  --account-create-edit-credentials-phone-number-wrapper-display: flex;
  --account-create-edit-credentials-phone-number-wrapper-flex-direction: row;
  --account-create-edit-credentials-phone-number-wrapper-flex-wrap: nowrap;
  --account-create-edit-credentials-phone-number-wrapper-align-content: center;
  --account-create-edit-credentials-phone-number-wrapper-justify-content: space-between;
  --account-create-edit-credentials-phone-number-wrapper-align-items: flex-start;
  --account-create-edit-credentials-phone-number-wrapper-margin-bottom: 15px;
  --account-create-edit-credentials-phone-number-wrapper-position: relative;
  --account-create-edit-credentials-phone-number-wrapper-gap: 10px;
  /*--account-create-edit-credentials-phone-number-wrapper-country-code-line-*/
  --account-create-edit-credentials-phone-number-wrapper-country-code-line-width: 50%;
  /*--account-create-edit-credentials-phone-number-wrapper-area-code-line-*/
  --account-create-edit-credentials-phone-number-wrapper-area-code-line-width: 50%;
  /*--account-create-edit-credentials-phone-number-wrapper-phone-number-line-*/
  --account-create-edit-credentials-phone-number-wrapper-phone-number-line-width: 275px;
  --account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-display: block;
  --account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-position: absolute;
  --account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom: -20px;
  --account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-right: 1px;
  /*--account-create-edit-credentials-preferred-language-input-wrapper-*/
  --account-create-edit-credentials-preferred-language-input-wrapper-margin-top: 10px;
  /*--account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-*/
  --account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-display: inline-block;
  /*--account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-first-child-*/
  --account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-first-child-margin-right: 30px;
  --account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-desktop-side-display: initial;
  --account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-mobile-side-display: none;
  --account-create-edit-credentials-confirmation-number-wrapper-input-content-flex-direction: row;
  --account-create-edit-credentials-confirmation-number-wrapper-input-content-align-items: center;
  --account-create-edit-credentials-confirmation-number-wrapper-input-width: 180px;
  /*--account-create-edit-credentials-work-phone-number-wrapper-*/
  --account-create-edit-credentials-work-phone-number-wrapper-container-display: flex;
  --account-create-edit-credentials-work-phone-number-wrapper-container-flex-direction: column;
  --account-create-edit-credentials-work-phone-number-wrapper-container-bottom: 30px;
  --account-create-edit-credentials-work-phone-number-wrapper-display: flex;
  --account-create-edit-credentials-work-phone-number-wrapper-flex-direction: row;
  --account-create-edit-credentials-work-phone-number-wrapper-flex-wrap: nowrap;
  --account-create-edit-credentials-work-phone-number-wrapper-align-content: center;
  --account-create-edit-credentials-work-phone-number-wrapper-justify-content: space-between;
  --account-create-edit-credentials-work-phone-number-wrapper-align-items: flex-start;
  --account-create-edit-credentials-work-phone-number-wrapper-margin-bottom: 15px;
  --account-create-edit-credentials-work-phone-number-wrapper-position: relative;
  /*--account-create-edit-credentials-work-phone-number-wrapper-country-code-line-*/
  --account-create-edit-credentials-work-phone-number-wrapper-country-code-line-width: 50%;
  /*--account-create-edit-credentials-work-phone-number-wrapper-area-code-line-*/
  --account-create-edit-credentials-work-phone-number-wrapper-area-code-line-width: 50%;
  /*--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-*/
  --account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-width: 275px;
  --account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom: -20px;
  /*--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-*/
  --account-create-edit-credentials-work-phone-number-wrapper-extension-line-width: 150px;
  --work-phone-number-label-mh: 40px;
  /*--close-icon-*/
  --close-icon-img-size: 24px;
  --close-icon-button-top: 2em;
  --close-icon-button-right: 1em;
  width: var(--account-create-edit-credentials-common-width);
  /* End of webkit-search-cancel-button replacement css */
}
@media (max-width: 499.98px) {
  .account-create-edit-credentials {
    --account-create-edit-credentials-common-width: 327px;
    --account-create-edit-credentials-first-middle-name-wrapper-flex-direction: column;
    --account-create-edit-credentials-first-name-line-input-first-width: 327px;
    --account-create-edit-credentials-middle-name-line-input-first-width: 327px;
    --account-create-edit-credentials-last-name-pronouns-wrapper-input-search-width: 327px;
    --account-create-edit-credentials-first-name-line-margin-bottom: 26px;
    --account-create-edit-credentials-first-middle-name-wrapper-margin-bottom: 26px;
    --account-create-edit-credentials-last-name-pronouns-wrapper-margin-bottom: 26px;
    --account-create-edit-credentials-email-wrapper-margin-bottom: 26px;
    --account-create-edit-credentials-common-h3-font-size: 30px;
    --account-create-edit-credentials-common-h3-line-height: 32px;
    --account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-desktop-side-display: none;
    --account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-mobile-side-display: initial;
    --account-create-edit-credentials-confirmation-number-wrapper-input-content-flex-direction: column;
    --account-create-edit-credentials-confirmation-number-wrapper-input-content-align-items: start;
    --account-create-edit-credentials-confirmation-number-wrapper-input-width: 100%;
    --work-phone-number-label-mh: 40px;
    --close-icon-img-size: 24px;
    --close-icon-button-top: 2em;
    --close-icon-button-right: 1em;
  }
}
.account-create-edit-credentials h3 {
  margin-bottom: var(--account-create-edit-credentials-common-h3-margin-bottom);
  font-size: var(--account-create-edit-credentials-common-h3-font-size);
  line-height: var(--account-create-edit-credentials-common-h3-line-height);
}
.account-create-edit-credentials .banner-user-id {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  margin: 48px 0;
  background: var(--color-Neutrals-Light-Grey);
}
.account-create-edit-credentials .banner-user-id .caption-medium {
  margin-left: 8px;
  color: var(--color-Neutrals-Body-Copy);
}
.account-create-edit-credentials .iic-invalid-feedback {
  display: var(--account-create-edit-credentials-iic-invalid-feedback-display);
}
.account-create-edit-credentials .iic-invalid-feedback span[isRequired], .account-create-edit-credentials .iic-invalid-feedback span[isInvalid], .account-create-edit-credentials .iic-invalid-feedback span[isInvalidLength] {
  display: var(--account-create-edit-credentials-iic-invalid-feedback-display);
}
.account-create-edit-credentials input.invalid {
  border-color: var(--color-Tertiary-Error);
}
.account-create-edit-credentials button.close-icon {
  border: none;
  position: absolute;
  background: url(/assets/InsuranceInstitute/images/Icons/Solid/x-circle.svg);
  background-size: var(--close-icon-img-size) var(--close-icon-img-size);
  width: var(--close-icon-img-size);
  height: var(--close-icon-img-size);
  margin-right: 10px;
  cursor: pointer;
  top: var(--close-icon-button-top);
  right: var(--close-icon-button-right);
}
.account-create-edit-credentials :is(.iic-form-control:not(:placeholder-shown)):has(+ button.close-icon)::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.account-create-edit-credentials input[type=search].iic-form-control:not(placeholder-shown) ~ .close-icon {
  display: inline-block;
}
.account-create-edit-credentials input[type=search].iic-form-control:placeholder-shown ~ .close-icon {
  display: none;
}
.account-create-edit-credentials .caption-medium {
  font-weight: var(--account-create-edit-credentials-override-caption-medium-font-weight);
  font-size: var(--account-create-edit-credentials-override-caption-medium-font-size);
  line-height: var(--account-create-edit-credentials-override-caption-medium-line-height);
  color: var(--color-Neutrals-Body-Copy);
}
.account-create-edit-credentials .first-middle-name-wrapper {
  display: var(--account-create-edit-credentials-first-middle-name-wrapper-display);
  flex-wrap: var(--account-create-edit-credentials-first-middle-name-wrapper-flex-wrap);
  flex-direction: var(--account-create-edit-credentials-first-middle-name-wrapper-flex-direction);
  justify-content: var(--account-create-edit-credentials-first-middle-name-wrapper-justify-content);
  margin-bottom: var(--account-create-edit-credentials-first-middle-name-wrapper-margin-bottom);
}
.account-create-edit-credentials .first-middle-name-wrapper .first-name-line {
  position: relative;
  margin-bottom: var(--account-create-edit-credentials-first-name-line-margin-bottom);
}
.account-create-edit-credentials .first-middle-name-wrapper .first-name-line input[type=search] {
  width: var(--account-create-edit-credentials-first-name-line-input-first-width);
}
.account-create-edit-credentials .first-middle-name-wrapper .middle-name-line {
  position: relative;
}
.account-create-edit-credentials .first-middle-name-wrapper .middle-name-line input[type=search] {
  width: var(--account-create-edit-credentials-middle-name-line-input-first-width);
}
.account-create-edit-credentials .last-name-pronouns-wrapper {
  margin-bottom: var(--account-create-edit-credentials-last-name-pronouns-wrapper-margin-bottom);
  width: var(--account-create-edit-credentials-last-name-pronouns-wrapper-input-search-width);
}
.account-create-edit-credentials .last-name-pronouns-wrapper .last-name-line {
  position: relative;
}
.account-create-edit-credentials .last-name-pronouns-wrapper .last-name-line input[type=search] {
  width: var(--account-create-edit-credentials-last-name-pronouns-wrapper-input-search-width);
}
.account-create-edit-credentials .email-wrapper {
  margin-bottom: var(--account-create-edit-credentials-email-wrapper-margin-bottom);
  position: relative;
}
.account-create-edit-credentials .confirmation-number-wrapper {
  margin-bottom: var(--account-create-edit-credentials-email-wrapper-margin-bottom);
}
.account-create-edit-credentials .confirmation-number-wrapper .send-confirmation-code-button {
  cursor: pointer;
}
.account-create-edit-credentials .confirmation-number-wrapper .send-confirmation-code-button.desktop-side {
  display: var(--account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-desktop-side-display);
}
.account-create-edit-credentials .confirmation-number-wrapper .send-confirmation-code-button.mobile-side {
  display: var(--account-create-edit-credentials-confirmation-number-wrapper-send-confirmation-code-button-mobile-side-display);
}
.account-create-edit-credentials .confirmation-number-wrapper .confirmation-number-input-content {
  display: flex;
  flex-direction: var(--account-create-edit-credentials-confirmation-number-wrapper-input-content-flex-direction);
  justify-content: space-between;
  align-items: var(--account-create-edit-credentials-confirmation-number-wrapper-input-content-align-items);
  gap: 10px;
  position: relative;
}
.account-create-edit-credentials .confirmation-number-wrapper .confirmation-number-input-content input {
  width: var(--account-create-edit-credentials-confirmation-number-wrapper-input-width);
}
.account-create-edit-credentials .confirmation-number-wrapper .confirmation-number-input-content .close-icon {
  top: 0.75em;
  left: 8em;
}
.account-create-edit-credentials .confirmation-number-wrapper .iic-invalid-feedback {
  width: var(--account-create-edit-credentials-confirmation-number-wrapper-input-width);
}
.account-create-edit-credentials .confirmation-number-wrapper .check-your-inbox {
  display: none;
  margin-top: 5px;
}
.account-create-edit-credentials .confirmation-number-wrapper .check-your-inbox span {
  color: var(--color-Secondary-Deep-Periwinkle);
}
.account-create-edit-credentials .confirmation-number-wrapper .invalid-code, .account-create-edit-credentials .confirmation-number-wrapper .error-sending-verification-code {
  display: none;
}
.account-create-edit-credentials .confirmation-number-wrapper .invalid-code span, .account-create-edit-credentials .confirmation-number-wrapper .error-sending-verification-code span {
  color: var(--color-Tertiary-Error);
}
.account-create-edit-credentials .password-wrapper {
  margin-bottom: var(--account-create-edit-credentials-password-wrapper-margin-bottom);
  position: var(--account-create-edit-credentials-password-wrapper-position);
}
.account-create-edit-credentials .password-wrapper .password-input-wrapper .iic-invalid-feedback {
  position: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-position);
  right: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-right);
  top: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-top);
}
.account-create-edit-credentials .password-wrapper .password-input-wrapper .iic-form-control:invalid {
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #B80000;
  padding-right: calc(2.5em + 0.75rem);
  background-image: url(/assets/InsuranceInstitute/images/Icons/Solid/invalid.svg);
  background-repeat: no-repeat;
  background-position: right calc(0.475em + 1.5875rem) center;
  background-size: 18px 18px;
}
.account-create-edit-credentials .iic-password-input .iic-form-control:invalid, .account-create-edit-credentials .iic-password-input .iic-form-control.invalid-input {
  background-position: right calc(0.475em + 1.5875rem) center;
}
.account-create-edit-credentials .iic-password-input .card-info-line-input {
  padding-right: calc(2.1em + 1.5875rem);
}
.account-create-edit-credentials .password-strength-box-wrapper {
  left: var(--account-create-edit-credentials-password-strength-box-wrapper-left);
  top: var(--account-create-edit-credentials-password-strength-box-wrapper-top);
  margin-bottom: var(--account-create-edit-credentials-password-strength-box-wrapper-margin-bottom);
}
.account-create-edit-credentials .confirm-password-wrapper {
  margin-bottom: var(--account-create-edit-credentials-confirm-password-wrapper-margin-bottom);
  position: var(--account-create-edit-credentials-password-wrapper-position);
}
.account-create-edit-credentials .confirm-password-wrapper .confirm-password-input-wrapper .iic-invalid-feedback {
  position: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-position);
  right: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-right);
  top: var(--account-create-edit-credentials-password-wrapper-password-input-wrapper-iic-invalid-feedback-top);
}
.account-create-edit-credentials .phone-number-container-wrapper {
  display: var(--account-create-edit-credentials-phone-number-wrapper-container-display);
  flex-direction: var(--account-create-edit-credentials-phone-number-wrapper-container-flex-direction);
  margin-bottom: var(--account-create-edit-credentials-phone-number-wrapper-container-bottom);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper {
  display: var(--account-create-edit-credentials-phone-number-wrapper-display);
  flex-direction: var(--account-create-edit-credentials-phone-number-wrapper-flex-direction);
  flex-wrap: var(--account-create-edit-credentials-phone-number-wrapper-flex-wrap);
  align-content: var(--account-create-edit-credentials-phone-number-wrapper-align-content);
  justify-content: var(--account-create-edit-credentials-phone-number-wrapper-justify-content);
  align-items: var(--account-create-edit-credentials-phone-number-wrapper-align-items);
  margin-bottom: var(--account-create-edit-credentials-phone-number-wrapper-margin-bottom);
  position: var(--account-create-edit-credentials-phone-number-wrapper-position);
  gap: var(--account-create-edit-credentials-phone-number-wrapper-gap);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .country-code-line {
  width: var(--account-create-edit-credentials-phone-number-wrapper-country-code-line-width);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .country-code-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .country-code-line .close-icon {
  right: 0em;
  left: 10.25em;
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .area-code-line {
  width: var(--account-create-edit-credentials-phone-number-wrapper-area-code-line-width);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .area-code-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper {
  display: var(--account-create-edit-credentials-phone-number-wrapper-display);
  flex-direction: var(--account-create-edit-credentials-phone-number-wrapper-flex-direction);
  flex-wrap: var(--account-create-edit-credentials-phone-number-wrapper-flex-wrap);
  align-content: var(--account-create-edit-credentials-phone-number-wrapper-align-content);
  justify-content: var(--account-create-edit-credentials-phone-number-wrapper-justify-content);
  align-items: var(--account-create-edit-credentials-phone-number-wrapper-align-items);
  margin-bottom: var(--account-create-edit-credentials-phone-number-wrapper-margin-bottom);
  position: var(--account-create-edit-credentials-phone-number-wrapper-position);
  gap: var(--account-create-edit-credentials-phone-number-wrapper-gap);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .phone-number-line {
  width: var(--account-create-edit-credentials-phone-number-wrapper-phone-number-line-width);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .phone-number-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .phone-number-container-wrapper .phone-number-wrapper .phone-number-line .close-icon {
  right: 0em;
  left: 14em;
}
.account-create-edit-credentials .work-phone-number-container-wrapper {
  display: var(--account-create-edit-credentials-work-phone-number-wrapper-container-display);
  flex-direction: var(--account-create-edit-credentials-work-phone-number-wrapper-container-flex-direction);
  margin-bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-container-bottom);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper {
  display: var(--account-create-edit-credentials-work-phone-number-wrapper-display);
  flex-direction: var(--account-create-edit-credentials-work-phone-number-wrapper-flex-direction);
  flex-wrap: var(--account-create-edit-credentials-work-phone-number-wrapper-flex-wrap);
  align-content: var(--account-create-edit-credentials-work-phone-number-wrapper-align-content);
  justify-content: var(--account-create-edit-credentials-work-phone-number-wrapper-justify-content);
  align-items: var(--account-create-edit-credentials-work-phone-number-wrapper-align-items);
  margin-bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-margin-bottom);
  position: var(--account-create-edit-credentials-work-phone-number-wrapper-position);
  gap: var(--account-create-edit-credentials-phone-number-wrapper-gap);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-country-code-line {
  width: var(--account-create-edit-credentials-work-phone-number-wrapper-country-code-line-width);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-country-code-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-country-code-line .close-icon {
  right: 0em;
  left: 10.25em;
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-area-code-line {
  width: var(--account-create-edit-credentials-work-phone-number-wrapper-area-code-line-width);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-area-code-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-phone-number-line {
  width: var(--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-width);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-phone-number-line .work-phone-number-label {
  min-height: var(--work-phone-number-label-mh);
  display: flex;
  align-items: flex-end;
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-phone-number-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-phone-number-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-phone-number-line .close-icon {
  right: 0em;
  left: 14em;
  top: 3.25em;
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-extension-line {
  width: var(--account-create-edit-credentials-work-phone-number-wrapper-extension-line-width);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-extension-line .work-phone-number-label {
  min-height: var(--work-phone-number-label-mh);
  display: flex;
  align-items: flex-end;
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-extension-line .iic-invalid-feedback {
  bottom: var(--account-create-edit-credentials-work-phone-number-wrapper-extension-line-iic-invalid-feedback-bottom);
}
.account-create-edit-credentials .work-phone-number-container-wrapper .work-phone-number-wrapper .work-extension-line .close-icon {
  top: 3.25em;
}
.account-create-edit-credentials .preferred-language-wrapper .preferred-language-input-wrapper {
  margin-top: var(--account-create-edit-credentials-preferred-language-input-wrapper-margin-top);
}
.account-create-edit-credentials .preferred-language-wrapper .preferred-language-input-wrapper .iic-radio {
  display: var(--account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-display);
}
.account-create-edit-credentials .preferred-language-wrapper .preferred-language-input-wrapper .iic-radio label {
  color: var(--color-Neutrals-Body-Copy);
}
.account-create-edit-credentials .preferred-language-wrapper .preferred-language-input-wrapper .iic-radio:first-child {
  margin-right: var(--account-create-edit-credentials-preferred-language-input-wrapper-iic-radio-first-child-margin-right);
}

.create-my-account-steps-menu-main {
  /*--create-my-account-steps-menu-main-*/
  --create-my-account-steps-menu-main-width: 100%;
  --create-my-account-steps-menu-main-margin-bottom: 56px;
  /*--create-my-account-steps-menu-main-steps-menu-row-*/
  --create-my-account-steps-menu-main-steps-menu-row-display: flex;
  --create-my-account-steps-menu-main-steps-menu-row-flex-direction: row;
  --create-my-account-steps-menu-main-steps-menu-row-flex-wrap: nowrap;
  --create-my-account-steps-menu-main-steps-menu-row-align-content: center;
  --create-my-account-steps-menu-main-steps-menu-row-justify-content: space-between;
  --create-my-account-steps-menu-main-steps-menu-row-align-items: center;
  --create-my-account-steps-menu-main-steps-menu-row-width: 100%;
  --create-my-account-steps-menu-main-steps-menu-row-margin-top: 11px;
  /*--create-my-account-steps-menu-main-steps-menu-row-step-circle-*/
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-width: 32px;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-height: 32px;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-justify-content: center;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-align-items: center;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-border-radius: 100%;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-text-align: center;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-display: flex;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-vertical-align: middle;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-border: 2px solid;
  /*--create-my-account-steps-menu-main-steps-menu-row-step-circle-selected-*/
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-selected-width: 40px;
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-selected-height: 40px;
  /*--create-my-account-steps-menu-main-steps-menu-row-step-circle-first-*/
  --create-my-account-steps-menu-main-steps-menu-row-step-circle-first-padding-left: 0px;
  /*--create-my-account-steps-menu-main-steps-menu-row-long-trip-*/
  --create-my-account-steps-menu-main-steps-menu-row-long-trip-border-top: 1px solid;
  --create-my-account-steps-menu-main-steps-menu-row-long-trip-width: 128px;
  /*--create-my-account-steps-menu-main-steps-menu-caption-medium-*/
  --create-my-account-steps-menu-main-steps-menu-caption-medium-width: 86px;
  --create-my-account-steps-menu-main-steps-menu-caption-medium-font-style: normal;
  --create-my-account-steps-menu-main-steps-menu-caption-medium-font-weight: 400;
  --create-my-account-steps-menu-main-steps-menu-caption-medium-font-size: 14px;
  --create-my-account-steps-menu-main-steps-menu-caption-medium-line-height: 20px;
  --create-my-account-steps-menu-main-steps-menu-caption-medium-text-align: center;
  /*--create-my-account-steps-menu-main-steps-menu-caption-medium-left-*/
  --create-my-account-steps-menu-main-steps-menu-caption-medium-left-margin-left: -22px;
  /*--create-my-account-steps-menu-main-steps-menu-caption-medium-right-*/
  --create-my-account-steps-menu-main-steps-menu-caption-medium-right-margin-right: -24px;
  width: var(--create-my-account-steps-menu-main-width);
  margin-bottom: var(--create-my-account-steps-menu-main-margin-bottom);
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 499.98px) {
  .create-my-account-steps-menu-main {
    --create-my-account-steps-menu-main-width: 285px;
    --create-my-account-steps-menu-main-steps-menu-row-long-trip-width: 60px;
  }
}
@media (min-width: 500px) {
  .create-my-account-steps-menu-main .collapse.dont-collapse-lg {
    display: initial;
  }
}
.create-my-account-steps-menu-main .steps-menu .step-row {
  display: var(--create-my-account-steps-menu-main-steps-menu-row-display);
  flex-direction: var(--create-my-account-steps-menu-main-steps-menu-row-flex-direction);
  flex-wrap: var(--create-my-account-steps-menu-main-steps-menu-row-flex-wrap);
  align-content: var(--create-my-account-steps-menu-main-steps-menu-row-align-content);
  justify-content: var(--create-my-account-steps-menu-main-steps-menu-row-justify-content);
  align-items: var(--create-my-account-steps-menu-main-steps-menu-row-align-items);
  width: var(--create-my-account-steps-menu-main-steps-menu-row-width);
  margin-top: var(--create-my-account-steps-menu-main-steps-menu-row-margin-top);
}
.create-my-account-steps-menu-main .steps-menu .step-row .step-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.create-my-account-steps-menu-main .steps-menu .step-row .step-circle {
  width: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-width);
  height: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-height);
  justify-content: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-justify-content);
  align-items: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-align-items);
  border-radius: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-border-radius);
  text-align: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-text-align);
  display: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-display);
  vertical-align: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-vertical-align);
  border: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-border);
  border-color: var(--color-Neutrals-Gainsboro-Grey);
  color: var(--color-Neutrals-Steel);
  letter-spacing: 0px;
  margin: 0;
  padding: 0;
}
.create-my-account-steps-menu-main .steps-menu .step-row .step-circle.selected {
  width: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-selected-width);
  height: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-selected-height);
  border-color: var(--color-Primary-IIC-Gold);
  color: var(--color-Primary-IIC-Blue);
}
.create-my-account-steps-menu-main .steps-menu .step-row .step-circle.first {
  padding-left: var(--create-my-account-steps-menu-main-steps-menu-row-step-circle-first-padding-left);
}
.create-my-account-steps-menu-main .steps-menu .step-row .long-trip {
  border-top: var(--create-my-account-steps-menu-main-steps-menu-row-long-trip-border-top);
  border-color: var(--color-Tertiary-Cream);
  width: var(--create-my-account-steps-menu-main-steps-menu-row-long-trip-width);
}
.create-my-account-steps-menu-main .steps-menu .step-row .caption-medium {
  width: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-width);
  font-style: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-font-style);
  font-weight: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-font-weight);
  font-size: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-font-size);
  line-height: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-line-height);
  text-align: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-text-align);
  color: var(--color-Neutrals-Body-Copy);
}
.create-my-account-steps-menu-main .steps-menu .step-row .caption-medium.left {
  margin-left: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-left-margin-left);
}
.create-my-account-steps-menu-main .steps-menu .step-row .caption-medium.right {
  margin-right: var(--create-my-account-steps-menu-main-steps-menu-caption-medium-right-margin-right);
}
.generic-content-block {
  --component-margin-top: 20px;
  --component-margin-bottom: 20px;
  width: var(--iic-site-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  margin-top: var(--component-margin-top);
  margin-bottom: var(--component-margin-bottom);
}
@media (max-width: 499.98px) {
  .generic-content-block {
    --component-margin-top: 30px;
    --component-margin-bottom: 30px;
  }
}

.password-verification-control {
  /*--password-verification-control-*/
  --password-verification-control-width: 440px;
  --password-verification-control-height: 160px;
  --password-verification-control-border-radius: 8px;
  --password-verification-control-padding: 16px 16px 12px 16px;
  /*--password-verification-control-header-*/
  --password-verification-control-header-display: flex;
  --password-verification-control-header-justify-content: space-between;
  --password-verification-control-header-flex-direction: row;
  --password-verification-control-header-flex-wrap: nowrap;
  --password-verification-control-header-align-content: center;
  --password-verification-control-header-align-items: center;
  /*--password-verification-control-progress-bar-*/
  --password-verification-control-progress-bar-height: 8px;
  --password-verification-control-progress-bar-margin: 20px 0 16px 0;
  /*--password-verification-control-progress-bar-current-progress-*/
  --password-verification-control-progress-bar-current-progress-height: 100%;
  /*--password-verification-control-rule-line-success-image-*/
  --password-verification-control-rule-line-success-image-display: none;
  width: var(--password-verification-control-width);
  min-height: var(--password-verification-control-height);
  border-radius: var(--password-verification-control-border-radius);
  padding: var(--password-verification-control-padding);
  background: var(--color-Neutrals-Light-Grey);
}
@media (max-width: 499.98px) {
  .password-verification-control {
    --password-verification-control-width: 327px;
    --password-verification-control-height: 216px;
  }
}
@media (min-width: 500px) {
  .password-verification-control .collapse.dont-collapse-lg {
    display: initial;
  }
}
.password-verification-control .header {
  display: var(--password-verification-control-header-display);
  justify-content: var(--password-verification-control-header-justify-content);
  flex-direction: var(--password-verification-control-header-flex-direction);
  flex-wrap: var(--password-verification-control-header-flex-wrap);
  align-content: var(--password-verification-control-header-align-content);
  align-items: var(--password-verification-control-header-align-items);
}
.password-verification-control .progress-bar {
  height: var(--password-verification-control-progress-bar-height);
  margin: var(--password-verification-control-progress-bar-margin);
  background: var(--color-Primary-Background);
}
.password-verification-control .progress-bar .current-progress {
  height: var(--password-verification-control-progress-bar-current-progress-height);
}
.password-verification-control .progress-bar .current-progress.weak {
  background: var(--color-Tertiary-Error);
}
.password-verification-control .progress-bar .current-progress.medium {
  background: var(--color-Primary-IIC-Gold);
}
.password-verification-control .progress-bar .current-progress.strong {
  background: var(--color-Tertiary-Success);
}
.password-verification-control .rule-line .success-image {
  display: var(--password-verification-control-rule-line-success-image-display);
}
.password-verification-control .rule-line .caption-regular.ready {
  color: var(--color-Tertiary-Success);
}
.password-verification-control .rule-line .caption-regular.incomplete {
  color: var(--color-Tertiary-Error);
}
.account-my-employment-form {
  /*--account-my-employment-form-*/
  --account-my-employment-form-component-width: 1366px;
  --account-my-employment-form-component-margin-left: auto;
  --account-my-employment-form-component-margin-right: auto;
  /*--account-my-employment-form-wrapper-*/
  --account-my-employment-form-wrapper-margin-left: auto;
  --account-my-employment-form-wrapper-margin-right: auto;
  --account-my-employment-form-wrapper-width: 440px;
  /*--account-my-employment-form-wrapper-separator-*/
  --account-my-employment-form-wrapper-separator-position: relative;
  --account-my-employment-form-wrapper-separator-left: calc(50% - 403px);
  --account-my-employment-form-wrapper-separator-right: 50%;
  --account-my-employment-form-wrapper-separator-border-top: 1px solid;
  --account-my-employment-form-wrapper-separator-width: 806px;
  --account-my-employment-form-wrapper-separator-margin-bottom: 55px;
  /*--account-my-employment-form-employment-lookup-notifications-*/
  --account-my-employment-form-employment-lookup-notifications-margin-top: 20px;
  margin-left: var(--account-my-employment-form-component-margin-left);
  margin-right: var(--account-my-employment-form-component-margin-right);
  width: var(--account-my-employment-form-component-width);
}
@media (max-width: 499.98px) {
  .account-my-employment-form {
    --account-my-employment-form-component-width: 327px;
    --account-my-employment-form-wrapper-separator-width: 327px;
    --account-my-employment-form-wrapper-separator-left: auto;
    --account-my-employment-form-wrapper-separator-right: auto;
  }
}
@media (min-width: 500px) {
  .account-my-employment-form .collapse.dont-collapse-lg {
    display: initial;
  }
}
.account-my-employment-form .account-my-employment-form-wrapper {
  margin-left: var(--account-my-employment-form-wrapper-margin-left);
  margin-right: var(--account-my-employment-form-wrapper-margin-right);
  width: var(--account-my-employment-form-wrapper-width);
}
.account-my-employment-form .separator {
  position: var(--account-my-employment-form-wrapper-separator-position);
  left: var(--account-my-employment-form-wrapper-separator-left);
  right: var(--account-my-employment-form-wrapper-separator-right);
  border-top: var(--account-my-employment-form-wrapper-separator-border-top);
  border-color: var(--color-Tertiary-Cream);
  width: var(--account-my-employment-form-wrapper-separator-width);
  margin-bottom: var(--account-my-employment-form-wrapper-separator-margin-bottom);
}
.account-my-employment-form .separator.small {
  width: var(--account-my-employment-form-wrapper-separator-small-width);
  left: var(--account-my-employment-form-wrapper-separator-small-left);
  margin-bottom: var(--account-my-employment-form-wrapper-separator-small-margin-bottom);
}
.account-my-employment-form .employment-lookup-notifications {
  margin-top: var(--account-my-employment-form-employment-lookup-notifications-margin-top);
}

.employment-lookup-control {
  /*--employment-lookup-control-*/
  /*--employment-lookup-control-selected-address-*/
  --employment-lookup-control-selected-address-width: 440px;
  --employment-lookup-control-selected-address-border-radius: 8px;
  --employment-lookup-control-selected-address-padding: 24px 0 24px 40px;
  /*--employment-lookup-control-job-department-wrapper-*/
  --employment-lookup-control-job-department-wrapper-display: flex;
  --employment-lookup-control-job-department-wrapper-flex-wrap: nowrap;
  --employment-lookup-control-job-department-wrapper-flex-direction: row;
  --employment-lookup-control-job-department-wrapper-justify-content: space-between;
  --employment-lookup-control-job-department-wrapper-margin-bottom: 30px;
  --employment-lookup-control-job-line-margin-bottom: 19px;
  --employment-lookup-control-job-department-wrapper-margin-top: 24px;
  --employment-lookup-control-job-department-wrapper-position: relative;
  --employment-lookup-control-department-line-input-job-width: 245px;
  --employment-lookup-control-department-line-input-department-width: 171px;
  /*--employment-lookup-control-wrapper-separator-*/
  --employment-lookup-control-wrapper-separator-position: relative;
  --employment-lookup-control-wrapper-separator-left: calc(50% - 403px);
  --employment-lookup-control-wrapper-separator-right: 50%;
  --employment-lookup-control-wrapper-separator-border-top: 1px solid;
  --employment-lookup-control-wrapper-separator-width: 806px;
  --employment-lookup-control-wrapper-separator-margin-bottom: 55px;
  /*--employment-lookup-control-employed-or-not-employed-*/
  --employment-lookup-control-employed-or-not-employed-margin: 45px 0 20px 0px;
  /*--employment-lookup-control-wrapper-separator-small-*/
  --employment-lookup-control-wrapper-separator-small-width: 440px;
  --employment-lookup-control-wrapper-separator-small-left: calc(50% - 220px);
  --employment-lookup-control-wrapper-separator-small-margin-bottom: 38px;
  /*--employment-lookup-control-work-information-*/
  --employment-lookup-control-work-information-margin: 27px 0 26px 0;
  /*--employment-lookup-control-make-home-address*/
  --employment-lookup-control-edit-address-make-home-address-margin-top: 19px;
  --employment-lookup-control-edit-address-make-home-address-margin: 0 0 0 -13px;
  /*--employment-lookup-control-edit-address-make-home-address-check-wrapper-*/
  --employment-lookup-control-edit-address-make-home-address-check-wrapper-padding-top: 13px;
  --employment-lookup-control-edit-address-make-home-address-check-wrapper-check-border: 2px solid;
  --employment-lookup-control-edit-address-make-home-address-check-wrapper-check-width: 18px;
  --employment-lookup-control-edit-address-make-home-address-check-wrapper-check-height: 18px;
  /*--employment-lookup-control-edit-address-make-home-address-check-wrapper-form-check*/
  --employment-lookup-control-edit-address-make-home-address-check-wrapper-form-check-margin: -2px 0 0 -13px;
  /*--employment-lookup-control-edit-address-make-home-address-make-shipping-text-*/
  --employment-lookup-control-edit-address-make-home-address-make-shipping-text-padding: 13px 0 0 0;
  --employment-lookup-control-edit-address-make-home-address-make-shipping-font-size: 14px;
  --employment-lookup-control-edit-address-make-home-address-make-shipping-margin: 0 0 -1px -5px;
  /*--employment-lookup-control-complete-section-*/
  --employment-lookup-control-complete-section-margin-top: 53px;
  /*--employment-lookup-control-complete-section-button-*/
  --employment-lookup-control-complete-section-button-width: auto;
  --employment-lookup-control-complete-section-button-padding: 12px;
  /*--complete-section-spinner-border-*/
  --complete-section-spinner-display: none;
  /*--employment-lookup-control-iic-dropdown-choose-employer-*/
  --employment-lookup-control-iic-dropdown-choose-employer-wdith: 100%;
  /*--employment-lookup-control-company-search-control-*/
  --employment-lookup-control-company-search-control-position: relative;
  --employment-lookup-control-company-search-control-width: auto;
  /*--employment-lookup-control-company-search-control-search-results-*/
  --employment-lookup-control-company-search-control-search-results-width: 100%;
  --employment-lookup-control-company-search-control-search-results-min-height: 125px;
  --employment-lookup-control-company-search-control-search-results-height: fit-content;
  --employment-lookup-control-company-search-control-search-results-overflow-y: auto;
  --employment-lookup-control-company-search-control-search-results-display: none;
  --employment-lookup-control-company-search-control-search-results-position: relative;
  --employment-lookup-control-company-search-control-search-results-margin-top: 1px;
  /*--employment-lookup-control-company-search-control-search-results-in-progress-*/
  --employment-lookup-control-company-search-control-search-results-in-progress-height: 30px;
  /*--employment-lookup-control-company-search-control-search-results-result-info-*/
  --employment-lookup-control-company-search-control-search-results-result-info-margin: 5px 1px 2px 8px;
  /*--employment-lookup-control-company-search-control-search-results-too-much-results-*/
  --employment-lookup-control-company-search-control-search-results-too-much-results-display: none;
  /*--employment-lookup-control-company-search-control-search-results-no-results-*/
  --employment-lookup-control-company-search-control-search-results-no-results-display: none;
  /*--employment-lookup-control-company-search-control-search-results-progress-bar-*/
  --employment-lookup-control-company-search-control-search-results-progress-bar-text-align: left;
  --employment-lookup-control-company-search-control-search-results-progress-bar-padding-left: 10px;
  /*--employment-lookup-control-company-search-control-search-results-progress-bar-*/
  --employment-lookup-control-company-search-control-search-results-progress-bar-position: absolute;
  --employment-lookup-control-company-search-control-search-results-progress-bar-right: 1px;
  --employment-lookup-control-company-search-control-search-results-progress-bar-top: 6px;
  /*--employment-lookup-control-company-search-control-search-results-*/
  --employment-lookup-control-company-search-control-search-results-padding: 5px 10px 5px 8px;
  /*--employment-lookup-control-company-search-control-search-results-result-row-*/
  --employment-lookup-control-company-search-control-search-results-result-row-cursor: pointer;
  --employment-lookup-control-company-search-control-close-icon-unit-button-top: 2.2em;
  --employment-lookup-control-company-search-control-close-icon-unit-button-right: 0.15em;
  --employment-lookup-control-job-line-input-close-icon-unit-button-top: 2.2em;
  --employment-lookup-control-department-line-input-close-icon-unit-button-top: 2.2em;
  --employment-lookup-control-department-line-input-close-icon-unit-button-right: 0.15em;
}
@media (max-width: 499.98px) {
  .employment-lookup-control {
    --employment-lookup-control-iic-dropdown-choose-employer-wdith: 327px;
    --employment-lookup-control-job-department-wrapper-flex-direction: column;
    --employment-lookup-control-department-line-input-job-width: 327px;
    --employment-lookup-control-department-line-input-department-width: 327px;
    --employment-lookup-control-selected-address-width: 327px;
    --employment-lookup-control-complete-section-button-width: 326px;
    --employment-lookup-control-wrapper-separator-small-width: 327px;
    --employment-lookup-control-job-department-wrapper-margin-bottom: 48px;
    --employment-lookup-control-edit-address-make-home-address-make-shipping-margin: 3px 0 -1px -5px;
    --employment-lookup-control-company-search-control-width: 329px;
    --employment-lookup-control-company-search-control-close-icon-unit-button-top: 2.2em;
    --employment-lookup-control-company-search-control-close-icon-unit-button-right: -0.15em;
    --employment-lookup-control-job-line-input-close-icon-unit-button-top: 2.2em;
    --employment-lookup-control-department-line-input-close-icon-unit-button-top: 8em;
    --employment-lookup-control-department-line-input-close-icon-unit-button-right: -0.15em;
  }
}
@media (min-width: 500px) {
  .employment-lookup-control .collapse.dont-collapse-lg {
    display: initial;
  }
}
.employment-lookup-control .company-search-control {
  position: var(--employment-lookup-control-company-search-control-position);
  width: var(--employment-lookup-control-company-search-control-width);
}
.employment-lookup-control .company-search-control button.close-icon {
  top: var(--employment-lookup-control-company-search-control-close-icon-unit-button-top);
  right: var(--employment-lookup-control-company-search-control-close-icon-unit-button-right);
}
.employment-lookup-control .company-search-control .search-results {
  width: var(--employment-lookup-control-company-search-control-search-results-width);
  height: var(--employment-lookup-control-company-search-control-search-results-height);
  min-height: var(--employment-lookup-control-company-search-control-search-results-min-height);
  overflow-y: var(--employment-lookup-control-company-search-control-search-results-overflow-y);
  display: var(--employment-lookup-control-company-search-control-search-results-display);
  position: var(--employment-lookup-control-company-search-control-search-results-position);
  margin-top: var(--employment-lookup-control-company-search-control-search-results-margin-top);
  background: var(--color-Primary-Background);
  border: 1px solid var(--color-Neutrals-Cadet-Grey);
}
.employment-lookup-control .company-search-control .search-results.in-progress {
  height: var(--employment-lookup-control-company-search-control-search-results-in-progress-height);
}
.employment-lookup-control .company-search-control .search-results .result-info {
  margin: var(--employment-lookup-control-company-search-control-search-results-result-info-margin);
}
.employment-lookup-control .company-search-control .search-results .result-info .too-much-results {
  display: var(--employment-lookup-control-company-search-control-search-results-too-much-results-display);
}
.employment-lookup-control .company-search-control .search-results .result-info .no-results {
  display: var(--employment-lookup-control-company-search-control-search-results-no-results-display);
}
.employment-lookup-control .company-search-control .search-results .progress-bar {
  text-align: var(--employment-lookup-control-company-search-control-search-results-progress-bar-text-align);
  padding-left: var(--employment-lookup-control-company-search-control-search-results-progress-bar-padding-left);
}
.employment-lookup-control .company-search-control .search-results .progress-bar .spinner-border {
  position: var(--employment-lookup-control-company-search-control-search-results-progress-bar-position);
  right: var(--employment-lookup-control-company-search-control-search-results-progress-bar-right);
  top: var(--employment-lookup-control-company-search-control-search-results-progress-bar-top);
}
.employment-lookup-control .company-search-control .search-results .results {
  padding: var(--employment-lookup-control-company-search-control-search-results-padding);
}
.employment-lookup-control .company-search-control .search-results .results .result-row {
  cursor: var(--employment-lookup-control-company-search-control-search-results-result-row-cursor);
}
.employment-lookup-control .company-search-control .search-results .results .result-row .company-address {
  color: var(--color-Neutrals-Steel);
}
.employment-lookup-control .separator {
  position: var(--employment-lookup-control-wrapper-separator-position);
  left: var(--employment-lookup-control-wrapper-separator-left);
  right: var(--employment-lookup-control-wrapper-separator-right);
  border-top: var(--employment-lookup-control-wrapper-separator-border-top);
  border-color: var(--color-Tertiary-Cream);
  width: var(--employment-lookup-control-wrapper-separator-width);
  margin-bottom: var(--employment-lookup-control-wrapper-separator-margin-bottom);
}
.employment-lookup-control .separator.small {
  width: var(--employment-lookup-control-wrapper-separator-small-width);
  left: var(--employment-lookup-control-wrapper-separator-small-left);
  margin-bottom: var(--employment-lookup-control-wrapper-separator-small-margin-bottom);
}
.employment-lookup-control .work-information {
  margin: var(--employment-lookup-control-work-information-margin);
}
.employment-lookup-control .employed-or-not-employed {
  margin: var(--employment-lookup-control-employed-or-not-employed-margin);
}
.employment-lookup-control .iic-dropdown .choose-employer {
  width: var(--employment-lookup-control-iic-dropdown-choose-employer-wdith);
}
.employment-lookup-control .job-department-wrapper {
  display: var(--employment-lookup-control-job-department-wrapper-display);
  flex-wrap: var(--employment-lookup-control-job-department-wrapper-flex-wrap);
  flex-direction: var(--employment-lookup-control-job-department-wrapper-flex-direction);
  justify-content: var(--employment-lookup-control-job-department-wrapper-justify-content);
  margin-bottom: var(--employment-lookup-control-job-department-wrapper-margin-bottom);
  margin-top: var(--employment-lookup-control-job-department-wrapper-margin-top);
  position: var(--employment-lookup-control-job-department-wrapper-position);
}
.employment-lookup-control .job-department-wrapper .job-line {
  margin-bottom: var(--employment-lookup-control-job-line-margin-bottom);
}
.employment-lookup-control .job-department-wrapper .job-line input[type=search] {
  width: var(--employment-lookup-control-department-line-input-job-width);
}
.employment-lookup-control .job-department-wrapper .job-line button.close-icon {
  top: var(--employment-lookup-control-job-line-input-close-icon-unit-button-top);
  right: 0em;
  left: calc(var(--employment-lookup-control-department-line-input-job-width) - 2em);
}
.employment-lookup-control .job-department-wrapper .department-line input[type=search] {
  width: var(--employment-lookup-control-department-line-input-department-width);
}
.employment-lookup-control .job-department-wrapper .department-line button.close-icon {
  top: var(--employment-lookup-control-department-line-input-close-icon-unit-button-top);
  right: var(--employment-lookup-control-department-line-input-close-icon-unit-button-right);
}
.employment-lookup-control .selected-address {
  width: var(--employment-lookup-control-selected-address-width);
  border-radius: var(--employment-lookup-control-selected-address-border-radius);
  padding: var(--employment-lookup-control-selected-address-padding);
  background: var(--color-Neutrals-Light-Grey);
}
.employment-lookup-control .employed-or-not-employed {
  margin-top: var(--employment-lookup-control-edit-address-make-home-address-margin-top);
}
.employment-lookup-control .employed-or-not-employed .container {
  margin: var(--employment-lookup-control-edit-address-make-home-address-margin);
}
.employment-lookup-control .employed-or-not-employed .container .check-wrapper {
  padding-top: var(--employment-lookup-control-edit-address-make-home-address-check-wrapper-padding-top);
}
.employment-lookup-control .employed-or-not-employed .container .check-wrapper .check {
  border: var(--employment-lookup-control-edit-address-make-home-address-check-wrapper-check-border);
  border-color: var(--color-CTA-CTA-Tertiary-Text-Cerulean);
  width: var(--employment-lookup-control-edit-address-make-home-address-check-wrapper-check-width);
  height: var(--employment-lookup-control-edit-address-make-home-address-check-wrapper-check-height);
}
.employment-lookup-control .employed-or-not-employed .container .check-wrapper .form-check-input {
  margin: var(--employment-lookup-control-edit-address-make-home-address-check-wrapper-form-check-margin);
}
.employment-lookup-control .employed-or-not-employed .container .make-shipping-text {
  padding: var(--employment-lookup-control-edit-address-make-home-address-make-shipping-text-padding);
  margin: var(--employment-lookup-control-edit-address-make-home-address-make-shipping-margin);
  color: var(--color-Neutrals-Body-Copy);
  font-size: var(--employment-lookup-control-edit-address-make-home-address-make-shipping-font-size);
}
.employment-lookup-control .complete-section {
  margin-top: var(--employment-lookup-control-complete-section-margin-top);
}
.employment-lookup-control .complete-section button {
  width: var(--employment-lookup-control-complete-section-button-width);
  min-width: 150px;
  padding: var(--employment-lookup-control-complete-section-button-padding);
}
.employment-lookup-control .complete-section button .spinner-border {
  display: var(--complete-section-spinner-display);
}

.email-preference-component {
  --email-preference-button-width: auto;
  --email-preference-h6-margin: 36px 0px 20px 0px;
  --email-preference-title-content-align-items: center;
  --email-preference-content-width: 938px;
  margin: 20px 0px 20px 0px;
}
@media (max-width: 499.98px) {
  .email-preference-component {
    --email-preference-button-width: 100%;
    --email-preference-h6-margin: 20px 0px 10px 0px;
    --email-preference-title-content-align-items: start;
    --email-preference-content-width: 100%;
  }
}
.email-preference-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-preference-component .component-content .title-content {
  display: flex;
  flex-direction: column;
  align-items: var(--email-preference-title-content-align-items);
}
.email-preference-component .component-content .title-content h5 {
  margin: 0;
  color: var(--color-Neutrals-Heading-Copy);
}
.email-preference-component .component-content .title-content h6 {
  margin: var(--email-preference-h6-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.email-preference-component .component-content .email-preference-content {
  width: var(--email-preference-content-width);
}
.email-preference-component .component-content .email-preference-content .email-preference-content-title {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 9px 0px 8px 0px;
}
.email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin-bottom: 22px;
}
.email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option .form-check {
  margin: 0;
}
.email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label {
  display: flex;
  flex-direction: column;
  margin: 0px 8px 0px 8px;
}
.email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title {
  color: var(--color-Neutrals-Body-Copy);
}
.email-preference-component .component-content .email-preference-content .email-preference-content-options .email-preference-content-option label .option-item-title .option-item-description {
  text-transform: none;
}
.email-preference-component .component-content .footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-preference-component .component-content .footer-content .footer-title {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 12px 0px 14px 0px;
}
.email-preference-component .component-content .footer-content .footer-subtitle {
  color: var(--color-Neutrals-Heading-Copy);
  margin: 0px 0px 25px 0px;
}
.email-preference-component .component-content .footer-content .btn {
  width: var(--email-preference-button-width);
  margin: 0px 0px 25px 0px;
}
.email-preference-component .component-content .footer-content .error-message {
  display: none;
  color: var(--color-Tertiary-Error);
}
.email-preference-component .component-content .footer-content .success-message {
  display: none;
  color: var(--color-Tertiary-Success);
}
.email-preference-component .component-content .need-email-form {
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.exam-details-section-component {
  --exam-details-margin-left: 0px;
  --post-grading-option-flex-direction: row;
  --post-grading-option-margin-bottom: 32px;
  --post-grading-option-text-content-title-margin-bottom: 12px;
  --post-grading-option-text-content-margin: 0px 72px 0px 0px;
  --post-grading-option-text-content-width: 343px;
  --post-grading-option-width: fit-content;
  --post-grading-option-before-top: -31px;
  --post-grading-option-deadline-mobile-side-display: none;
  --post-grading-option-deadline-desktop-side-display: flex;
  --post-grading-option-action-content-margin-top: 5px;
  --post-grading-option-action-content-width: 300px;
}
@media (max-width: 499.98px) {
  .exam-details-section-component {
    --exam-details-margin-left: 0px;
    --post-grading-option-flex-direction: column;
    --post-grading-option-margin-bottom: 32px;
    --post-grading-option-text-content-title-margin-bottom: 8px;
    --post-grading-option-text-content-margin: 0px 0px 32px 0px;
    --post-grading-option-text-content-width: 100%;
    --post-grading-option-width: 100%;
    --post-grading-option-before-top: -39px;
    --post-grading-option-deadline-mobile-side-display: flex;
    --post-grading-option-deadline-desktop-side-display: none;
    --post-grading-option-action-content-margin-top: 0px;
    --post-grading-option-action-content-width: 100%;
  }
}
.exam-details-section-component .component-content {
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0px var(--iic-site-margin-width) 0px var(--iic-site-margin-width);
}
.exam-details-section-component .component-content .divider {
  color: var(--color-Primary-IIC-Gold);
}
.exam-details-section-component .component-content .exam-details {
  margin-left: var(--exam-details-margin-left);
  width: 327px;
  margin-bottom: 32px;
  background-color: var(--color-Neutrals-Light-Grey);
  border-radius: 8px;
  padding: 24px;
}
.exam-details-section-component .component-content .exam-details ul {
  padding: 0;
  padding: 0;
  margin: 0;
}
.exam-details-section-component .component-content .exam-details ul li {
  list-style: none;
  padding-left: 30px;
  background-position-y: 3px;
  background-repeat: no-repeat;
  color: var(--color-Neutrals-Body-Copy);
}
.exam-details-section-component .component-content .exam-details ul li:not(:last-child) {
  margin-bottom: 8px;
}
.exam-details-section-component .component-content .exam-details .time-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/clock.svg");
}
.exam-details-section-component .component-content .exam-details .date-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/calendar.svg");
}
.exam-details-section-component .component-content .exam-details .format-info {
  background-image: url("/assets/InsuranceInstitute/images/Icons/Tertiary/user.svg");
}
.exam-details-section-component .component-content .post-grading-option {
  display: flex;
  flex-direction: var(--post-grading-option-flex-direction);
  position: relative;
  margin-left: var(--exam-details-margin-left);
  margin-bottom: var(--post-grading-option-margin-bottom);
  width: var(--post-grading-option-width);
}
.exam-details-section-component .component-content .post-grading-option .text-content {
  width: var(--post-grading-option-text-content-width);
  margin: var(--post-grading-option-text-content-margin);
}
.exam-details-section-component .component-content .post-grading-option .text-content .title {
  color: var(--color-Neutrals-Heading-Copy);
  margin-bottom: var(--post-grading-option-text-content-title-margin-bottom);
}
.exam-details-section-component .component-content .post-grading-option .text-content .description {
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 16px;
}
.exam-details-section-component .component-content .post-grading-option .deadline {
  flex-direction: row;
  align-items: center;
  color: var(--color-Neutrals-Body-Copy);
}
.exam-details-section-component .component-content .post-grading-option .deadline.desktop-side {
  display: var(--post-grading-option-deadline-desktop-side-display);
}
.exam-details-section-component .component-content .post-grading-option .deadline.mobile-side {
  display: var(--post-grading-option-deadline-mobile-side-display);
  margin-bottom: 20px;
}
.exam-details-section-component .component-content .post-grading-option .deadline .date-icon {
  margin-right: 8px;
}
.exam-details-section-component .component-content .post-grading-option .deadline .divider {
  margin: 0px 5px 0px 5px;
}
.exam-details-section-component .component-content .post-grading-option .deadline .deadline-date {
  color: var(--color-Secondary-Slate);
}
.exam-details-section-component .component-content .post-grading-option .action-content {
  min-width: var(--post-grading-option-action-content-width);
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: var(--post-grading-option-action-content-margin-top);
}
.exam-details-section-component .component-content .post-grading-option .action-content button {
  justify-content: center;
  width: 100%;
}

.my-exam-location-component {
  --class-location-h4-margin: 0px 0px 24px 24px;
  --location-map-component-width: 599px;
  --location-map-component-height: 408px;
  --location-map-component-margin-bottom: 16px;
  --class-location-address-width: 456px;
  --class-location-address-padding: 24px 40px;
  --class-location-address-h5-margin-bottom: 0px;
  --class-location-map-info-margin: 0px 0px 0px 24px;
  --class-location-map-info-flex-direction: row;
  overflow: hidden;
  margin-top: var(--class-location-margin-top);
  margin-bottom: var(--class-location-margin-bottom);
}
@media (max-width: 499.98px) {
  .my-exam-location-component {
    --class-location-h4-margin: 0px 0px 16px 0px;
    --location-map-component-width: 327px;
    --location-map-component-height: 224px;
    --location-map-component-margin-bottom: 8px;
    --class-location-address-width: 327px;
    --class-location-address-padding: 24px 32px;
    --class-location-address-h5-margin-bottom: 16px;
    --class-location-map-info-margin: 0px;
    --class-location-map-info-flex-direction: column-reverse;
  }
}
.my-exam-location-component .component-content {
  display: flex;
  flex-direction: column;
  width: var(--iic-site-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.my-exam-location-component .component-content h4 {
  margin: var(--class-location-h4-margin);
  color: var(--color-Neutrals-Heading-Copy);
}
.my-exam-location-component .component-content .class-location-map-info {
  display: flex;
  flex-direction: var(--class-location-map-info-flex-direction);
  justify-content: space-between;
  align-items: flex-start;
  margin: var(--class-location-map-info-margin);
  background-color: var(--colors-Secondary-Frost-Blue);
}
.my-exam-location-component .component-content .class-location-map-info .class-location-address {
  padding: var(--class-location-address-padding);
  width: var(--class-location-address-width);
  border-radius: 8px;
  background-color: var(--color-Secondary-Frost-Blue);
}
.my-exam-location-component .component-content .class-location-map-info .class-location-address h5 {
  color: var(--color-Secondary-Slate);
  margin-bottom: var(--class-location-address-h5-margin-bottom);
}
.my-exam-location-component .component-content .class-location-map-info .class-location-address p {
  color: var(--color-Neutrals-Body-Copy);
  margin: 0;
}
.my-exam-location-component .component-content .class-location-map-info .location-map-component {
  width: var(--location-map-component-width);
  height: var(--location-map-component-height);
  margin-bottom: var(--location-map-component-margin-bottom);
  margin-left: auto;
}
.my-exam-location-component .component-content .class-location-map-info .location-map-component canvas {
  border-radius: 8px;
}

.suspended-membership-alert {
  --suspended-membership-message-padding: 8px 24px 8px 24px;
}
@media (max-width: 499.98px) {
  .suspended-membership-alert {
    --suspended-membership-message-padding: 24px 24px;
  }
}
.suspended-membership-alert .message-content {
  display: flex;
  width: var(--iic-site-width);
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--iic-site-margin-width);
  padding-right: var(--iic-site-margin-width);
}
.suspended-membership-alert .message-content .message {
  color: var(--color-IIC-White);
  width: 100%;
  padding: var(--suspended-membership-message-padding);
  border-radius: 8px;
  gap: 8px;
  background: var(--color-Secondary-Deep-Periwinkle);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.suspended-membership-alert .message-content .message img {
  width: 30px;
  height: 30px;
}
.suspended-membership-alert .message-content .message p {
  margin: 0;
  white-space: pre-line;
}

.account-confirmation-step-component {
  --account-confirmation-step-component-width: 1366px;
  --account-confirmation-step-component-margin-left: auto;
  --account-confirmation-step-component-margin-right: auto;
  --account-confirmation-step-wrapper-margin-left: auto;
  --account-confirmation-step-wrapper-margin-right: auto;
  --account-confirmation-step-wrapper-width: 440px;
  --account-confirmation-step-wrapper-separator-position: relative;
  --account-confirmation-step-component-wrapper-main-header-text-align: center;
  --account-confirmation-step-component-wrapper-main-header-margin-bottom: 28px;
  --account-confirmation-step-component-wrapper-main-header-font-size: 49px;
  --account-confirmation-step-component-wrapper-main-header-line-height: 52px;
  --account-confirmation-step-wrapper-separator-left: calc(50% - 403px);
  --account-confirmation-step-wrapper-separator-right: 50%;
  --account-confirmation-step-wrapper-separator-border-top: 1px solid;
  --account-confirmation-step-wrapper-separator-width: 806px;
  --account-confirmation-step-wrapper-separator-margin-bottom: 55px;
  --account-confirmation-step-user-confirmation-info-width: 650px;
  --account-confirmation-step-user-confirmation-info-h3-text-align: initial;
  --account-confirmation-step-user-user-member-info-continue-button-width: auto;
  margin-left: var(--account-confirmation-step-component-margin-left);
  margin-right: var(--account-confirmation-step-component-margin-right);
  width: var(--account-confirmation-step-component-width);
}
@media (max-width: 499.98px) {
  .account-confirmation-step-component {
    --account-confirmation-step-component-width: 327px;
    --account-confirmation-step-wrapper-width: 285px;
    --account-confirmation-step-wrapper-separator-width: 100%;
    --account-confirmation-step-wrapper-separator-left: auto;
    --account-confirmation-step-wrapper-separator-right: auto;
    --account-confirmation-step-component-wrapper-main-header-font-size: 37px;
    --account-confirmation-step-component-wrapper-main-header-line-height: 40px;
    --account-confirmation-step-component-wrapper-complete-section-button-width: 327px;
    --account-confirmation-step-user-confirmation-info-width: 100%;
    --account-confirmation-step-user-confirmation-info-h3-text-align: center;
    --account-confirmation-step-user-user-member-info-continue-button-width: 100%;
  }
}
@media (min-width: 500px) {
  .account-confirmation-step-component .collapse.dont-collapse-lg {
    display: initial;
  }
}
.account-confirmation-step-component .main-header {
  text-align: var(--account-confirmation-step-component-wrapper-main-header-text-align);
  margin-bottom: var(--account-confirmation-step-component-wrapper-main-header-margin-bottom);
  font-size: var(--account-confirmation-step-component-wrapper-main-header-font-size);
  line-height: var(--account-confirmation-step-component-wrapper-main-header-line-height);
}
.account-confirmation-step-component .account-confirmation-step-wrapper {
  margin-left: var(--account-confirmation-step-wrapper-margin-left);
  margin-right: var(--account-confirmation-step-wrapper-margin-right);
  width: var(--account-confirmation-step-wrapper-width);
}
.account-confirmation-step-component .separator {
  position: var(--account-confirmation-step-wrapper-separator-position);
  left: var(--account-confirmation-step-wrapper-separator-left);
  right: var(--account-confirmation-step-wrapper-separator-right);
  border-top: var(--account-confirmation-step-wrapper-separator-border-top);
  border-color: var(--color-Tertiary-Cream);
  width: var(--account-confirmation-step-wrapper-separator-width);
  margin-bottom: var(--account-confirmation-step-wrapper-separator-margin-bottom);
}
.account-confirmation-step-component .separator.small {
  width: var(--account-confirmation-step-wrapper-separator-small-width);
  left: var(--account-confirmation-step-wrapper-separator-small-left);
  margin-bottom: var(--account-confirmation-step-wrapper-separator-small-margin-bottom);
}
.account-confirmation-step-component .confirmation-info {
  display: flex;
  justify-content: center;
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info {
  width: var(--account-confirmation-step-user-confirmation-info-width);
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info h3 {
  text-align: var(--account-confirmation-step-user-confirmation-info-h3-text-align);
  color: var(--color-Primary-IIC-Blue);
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-confirmation-description {
  text-align: var(--account-confirmation-step-user-confirmation-info-h3-text-align);
  font-weight: 300;
  color: var(--color-Neutrals-Body-Copy);
  margin-bottom: 20px;
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-member-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-member-info .member-id {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--color-Neutrals-Light-Grey);
  margin-bottom: 20px;
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-member-info .member-id .member-info {
  margin-left: 8px;
  margin-bottom: 0px;
  color: var(--color-Neutrals-Body-Copy);
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-member-info .continue-button {
  width: var(--account-confirmation-step-user-user-member-info-continue-button-width);
}
.account-confirmation-step-component .confirmation-info .user-confirmation-info .user-member-info .continue-button button {
  width: var(--account-confirmation-step-user-user-member-info-continue-button-width);
}

body {
  --bs-breakpoint-sm: 0;
  --bs-breakpoint-lg: 500px;
  --bs-breakpoint-xl: 1920px;
}

body {
  background-color: var(--color-Primary-Background);
  color: var(--color-Primary-IIC-Blue);
}

div {
  --bs-gutter-x: 24px !important;
}

.scEmptyPlaceholder {
  min-height: 150px !important;
  min-width: 150px !important;
}

@media (max-width: 499.98px) {
  div {
    --bs-gutter-x: 20px !important;
  }
}
/* Minimum content widths, site scrolls horizontally */
body {
  --iic-site-width: -;
  --iic-site-margin-width: -;
  --body-overflow: auto;
  /* Small and below */
  min-width: var(--iic-site-width);
  margin: auto;
}
@media (max-width: 499.98px) {
  body {
    --iic-site-width: 375px;
    --iic-site-margin-width: 24px;
    --body-overflow: hidden;
  }
}
@media (min-width: 500px) and (max-width: 1919.98px) {
  body {
    --iic-site-width: 1366px;
    --iic-site-margin-width: 72px;
  }
}
@media (min-width: 1920px) {
  body {
    --iic-site-width: 1500px;
    --iic-site-margin-width: 72px;
  }
}

/* Prevent scrolling the page when menu is open in Mobile Mode */
body.show {
  overflow: var(--body-overflow);
}

body.collapse:not(.show) {
  display: block;
}

@media print {
  body {
    /* Page is too wide for reasons unknown. reduce zoom as temporary fix */
    zoom: 80%;
  }
}

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