.w-full {
  position: relative;
  width: 100vw;
  left: calc(-1 * (100vw - 100%) / 2);
}
.text-icon {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400!important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
:root {
  --font-size: 15px;
  --font-size-heading: 15px;
  --font-size-small: 13px;
  --font-weight: 400;
  --colour-text: #75757c;
  --colour-text-heading: #1d1d1f;
  --colour-border: #e5e5e5;
  --colour-brand: #f7d116;
  --colour-danger: #dc3545;
  --sidebar-width: 0;
  --padding-t: 0;
  --padding-r: 0;
  --padding-b: 48px;
  --padding-l: 0;
}
@media (min-width: 992px) {
  :root {
    --font-size: 14px;
    --font-size-heading: 14px;
    --font-size-small: 12px;
    --font-weight: 300;
    --sidebar-width: 500px;
  }
}
body {
  background: white;
  color: var(--colour-text);
  font-size: var(--font-size);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: var(--font-weight);
  font-style: normal;
  font-variation-settings: "slnt" 0;
  padding: var(--padding-t) var(--padding-r) var(--padding-b) var(--padding-l);
}
body.sidebar {
  padding-left: var(--sidebar-width);
}
@media (min-width: 992px) {
  body {
    --padding-t: 66px;
    --padding-b: 92px;
  }
}
@media (max-width: 576px) {
  .container {
    padding: 0;
  }
}
a,
.btn-link {
  color: var(--colour-text-heading);
  text-underline-offset: 2.5px;
}
.navbar {
  padding: 10px 22px;
}
.navbar img {
  width: 84px;
}
.navbar i.bi {
  font-size: 26px;
  line-height: 1;
}
@media (min-width: 992px) {
  .navbar {
    display: none;
  }
}
body.h-100 .navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: var(--colour-text-heading);
  margin: 0;
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
.h1 i,
.h2 i,
.h3 i,
.h4 i,
.h5 i,
.h6 i {
  font-style: normal;
  opacity: 0.5;
}
.eyebrow {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 3px;
}
h1 {
  font-size: 24px;
  font-weight: 600;
}
h3 {
  font-size: 22px;
  font-weight: 600;
}
h4 {
  font-size: 20px;
  font-weight: 600;
}
h5 {
  font-size: 18px;
  font-weight: 600;
}
h6 {
  font-size: 16px;
  font-weight: 600;
}
strong {
  font-weight: 600;
}
.text-heading {
  color: var(--colour-text-heading);
  font-size: var(--font-size-heading);
  font-weight: 500;
}
.text-small {
  font-size: var(--font-size-small) !important;
  line-height: 20px;
}
section {
  --section-border-width: 7px;
  --section-border-colour: #f5f5f7;
  --section-padding-t: 36px;
  --section-padding-r: 24px;
  --section-padding-b: 32px;
  --section-padding-l: 24px;
  border-bottom: var(--section-border-width) solid var(--section-border-colour);
  padding: var(--section-padding-t) var(--section-padding-r) calc(var(--section-padding-b) + var(--section-border-width)) var(--section-padding-l);
  position: relative;
}
@media (min-width: 576px) {
  section {
    --section-padding-l: 0;
    --section-padding-r: 0;
  }
}
section:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
section .section-header-card {
  margin-top: 36px;
}
section header {
  padding-bottom: 32px;
}
section header p {
  margin: 8px 0 0 0;
}
@media (max-width: 576px) {
  section.section-sidebar-mobile {
    --section-padding-b: 32px;
    --section-padding-t: 150px;
    background-image: var(--bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: none;
  }
  section.section-sidebar-mobile:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 16%, rgba(0, 0, 0, 0) 100%);
    content: '';
  }
  section.section-sidebar-mobile .eyebrow,
  section.section-sidebar-mobile h1,
  section.section-sidebar-mobile ul.summary,
  section.section-sidebar-mobile ul.summary li i.bi {
    color: white;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  section {
    --section-border-width: 1px;
    --section-border-colour: #e5e5ea;
  }
}
ul.summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.summary li {
  margin-bottom: 4px;
}
ul.summary li i.bi {
  margin-right: 4px;
  font-size: 16px;
}
ul.summary li:last-child {
  margin-bottom: 0;
}
.list-group .list-group-item {
  color: inherit;
  padding: 16px;
  position: relative;
}
.list-group .list-group-item.icon {
  padding-left: 48px;
}
.list-group .list-group-item.icon i.bi {
  color: var(--colour-text-heading);
  font-size: 18px;
  position: absolute;
  left: 16px;
  line-height: 1;
  margin-top: 3px;
}
.list-group .list-group-item p.text-heading {
  margin-bottom: 0;
}
.list-group a.list-group-item {
  padding-right: 36px;
}
.list-group a.list-group-item:after {
  color: #1d1d1f;
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 17px;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400!important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  content: '\F285';
}
.list-group.list-group-flush .list-group-item {
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #e3e6e8;
  border-bottom: none;
}
.list-group.list-group-flush .list-group-item:after {
  right: -4px;
}
.list-group.list-group-flush .list-group-item:last-child {
  padding-bottom: 8px;
}
.list-group.list-group-flush .list-group-item.icon {
  padding-left: 28px;
}
.list-group.list-group-flush .list-group-item.icon i.bi {
  left: 0;
  margin-top: 1.5px;
}
.list-group.list-group-spaced .list-group-item {
  border: 1px solid #e3e6e8;
  border-radius: 8px;
  margin-bottom: 8px;
}
.list-group .list-group-item.highlight {
  border-color: var(--colour-brand);
  box-shadow: inset 0 0 0px 1px var(--colour-brand);
}
.list-group .list-group-item.disabled {
  color: #bcbcbc !important;
}
.list-group .list-group-item.disabled i.bi {
  color: #bcbcbc !important;
}
.list-group .list-group-item.disabled:after {
  opacity: 0.25;
}
/*.list-group{
  .list-group-item{
    color: inherit;
    position: relative;
    padding: 16px;
    &.disabled{
      color: #bbbbc4 !important;
      &:after{
        color: #bbbbc4 !important;
      }
    }
    &.icon{
      padding-left: 32px;
    }
    i.bi{
      color: var( --colour-text-heading );
      position: absolute;
      left: 0;
      font-size: 18px;
      top: 14px;
    }
    .text-heading{
      margin: 0 0 4px 0;
    }
  }
  a.list-group-item{
    padding-right: 32px;
  }
  &.list-group-flush{
    .list-group-item{
      border-top: 1px solid var( --colour-border );
      border-bottom: none;
      padding: 16px 0;
      &:last-child{
        padding-bottom: 8px;
      }
    }
  }
  a.list-group-item{
    &:after{
      color: #1d1d1f;
      position: absolute;
      right: 0;
      font-size: 20px;
      top: 22px;
      .text-icon;
      content: '\F285';
    }
    &.chevron-centered{
      &:after{
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
}*/
.alert {
  position: relative;
}
.alert .alert-title {
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2.5px;
  margin-bottom: 5px;
}
.alert .alert-expand {
  position: absolute;
  right: 16px;
}
.alert.alert-info {
  background: #f5f5f7;
  border: none;
  color: inherit;
}
.alert.alert-outline-danger {
  border: 1px solid var(--colour-danger);
  color: var(--colour-danger);
}
.alert.alert-session {
  border-radius: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .alert.alert-session {
    position: absolute;
    top: 0;
    width: calc(100% - var(--sidebar-width));
  }
}
a.alert {
  display: block;
  text-decoration: none;
}
.modal {
  --bs-modal-margin: 18px;
}
.modal .modal-content .modal-body {
  padding: 32px 22px 42px 22px;
}
.modal .modal-content .modal-header {
  padding: 32px 22px 28px 22px;
  border: none;
}
.modal .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--colour-text-heading);
}
.modal .modal-content .modal-header + .modal-body {
  padding-top: 0;
}
.modal .modal-content .modal-footer {
  padding: 0 22px 32px 22px;
  border: none;
}
.modal-backdrop.show {
  opacity: 0.9;
}
.form-control,
.form-select {
  --bs-border-color: #c2c2c6;
  padding: 14px 16px;
  font-size: 15px;
}
.form-control:focus,
.form-select:focus {
  box-shadow: none;
  border-color: black;
}
.form-control::placeholder,
.form-select::placeholder {
  color: #b6b6ba;
}
.form-control.form-control-uppercase:not(:placeholder-shown),
.form-select.form-control-uppercase:not(:placeholder-shown) {
  text-transform: uppercase;
}
.form-control.error,
.form-select.error {
  border-color: var(--colour-danger);
}
label.error {
  color: var(--colour-danger);
  display: block;
  margin-top: 6px;
  font-size: var(--font-size-small);
}
.form-control:disabled,
.form-control:read-only {
  background: #f5f5f7;
}
.form-control:disabled:focus,
.form-control:read-only:focus {
  border-color: #c2c2c6;
}
.form-input-group .form-input {
  margin-bottom: 6px;
}
.form-input-group.form-input-group-wide .form-input {
  margin-bottom: 12px;
}
.form-input-group .form-input:last-child {
  margin-bottom: 0;
}
.form-input label {
  border: 1px solid #cacbcc;
  border-radius: 8px;
  display: block;
  position: relative;
  padding: 16px;
}
.form-input label:hover {
  cursor: pointer;
}
.form-input label .text-heading {
  font-size: 15px;
}
.form-input input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.form-input input:checked + label {
  border-color: var(--colour-brand);
  box-shadow: inset 0 0 0 1px var(--colour-brand);
}
.form-input input:disabled + label {
  opacity: 0.4;
}
.form-input .label-header {
  border-bottom: 1px solid var(--colour-border);
  padding-bottom: 10px;
}
.form-input .label-header + .label-body {
  padding-top: 12px;
}
.form-input ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.form-input ul li {
  position: relative;
  padding-left: 28px;
  line-height: 19px;
}
.form-input ul li i.bi {
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}
.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2375757c'%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-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231d1d1f'%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");
}
.accordion .accordion-item .accordion-header .accordion-button {
  padding: 14px 0;
  font-size: var(--font-size);
}
.accordion .accordion-item .accordion-header .accordion-button:not( .accordion .accordion-item .accordion-header .accordion-button.collapsed) {
  background: none;
  color: var(--colour-text-heading);
}
.accordion .accordion-item .accordion-header .accordion-button:focus,
.accordion .accordion-item .accordion-header .accordion-button:active {
  box-shadow: none;
}
.accordion .accordion-item .accordion-body {
  padding: 14px 0;
  color: var(--colour-text);
}
.text-colour-heading {
  color: #1d1d1f !important;
}
.empty {
  background: #f5f5f7;
  border: 1px solid var(--colour-border);
  border-radius: 8px;
  padding: 56px 36px;
  text-align: center;
}
.card {
  border-color: var(--colour-border);
  border-radius: 10px;
  color: inherit;
}
.card .card-header,
.card .card-body,
.card .card-footer {
  background: none;
  border-color: var(--colour-border);
  padding: 18px;
}
.card .card-header .badge {
  position: absolute;
  right: 16px;
  top: 17px;
}
.card .card-body {
  padding: 28px 18px;
}
.card.card-glow {
  box-shadow: 0 0 8px rgba(30, 30, 30, 0.06);
}
.card.card-menu .card-body {
  padding: 28px;
}
.card.card-menu .card-body i.bi {
  font-size: 28px;
  margin-bottom: 6px;
  display: inline-block;
  color: var(--colour-text-heading);
}
a.card {
  text-decoration: none;
}
.steps .step {
  padding: 0 16px 16px 0;
  margin: 0 0 16px 38px;
  border-bottom: 1px solid var(--colour-border);
  position: relative;
  font-size: 13px;
}
.steps .step p.text-heading {
  margin: 0;
  line-height: 1;
}
.steps .step .text-small {
  margin-top: 4px;
}
.steps .step i.bi {
  color: #ccc;
  position: absolute;
  font-size: 20px;
  left: -38px;
  top: -4px;
  line-height: 1;
  background: white;
  border: 2px solid white;
}
.steps .step:before {
  position: absolute;
  left: -27px;
  width: 2px;
  background: #ccc;
  top: 0;
  bottom: -16px;
  content: '';
}
.steps .step:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.steps .step:last-child:before {
  display: none;
}
.steps .step.complete i.bi {
  color: #3a9917;
}
.steps .step.complete:before {
  background: #3a9917;
}
.steps .step.error i.bi {
  color: var(--colour-danger);
}
.steps .step.error:before {
  background: var(--colour-danger);
}
.steps .step.warning i.bi {
  color: #d87b00;
}
.steps .step.warning:before {
  background: #d87b00;
}
.btn {
  border-radius: 8px;
  padding: 14px;
  font-size: 15px;
}
.btn.btn-primary {
  background: var(--colour-brand);
  border-color: #e5bd15;
  color: var(--colour-text-heading);
  font-weight: 500;
}
.alert {
  margin: 0;
}
.badge.badge-success,
.badge.badge-succeeded {
  border: 1.5px solid #3a9917;
  color: #3a9917;
}
.badge.badge-error,
.badge.badge-failed {
  border: 1.5px solid var(--colour-danger);
  color: var(--colour-danger);
}
.badge.badge-warning {
  border: 1.5px solid #d87b00;
  color: #d87b00;
}
.rating {
  display: flex;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 24px;
}
.rating i.bi {
  font-size: 42px;
}
.rating a {
  color: #75757c;
}
.rating.rating-post {
  padding-left: 0;
  padding-right: 0;
}
.rating.rating-post i.bi {
  font-size: 22px;
  margin-left: 4px;
  color: #ccc;
}
.rating.rating-post i.bi.bi-star-fill {
  color: goldenrod;
}
.messaging {
  margin: 0 0 24px 0;
}
.messaging .messages .message {
  background: #eaeaef;
  border-radius: 12px;
  color: var(--colour-text-heading);
  padding: 20px;
  width: 85%;
  margin-bottom: 16px;
}
.messaging .messages .message .message-date {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 12px 0 0 0;
  padding: 8px 0 0 0;
  font-size: 12px;
  opacity: 0.6;
}
.messaging .messages .message.from-me {
  background: var(--bs-blue);
  color: white;
  margin-left: auto;
}
.messaging .messages .message.from-me .message-date {
  border-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) {
  .container {
    width: 600px;
  }
}
#sidebar {
  --colour-text-heading: #ffffff;
  --colour-text: #a2a2aa;
  color: var(--colour-text);
  display: none;
}
@media (min-width: 992px) {
  #sidebar {
    background: #101011;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--sidebar-width);
    margin: 12px 0 12px 12px;
    border-radius: 12px;
  }
  #sidebar .sidebar-logo {
    width: 44px;
    margin-bottom: 72px;
  }
  #sidebar #sidebar-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--sidebar-width);
    opacity: 0.2;
    z-index: 1;
  }
  #sidebar #sidebar-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--sidebar-width);
    z-index: 2;
    padding: 92px 80px 80px 80px;
    font-size: 13px;
  }
  #sidebar #sidebar-content .eyebrow,
  #sidebar #sidebar-content h1 {
    color: white;
  }
  #sidebar #sidebar-content h1 {
    font-size: 42px;
    letter-spacing: -1px;
  }
}
.badge {
  border: 1px solid #75757c;
  color: #75757c;
  font-size: 10px;
}
body.h-100 #footer {
  display: none;
}
#footer {
  border-top: 1px solid var(--colour-border);
  margin-top: 32px;
  padding-top: 32px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}
@media (max-width: 576px) {
  #footer {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*# sourceMappingURL=customer.css.map */