/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Buttons.
 */
:root {
  /**
   * Buttons proprieties.
   */
  /* Primary button colors.*/
  --pr-btn-bg: hsl(var(--pr-btn-bg-hue), var(--pr-btn-bg-saturation), calc(1% * var(--pr-btn-bg-lightness)));
  --pr-btn-bg-hover: hsl(var(--pr-btn-bg-hover-hue), var(--pr-btn-bg-hover-saturation), calc(1% * var(--pr-btn-bg-hover-lightness)));
  --pr-btn-border-color: hsl(var(--pr-btn-border-color-hue), var(--pr-btn-border-color-saturation), calc(1% * var(--pr-btn-border-color-lightness)));
  --pr-btn-border-color-hover: hsl(var(--pr-btn-border-color-hover-hue), var(--pr-btn-border-color-hover-saturation), calc(1% * var(--pr-btn-border-color-hover-lightness)));
  --pr-btn-text-color: hsl(var(--pr-btn-text-color-hue), var(--pr-btn-text-color-saturation), calc(1% * var(--pr-btn-text-color-lightness)));
  --pr-btn-text-color-hover: hsl(var(--pr-btn-text-color-hover-hue), var(--pr-btn-text-color-hover-saturation), calc(1% * var(--pr-btn-text-color-hover-lightness)));
  /* Secondary button colors.*/
  --sc-btn-bg: hsl(var(--sc-btn-bg-hue), var(--sc-btn-bg-saturation), calc(1% * var(--sc-btn-bg-lightness)));
  --sc-btn-bg-hover: hsl(var(--sc-btn-bg-hover-hue), var(--sc-btn-bg-hover-saturation), calc(1% * var(--sc-btn-bg-hover-lightness)));
  --sc-btn-border-color: hsl(var(--sc-btn-border-color-hue), var(--sc-btn-border-color-saturation), calc(1% * var(--sc-btn-border-color-lightness)));
  --sc-btn-border-color-hover: hsl(var(--sc-btn-border-color-hover-hue), var(--sc-btn-border-color-hover-saturation), calc(1% * var(--sc-btn-border-color-hover-lightness)));
  --sc-btn-text-color: hsl(var(--sc-btn-text-color-hue), var(--sc-btn-text-color-saturation), calc(1% * var(--sc-btn-text-color-lightness)));
  --sc-btn-text-color-hover: hsl(var(--sc-btn-text-color-hover-hue), var(--sc-btn-text-color-hover-saturation), calc(1% * var(--sc-btn-text-color-hover-lightness)));
  /* Action link colors.*/
  --ac-btn-bg: hsl(var(--ac-btn-bg-hue), var(--ac-btn-bg-saturation), calc(1% * var(--ac-btn-bg-lightness)));
  --ac-btn-bg-hover: hsl(var(--ac-btn-bg-hover-hue), var(--ac-btn-bg-hover-saturation), calc(1% * var(--ac-btn-bg-hover-lightness)));
  --ac-btn-border-color: hsl(var(--ac-btn-border-color-hue), var(--ac-btn-border-color-saturation), calc(1% * var(--ac-btn-border-color-lightness)));
  --ac-btn-border-color-hover: hsl(var(--ac-btn-border-color-hover-hue), var(--ac-btn-border-color-hover-saturation), calc(1% * var(--ac-btn-border-color-hover-lightness)));
  --ac-btn-text-color: hsl(var(--ac-btn-text-color-hue), var(--ac-btn-text-color-saturation), calc(1% * var(--ac-btn-text-color-lightness)));
  --ac-btn-text-color-hover: hsl(var(--ac-btn-text-color-hover-hue), var(--ac-btn-text-color-hover-saturation), calc(1% * var(--ac-btn-text-color-hover-lightness)));
  /**
   * Buttons spacing.
   */
  --pr-btn-padding: var(--pr-btn-padding-top) var(--pr-btn-padding-right) var(--pr-btn-padding-bottom) var(--pr-btn-padding-left);
  --sc-btn-padding: var(--sc-btn-padding-top) var(--sc-btn-padding-right) var(--sc-btn-padding-bottom) var(--sc-btn-padding-left);
  --ac-btn-padding: var(--ac-btn-padding-top) var(--ac-btn-padding-right) var(--ac-btn-padding-bottom) var(--ac-btn-padding-left);
  /**
   * Buttons typography.
   */
  --pr-btn-font-size: var(--pr-btn-font-size);
  --pr-btn-line-height: var(--pr-btn-line-height);
  --pr-btn-letter-spacing: var(--pr-btn-letter-spacing);
  --pr-btn-border-style: var(--pr-btn-border-style);
  --pr-btn-border-width: var(--pr-btn-border-width);
  --pr-btn-border-radius: var(--pr-btn-border-radius);
  --pr-btn-text-decoration: var(--pr-btn-text-decoration);
  --pr-btn-text-decoration-hover: var(--pr-btn-text-decoration-hover);
  --sc-btn-font-size: var(--sc-btn-font-size);
  --sc-btn-line-height: var(--sc-btn-line-height);
  --sc-btn-letter-spacing: var(--sc-btn-letter-spacing);
  --sc-btn-border-style: var(--sc-btn-border-style);
  --sc-btn-border-width: var(--sc-btn-border-width);
  --sc-btn-border-radius: var(--sc-btn-border-radius);
  --sc-btn-text-decoration: var(--sc-btn-text-decoration);
  --sc-btn-text-decoration-hover: var(--sc-btn-text-decoration-hover);
  --ac-btn-font-size: var(--ac-btn-font-size);
  --ac-btn-line-height: var(--ac-btn-line-height);
  --ac-btn-letter-spacing: var(--ac-btn-letter-spacing);
  --ac-btn-border-style: var(--ac-btn-border-style);
  --ac-btn-border-width: var(--ac-btn-border-width);
  --ac-btn-border-radius: var(--ac-btn-border-radius);
  --ac-btn-text-decoration: var(--ac-btn-text-decoration);
  --ac-btn-text-decoration-hover: var(--ac-btn-text-decoration-hover);
}

.primary-button, .order-review--page .layout-region-checkout-footer .form-actions .link--previous, .general-checkout--page .layout-region-checkout-footer .form-actions .link--previous, .block-commerce-cart .cart-block--link, button,
.button,
.btn,
.button--primary,
.more-link a,
.order-now,
.read-more,
.field--name-field-action-link a {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--pr-btn-bg);
  color: var(--pr-btn-text-color);
  border-width: var(--pr-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--pr-btn-border-style);
  border-color: var(--pr-btn-border-color);
  padding: var(--pr-btn-padding);
  font-size: var(--pr-btn-font-size);
  line-height: var(--pr-btn-line-height);
  letter-spacing: var(--pr-btn-letter-spacing);
  -webkit-text-decoration: var(--pr-btn-text-decoration);
          text-decoration: var(--pr-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.primary-button:hover, .order-review--page .layout-region-checkout-footer .form-actions .link--previous:hover, .general-checkout--page .layout-region-checkout-footer .form-actions .link--previous:hover, .block-commerce-cart .cart-block--link:hover, button:hover,
.button:hover,
.btn:hover,
.button--primary:hover,
.more-link a:hover,
.order-now:hover,
.read-more:hover,
.field--name-field-action-link a:hover, .primary-button:focus, .order-review--page .layout-region-checkout-footer .form-actions .link--previous:focus, .general-checkout--page .layout-region-checkout-footer .form-actions .link--previous:focus, .block-commerce-cart .cart-block--link:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus {
  background-color: var(--pr-btn-bg-hover);
  border-color: var(--pr-btn-border-color-hover);
  color: var(--pr-btn-text-color-hover);
  -webkit-text-decoration: var(--pr-btn-text-decoration-hover);
          text-decoration: var(--pr-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.primary-button:focus, .order-review--page .layout-region-checkout-footer .form-actions .link--previous:focus, .general-checkout--page .layout-region-checkout-footer .form-actions .link--previous:focus, .block-commerce-cart .cart-block--link:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus, .primary-button:focus-visible, .order-review--page .layout-region-checkout-footer .form-actions .link--previous:focus-visible, .general-checkout--page .layout-region-checkout-footer .form-actions .link--previous:focus-visible, .block-commerce-cart .cart-block--link:focus-visible, button:focus-visible,
.button:focus-visible,
.btn:focus-visible,
.button--primary:focus-visible,
.more-link a:focus-visible,
.order-now:focus-visible,
.read-more:focus-visible,
.field--name-field-action-link a:focus-visible {
  outline: none;
  box-shadow: none;
}

.secondary-button {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--sc-btn-bg);
  color: var(--sc-btn-text-color);
  border-width: var(--sc-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--sc-btn-border-style);
  border-color: var(--sc-btn-border-color);
  padding: var(--sc-btn-padding);
  font-size: var(--sc-btn-font-size);
  line-height: var(--sc-btn-line-height);
  letter-spacing: var(--sc-btn-letter-spacing);
  -webkit-text-decoration: var(--sc-btn-text-decoration);
          text-decoration: var(--sc-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.secondary-button:hover, .secondary-button:focus {
  background-color: var(--sc-btn-bg-hover);
  border-color: var(--sc-btn-border-color-hover);
  color: var(--sc-btn-text-color-hover);
  -webkit-text-decoration: var(--sc-btn-text-decoration-hover);
          text-decoration: var(--sc-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.secondary-button:focus, .secondary-button:focus-visible {
  outline: none;
  box-shadow: none;
}

.action-link {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--ac-btn-bg);
  color: var(--ac-btn-text-color);
  border-width: var(--ac-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--ac-btn-border-style);
  border-color: var(--ac-btn-border-color);
  padding: var(--ac-btn-padding);
  font-size: var(--ac-btn-font-size);
  line-height: var(--ac-btn-line-height);
  letter-spacing: var(--ac-btn-letter-spacing);
  -webkit-text-decoration: var(--ac-btn-text-decoration);
          text-decoration: var(--ac-btn-text-decoration);
  transition: color 0.3s ease;
}

.action-link:hover, .action-link:focus {
  background-color: var(--ac-btn-bg-hover);
  border-color: var(--ac-btn-border-color-hover);
  color: var(--ac-btn-text-color-hover);
  -webkit-text-decoration: var(--ac-btn-text-decoration-hover);
          text-decoration: var(--ac-btn-text-decoration-hover);
  transition: color 0.3s ease;
}

.action-link:focus, .action-link:focus-visible {
  outline: none;
  box-shadow: none;
}

.block-commerce-cart .cart-block--link {
  padding: 16px;
  background-image: url(../../media/images/cart_black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-color: transparent;
  background-size: 20px;
}

[dir="ltr"] .block-commerce-cart .cart-block--link {
  margin-left: 16px;
}

[dir="rtl"] .block-commerce-cart .cart-block--link {
  margin-right: 16px;
}

.block-commerce-cart .cart-block--link:hover, .block-commerce-cart .cart-block--link:focus {
  background-image: url(../../media/images/cart_red.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-color: transparent;
  background-size: 20px;
}

@media (max-width: 75rem) {
  .block-commerce-cart {
    display: inline-block;
    width: fit-content;
    margin-top: 0;
    vertical-align: -10px;
  }
}

@media (max-width: 29.25rem) {
  .block-commerce-cart {
    vertical-align: -13px;
  }

  [dir="ltr"] .block-commerce-cart {
    margin-left: 0;
  }

  [dir="rtl"] .block-commerce-cart {
    margin-right: 0;
  }
}

@media (max-width: 48rem) {
  .cart-form form {
    overflow-x: scroll;
    padding-bottom: 20px;
  }

  .cart-form form .views-table {
    min-width: 750px;
  }
}

.cart-form .views-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 16px;
  margin: 0;
}

.cart-form .views-table tr,
.cart-form .views-table td {
  vertical-align: middle;
}

.cart-form .views-table caption {
  caption-side: top;
  font-family: var(--font-bold);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--text-color);
  font-style: normal;
  padding: 0;
  margin: 20px 0 0 0;
}

.cart-form .views-table tbody tr td {
  padding: 24px;
  border-block-start: 1px solid var(--grey-color);
  border-block-end: 1px solid var(--grey-color) !important;
}

.cart-form .views-table tbody tr td:first-of-type {
  border-inline-start: 1px solid var(--grey-color);
}

[dir="ltr"] .cart-form .views-table tbody tr td:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .cart-form .views-table tbody tr td:first-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cart-form .views-table tbody tr td:last-of-type {
  border-inline-end: 1px solid var(--grey-color);
}

[dir="ltr"] .cart-form .views-table tbody tr td:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[dir="rtl"] .cart-form .views-table tbody tr td:last-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cart-form .cart-insurance--info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.cart-form .person-name {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  margin-bottom: 8px;
}

.cart-form .vehicle-name {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-color);
}

.cart-form .insurance-profile--info {
  position: relative;
}

[dir="ltr"] .cart-form .insurance-profile--info {
  padding-left: 48px;
}

[dir="rtl"] .cart-form .insurance-profile--info {
  padding-right: 48px;
}

.cart-form .insurance-profile--info::before {
  position: absolute;
  content: "";
  background: url(../../media/images/user.svg) no-repeat center;
  background-size: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .cart-form .insurance-profile--info::before {
  left: 0px;
}

[dir="rtl"] .cart-form .insurance-profile--info::before {
  right: 0px;
}

.cart-form .validity-date {
  position: relative;
}

[dir="ltr"] .cart-form .validity-date {
  padding-left: 48px;
}

[dir="rtl"] .cart-form .validity-date {
  padding-right: 48px;
}

.cart-form .validity-date .field__label {
  font-family: var(--font-regular);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-color-75);
  margin-bottom: 8px;
}

.cart-form .validity-date::before {
  position: absolute;
  content: "";
  background: url(../../media/images/calendar.svg) no-repeat center;
  background-size: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .cart-form .validity-date::before {
  left: 0px;
}

[dir="rtl"] .cart-form .validity-date::before {
  right: 0px;
}

.cart-form .validity-date .field__item {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-color);
}

.cart-form .views-field-unit-price__number {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--text-color);
}

.cart-form .views-field-remove-button .delete-order-item {
  width: 45px;
  height: 45px;
  font-size: 0 !important;
  border: unset;
  padding: 12px;
  background: url(../../media/images/delete.svg) center no-repeat;
}

[dir="ltr"] .cart-form .views-field-remove-button .delete-order-item {
  margin-left: auto;
}

[dir="rtl"] .cart-form .views-field-remove-button .delete-order-item {
  margin-right: auto;
}

.path-checkout .highlighted-sct .block {
  padding: 60px 0 0;
}

.checkout-progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .checkout-progress {
    max-width: 400px;
    margin: 0 auto;
  }
}

.checkout-progress .checkout-progress--step {
  display: block;
  position: relative;
}

[dir="ltr"] .checkout-progress .checkout-progress--step {
  padding-right: 36px;
}

[dir="rtl"] .checkout-progress .checkout-progress--step {
  padding-left: 36px;
}

@media only screen and (max-width: 600px) {
  .checkout-progress .checkout-progress--step {
    padding-bottom: 36px;
  }

  [dir="ltr"] .checkout-progress .checkout-progress--step {
    padding-right: 0;
  }

  [dir="rtl"] .checkout-progress .checkout-progress--step {
    padding-left: 0;
  }
}

.checkout-progress .checkout-progress--step::after {
  position: absolute;
  content: "";
  background: url(../../media/images/arrow-right.svg) no-repeat center;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .checkout-progress .checkout-progress--step::after {
  right: 0;
}

[dir="rtl"] .checkout-progress .checkout-progress--step::after {
  left: 0;
}

@media only screen and (max-width: 600px) {
  .checkout-progress .checkout-progress--step::after {
    top: unset;
    bottom: 0;
  }

  [dir="ltr"] .checkout-progress .checkout-progress--step::after {
    right: 50%;
    transform: rotate(90deg) translateY(-50%);
  }

  [dir="rtl"] .checkout-progress .checkout-progress--step::after {
    left: 50%;
    transform: rotate(-90deg) translateY(-50%);
  }
}

.checkout-progress .checkout-progress--step:last-of-type {
  margin: 0;
  padding: 0;
}

.checkout-progress .checkout-progress--step:last-of-type::after {
  content: none;
}

.checkout-progress .checkout-progress--step span {
  display: block;
  min-width: 200px;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: var(--primary-color);
  text-align: center;
  border: 1px solid var(--primary-color);
  padding: 12px;
}

.checkout-progress .checkout-progress--step::before {
  content: none;
}

.checkout-progress .checkout-progress--step__current .step-title,
.checkout-progress .checkout-progress--step__current .step-title a,
.checkout-progress .checkout-progress--step__previous .step-title,
.checkout-progress .checkout-progress--step__previous .step-title a {
  background-color: var(--primary-color);
  color: #fff;
  text-decoration: unset;
}

.checkout-progress .checkout-progress--step__current .step-title a:hover,
.checkout-progress .checkout-progress--step__previous .step-title a:hover {
  text-decoration: underline;
}

.general-checkout--page {
  background-color: var(--color--light-bg);
}

.general-checkout--page .form-actions {
  background-color: transparent;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main,
.general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
  margin: 3rem auto 0 auto;
  background: var(--color--white);
  box-shadow: var(--card-shadow);
  border-radius: var(--border-radius--rounded);
  padding: 1.5rem;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main {
  padding: 20px;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main .form-item-terms-conditions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  gap: 8px;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main .form-item-terms-conditions .form-item__label {
  font-weight: 600;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main .form-item-terms-conditions .form-item__label.option {
  display: unset;
  flex: calc(100% - 32px);
  margin: 0;
  padding-inline-start: 0;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main .form-item-terms-conditions .form-item__label.option a {
  color: var(--primary-color);
  text-decoration: unset;
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-main .form-item-terms-conditions .form-item__label.option a:hover {
  text-decoration: underline;
}

@media (max-width: 62rem) {
  .general-checkout--page .layout-checkout-form .layout-region-checkout-main {
    width: 100%;
  }
}

.general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
  width: calc(35% - 20px);
}

[dir="ltr"] .general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
  margin-left: 20px;
}

[dir="rtl"] .general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
  margin-right: 20px;
}

@media (max-width: 62rem) {
  .general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
    width: 100%;
    margin-top: 20px;
  }

  [dir="ltr"] .general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
    margin-left: 0;
  }

  [dir="rtl"] .general-checkout--page .layout-checkout-form .layout-region-checkout-secondary {
    margin-right: 0;
  }
}

.general-checkout--page .checkout-pane-login {
  display: flex;
  flex-wrap: wrap;
}

.general-checkout--page .checkout-pane-login .form-wrapper__returning-customer,
.general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
  border: 1px solid var(--grey-color);
  padding: 16px;
}

@media (min-width: 30.25rem) {
  .general-checkout--page .checkout-pane-login .form-wrapper__returning-customer,
  .general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
    padding: 20px;
  }
}

@media (min-width: 63rem) {
  .general-checkout--page .checkout-pane-login .form-wrapper__returning-customer,
  .general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
    flex: 1;
  }
}

.general-checkout--page .checkout-pane-login .form-wrapper__returning-customer .block__title,
.general-checkout--page .checkout-pane-login .form-wrapper__returning-customer .fieldset__label,
.general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout .block__title,
.general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout .fieldset__label {
  margin-bottom: 20px;
  text-align: center;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: 0em;
  color: var(--dark-grey);
}

.general-checkout--page .checkout-pane-login .form-wrapper__returning-customer {
  max-width: 750px;
  margin: 0 auto;
}

.general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
  max-width: 750px;
  height: fit-content;
  margin: 20px auto 0 auto;
}

@media (min-width: 63rem) {
  [dir="ltr"] .general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
    margin: 0 0 0 20px;
  }

  [dir="rtl"] .general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout {
    margin: 0 20px 0 0;
  }
}

.general-checkout--page .checkout-pane-login .form-wrapper__guest-checkout input.button {
  margin: 0 auto;
}

.general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: fit-content;
  margin: 20px 0;
}

[dir="ltr"] .general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login {
  float: left;
}

[dir="rtl"] .general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login {
  float: right;
}

.general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login label {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-grey);
}

[dir="ltr"] .general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login label {
  padding-left: 0 !important;
  margin: 0 0 0 4px;
}

[dir="rtl"] .general-checkout--page .checkout-login .form-item-login-returning-customer-persistent-login label {
  padding-right: 0 !important;
  margin: 0 4px 0 0;
}

.general-checkout--page .checkout-login a[id*=login-returning-customer-forgot-password] {
  margin: 20px 0;
  width: fit-content;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-grey);
  text-decoration: unset;
}

[dir="ltr"] .general-checkout--page .checkout-login a[id*=login-returning-customer-forgot-password] {
  float: right;
}

[dir="rtl"] .general-checkout--page .checkout-login a[id*=login-returning-customer-forgot-password] {
  float: left;
}

.general-checkout--page .checkout-login a[id*=login-returning-customer-forgot-password]:hover, .general-checkout--page .checkout-login a[id*=login-returning-customer-forgot-password]:focus {
  text-decoration: underline;
}

.general-checkout--page .checkout-login .form-item + .form-item {
  margin-top: 20px;
}

.general-checkout--page .checkout-login .returning-customer-actions {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--grey-color);
}

[dir="ltr"] .general-checkout--page .checkout-login .returning-customer-actions {
  float: right;
}

[dir="rtl"] .general-checkout--page .checkout-login .returning-customer-actions {
  float: left;
}

.general-checkout--page .checkout-login .returning-customer-actions input {
  display: block;
}

[dir="ltr"] .general-checkout--page .checkout-login .returning-customer-actions input {
  margin-left: auto;
}

[dir="rtl"] .general-checkout--page .checkout-login .returning-customer-actions input {
  margin-right: auto;
}

.general-checkout--page .checkout-pane-payment-information .fieldset__legend,
.general-checkout--page .checkout-pane-contact-information .fieldset__legend,
.general-checkout--page .checkout-pane-insurance-contact-information .fieldset__legend {
  margin-bottom: 0;
}

.general-checkout--page .checkout-pane-payment-information .fieldset__legend .fieldset__label,
.general-checkout--page .checkout-pane-contact-information .fieldset__legend .fieldset__label,
.general-checkout--page .checkout-pane-insurance-contact-information .fieldset__legend .fieldset__label {
  font-family: var(--font-regular);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color);
  margin: 0 0 20px 0 !important;
}

.general-checkout--page .checkout-pane-payment-information .fieldset__wrapper .fieldset__label--group,
.general-checkout--page .checkout-pane-contact-information .fieldset__wrapper .fieldset__label--group,
.general-checkout--page .checkout-pane-insurance-contact-information .fieldset__wrapper .fieldset__label--group {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 12px 0 !important;
  color: var(--text-color-75);
}

.general-checkout--page .layout-region-checkout-secondary h3 {
  font-family: var(--font-regular);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color);
  padding: 20px 20px 0;
  margin: 0 0 20px 0;
}

.general-checkout--page .layout-region-checkout-footer {
  padding: 0;
}

.general-checkout--page .layout-region-checkout-footer .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .general-checkout--page .layout-region-checkout-footer .form-actions {
    justify-content: flex-end;
  }
}

.general-checkout--page .layout-region-checkout-footer .form-actions .link--previous {
  order: 1;
  background-color: #fff;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.general-checkout--page .layout-region-checkout-footer .form-actions .link--previous:hover {
  background-color: #fff;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.general-checkout--page .layout-region-checkout-footer .form-actions input[type=submit] {
  order: 2;
}

@media (max-width: 62rem) {
  .general-checkout--page .layout-region-checkout-footer {
    width: 100%;
  }
}

.general-checkout--page .view-commerce-checkout-order-summary .view-content {
  padding: 0 20px 20px;
  border-bottom: 1px solid var(--grey-color);
}

.general-checkout--page .view-commerce-checkout-order-summary .views-table {
  width: 100%;
  margin-block-start: 0;
}

.general-checkout--page .view-commerce-checkout-order-summary .views-table caption {
  caption-side: top;
  font-family: var(--font-bold);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  margin-bottom: 20px;
  padding: 0;
}

.general-checkout--page .view-commerce-checkout-order-summary .views-table tbody td {
  border: unset;
  vertical-align: middle;
}

.general-checkout--page .view-commerce-checkout-order-summary .views-table tbody td.views-field-total-price__number {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-color);
}

[dir="ltr"] .general-checkout--page .view-commerce-checkout-order-summary .views-table tbody td.views-field-total-price__number {
  padding-right: 0;
  text-align: right;
}

[dir="rtl"] .general-checkout--page .view-commerce-checkout-order-summary .views-table tbody td.views-field-total-price__number {
  padding-left: 0;
  text-align: left;
}

.general-checkout--page .view-commerce-checkout-order-summary .views-table tbody tr:first-of-type td {
  padding-top: 0;
}

.general-checkout--page .view-commerce-checkout-order-summary .view-footer {
  padding: 20px;
}

.general-checkout--page .view-commerce-checkout-order-summary .view-footer .order-total-line {
  margin: 0;
  justify-content: space-between;
}

.general-checkout--page .view-commerce-checkout-order-summary .view-footer .order-total-line.order-total-line__total {
  margin-top: 16px;
}

.general-checkout--page .insurance-summary {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-color);
}

.general-checkout--page .insurance-summary .summary-date {
  margin-top: 8px;
}

.general-checkout--page [id*=payment-information-payment-method] .form-boolean-group {
  display: flex;
  flex-wrap: wrap;
}

[dir="ltr"] .general-checkout--page [id*=payment-information-payment-method] .form-boolean-group .form-item + .form-item {
  margin-left: 16px;
}

[dir="rtl"] .general-checkout--page [id*=payment-information-payment-method] .form-boolean-group .form-item + .form-item {
  margin-right: 16px;
}

.general-checkout--page .form-item-payment-information-billing-information-select-address {
  margin: 20px 0;
}

.general-checkout--page .field--name-address {
  margin-top: 20px;
}

.general-checkout--page .field--name-address div + div {
  margin-top: 20px;
}

.general-checkout--page .field--name-address .order-address div + div {
  margin-top: 0px;
}

.general-checkout--page .address-container-inline,
.general-checkout--page .form-item-payment-information-billing-information-copy-to-address-book {
  margin-top: 20px;
}

.general-checkout--page .checkout-pane-review .fieldset__legend {
  margin-bottom: 0;
}

.general-checkout--page .checkout-pane-review .fieldset__legend .fieldset__label {
  font-family: var(--font-regular);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color);
  margin: 0 0 16px 0;
}

.general-checkout--page .checkout-pane-review .field--name-address {
  margin-top: 0;
}

.general-checkout--page .checkout-pane-review .field--name-address p {
  margin-bottom: 0;
}

.general-checkout--page .summary-insurance--info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.form--checkout-complete {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 48rem) {
  .form--checkout-complete {
    justify-content: center;
    text-align: center;
  }
}

.form--checkout-complete .checkout-complete {
  order: 2;
}

.form--checkout-complete .checkout-complete .title {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;
  color: var(--text-color);
  margin-bottom: 8px;
}

@media (min-width: 49rem) {
  .form--checkout-complete .checkout-complete {
    flex: 1;
    order: 1;
  }

  [dir="ltr"] .form--checkout-complete .checkout-complete {
    padding-right: 60px;
  }

  [dir="rtl"] .form--checkout-complete .checkout-complete {
    padding-left: 60px;
  }
}

.form--checkout-complete .order-complete--banner img {
  min-width: 100%;
}

@media (min-width: 49rem) {
  .form--checkout-complete .order-complete--banner {
    order: 2;
    flex: 1;
  }
}

.form--checkout-complete .checkout--complete__note {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
}

.form--checkout-complete .checkout-link-back {
  margin-top: 20px;
}

@media (max-width: 48rem) {
  .form--checkout-complete .checkout-link-back a {
    margin: 0 auto;
  }
}

.order-review--page .layout-region-checkout-main,
.order-review--page .layout-region-checkout-secondary {
  width: 100%;
  padding: 0;
  border: unset;
}

.order-review--page .layout-region-checkout-footer {
  width: 100%;
}

.order-review--page .fieldset__legend {
  margin-bottom: 0;
}

.order-review--page .fieldset__legend .fieldset__label {
  font-family: var(--font-regular);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color);
  margin: 0 0 16px 0;
}

.order-review--page .fieldset__legend .fieldset__label a {
  font-family: var(--font-regular);
  font-weight: 400;
  color: var(--primary-color);
  font-size: 16px;
  line-height: 30px;
  text-decoration: unset;
}

.order-review--page .fieldset__legend .fieldset__label a:hover, .order-review--page .fieldset__legend .fieldset__label a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}

.order-review--page .layout-region-checkout-secondary h3 {
  font-family: var(--font-regular);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-color);
  padding: 0;
  margin: 0 0 12px 0;
}

@media (max-width: 48rem) {
  .order-review--page .view-content {
    overflow-x: scroll;
  }
}

.order-review--page .views-table {
  width: 100%;
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0 16px;
  margin: 0;
}

.order-review--page .views-table tr,
.order-review--page .views-table td {
  vertical-align: middle;
}

.order-review--page .views-table caption {
  caption-side: top;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--text-color);
  font-style: normal;
  padding: 0;
  margin: 20px 0 0 0;
}

.order-review--page .views-table tbody tr td {
  padding: 24px;
  border-block-start: 1px solid var(--grey-color);
  border-block-end: 1px solid var(--grey-color) !important;
}

.order-review--page .views-table tbody tr td:first-of-type {
  border-inline-start: 1px solid var(--grey-color);
}

[dir="ltr"] .order-review--page .views-table tbody tr td:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[dir="rtl"] .order-review--page .views-table tbody tr td:first-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.order-review--page .views-table tbody tr td:last-of-type {
  border-inline-end: 1px solid var(--grey-color);
}

[dir="ltr"] .order-review--page .views-table tbody tr td:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[dir="rtl"] .order-review--page .views-table tbody tr td:last-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.order-review--page .views-table .views-field-total-price__number {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: var(--text-color);
}

[dir="ltr"] .order-review--page .views-table .views-field-total-price__number {
  text-align: right;
}

[dir="rtl"] .order-review--page .views-table .views-field-total-price__number {
  text-align: left;
}

.order-review--page .summary-insurance--info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.order-review--page .layout-region-checkout-footer {
  padding: 0;
}

.order-review--page .layout-region-checkout-footer .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .order-review--page .layout-region-checkout-footer .form-actions {
    justify-content: flex-end;
  }
}

.order-review--page .layout-region-checkout-footer .form-actions .link--previous {
  order: 1;
  background-color: #fff;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.order-review--page .layout-region-checkout-footer .form-actions .link--previous:hover {
  background-color: #fff;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.order-review--page .layout-region-checkout-footer .form-actions input[type=submit] {
  order: 2;
}

.order-review--page .view-footer {
  margin-top: 20px;
  padding: 0;
}

.order-review--page .view-footer .order-total-line {
  margin: 0;
  justify-content: space-between;
}

.order-review--page .view-footer .order-total-line.order-total-line__total {
  margin-top: 16px;
}

.order-review--page .layout-region-checkout-secondary {
  border-top: 1px solid var(--grey-color);
  padding-top: 20px;
  margin-top: 20px;
}

.order-review--page [id*=review-payment-information] {
  padding-top: 20px;
  border-top: 1px solid var(--grey-color);
  border-radius: 0;
}

.order-review--page [id*=review-payment-information] .fieldset__wrapper {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--primary-color);
}

.order-review--page [id*=review-payment-information] .field--name-address {
  margin-top: 16px;
}

.checkout-pane-insurance-contact-information .fieldset__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 49rem) {
  .checkout-pane-insurance-contact-information .fieldset__wrapper .form-item {
    flex: calc(50% - 20px);
  }
}

.view-footer .order-total-line {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
}

.view-footer .order-total-line + .order-total-line {
  margin-top: 20px !important;
}

.view-footer .order-total-line__total .order-total-line-label,
.view-footer .order-total-line__total .order-total-line-value {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  padding: 0;
  border: 0;
  text-align: center;
  padding: 0;
}

.view-footer .order-total-line__adjustment--promotion {
  color: var(--accent-color);
}

.summary-insurance--info .person-name {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  margin-bottom: 8px;
}

.summary-insurance--info .vehicle-name {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-color);
}

.summary-insurance--info .insurance-profile--info {
  position: relative;
  word-break: break-all;
}

[dir="ltr"] .summary-insurance--info .insurance-profile--info {
  padding-left: 48px;
}

[dir="rtl"] .summary-insurance--info .insurance-profile--info {
  padding-right: 48px;
}

.summary-insurance--info .insurance-profile--info::before {
  position: absolute;
  content: "";
  background: url(../../media/images/user.svg) no-repeat center;
  background-size: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .summary-insurance--info .insurance-profile--info::before {
  left: 0px;
}

[dir="rtl"] .summary-insurance--info .insurance-profile--info::before {
  right: 0px;
}

.summary-insurance--info .validity-date {
  position: relative;
}

[dir="ltr"] .summary-insurance--info .validity-date {
  padding-left: 48px;
}

[dir="rtl"] .summary-insurance--info .validity-date {
  padding-right: 48px;
}

.summary-insurance--info .validity-date .field__label {
  font-family: var(--font-regular);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-color-75);
  margin-bottom: 8px;
}

.summary-insurance--info .validity-date::before {
  position: absolute;
  content: "";
  background: url(../../media/images/calendar.svg) no-repeat center;
  background-size: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .summary-insurance--info .validity-date::before {
  left: 0px;
}

[dir="rtl"] .summary-insurance--info .validity-date::before {
  right: 0px;
}

.summary-insurance--info .validity-date .field__item {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-color);
}

.order-address,
.summary-contact-information {
  display: grid;
  gap: 20px;
  margin-bottom: 16px;
}

@media (min-width: 30.25rem) {
  .order-address,
  .summary-contact-information {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 63rem) {
  .order-address,
  .summary-contact-information {
    grid-template-columns: repeat(4, 1fr);
  }
}

.order-address div + div,
.summary-contact-information div + div {
  margin-top: 0;
}

.order-address .field__label,
.summary-contact-information .field__label {
  font-family: var(--font-regular);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-color);
}

.order-address .field_item,
.summary-contact-information .field_item {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
}

.checkout-pane-payment-process .checkout-help {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
}

.checkout-pane-payment-process .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .checkout-pane-payment-process .form-actions {
    justify-content: flex-end;
  }
}

.checkout-pane-payment-process .form-actions .form-submit {
  order: 2;
}

.checkout-pane-payment-process .form-actions a {
  display: block;
  width: fit-content;
  padding: 16px 20px;
  cursor: pointer;
  transition: transition;
  text-decoration: unset;
  border-radius: 10px;
  outline: none !important;
  border: 2px solid var(--primary-color);
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  background-color: transparent;
  color: var(--primary-color);
}

/*# sourceMappingURL=checkout.css.map*/