/*
 * 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, .select2-container--default .select2-selection .select2-selection__choice, .select-profile .add-second-person,
.select-profile .add-vehicle,
.select-vehicle .add-second-person,
.select-vehicle .add-vehicle,
.select-profiles .add-second-person,
.select-profiles .add-vehicle, .wizard-layout-footer .button--primary,
.wizard-layout-footer .next-button,
.wizard-layout-footer .submit-button,
.wizard-layout-footer .add-to-cart,
.wizard-layout-footer .checkout-button,
.form-actions .button--primary,
.form-actions .next-button,
.form-actions .submit-button,
.form-actions .add-to-cart,
.form-actions .checkout-button,
.ief-popup-actions .button--primary,
.ief-popup-actions .next-button,
.ief-popup-actions .submit-button,
.ief-popup-actions .add-to-cart,
.ief-popup-actions .checkout-button,
.insurances-details-actions .button--primary,
.insurances-details-actions .next-button,
.insurances-details-actions .submit-button,
.insurances-details-actions .add-to-cart,
.insurances-details-actions .checkout-button, 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, .select2-container--default .select2-selection .select2-selection__choice:hover, .select-profile .add-second-person:hover,
.select-profile .add-vehicle:hover,
.select-vehicle .add-second-person:hover,
.select-vehicle .add-vehicle:hover,
.select-profiles .add-second-person:hover,
.select-profiles .add-vehicle:hover,
.wizard-layout-footer .next-button:hover,
.wizard-layout-footer .submit-button:hover,
.wizard-layout-footer .add-to-cart:hover,
.wizard-layout-footer .checkout-button:hover,
.form-actions .next-button:hover,
.form-actions .submit-button:hover,
.form-actions .add-to-cart:hover,
.form-actions .checkout-button:hover,
.ief-popup-actions .next-button:hover,
.ief-popup-actions .submit-button:hover,
.ief-popup-actions .add-to-cart:hover,
.ief-popup-actions .checkout-button:hover,
.insurances-details-actions .next-button:hover,
.insurances-details-actions .submit-button:hover,
.insurances-details-actions .add-to-cart:hover,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus, .select-profile .add-second-person:focus,
.select-profile .add-vehicle:focus,
.select-vehicle .add-second-person:focus,
.select-vehicle .add-vehicle:focus,
.select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus,
.wizard-layout-footer .next-button:focus,
.wizard-layout-footer .submit-button:focus,
.wizard-layout-footer .add-to-cart:focus,
.wizard-layout-footer .checkout-button:focus,
.form-actions .next-button:focus,
.form-actions .submit-button:focus,
.form-actions .add-to-cart:focus,
.form-actions .checkout-button:focus,
.ief-popup-actions .next-button:focus,
.ief-popup-actions .submit-button:focus,
.ief-popup-actions .add-to-cart:focus,
.ief-popup-actions .checkout-button:focus,
.insurances-details-actions .next-button:focus,
.insurances-details-actions .submit-button:focus,
.insurances-details-actions .add-to-cart:focus,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus, .select-profile .add-second-person:focus,
.select-profile .add-vehicle:focus,
.select-vehicle .add-second-person:focus,
.select-vehicle .add-vehicle:focus,
.select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus,
.wizard-layout-footer .next-button:focus,
.wizard-layout-footer .submit-button:focus,
.wizard-layout-footer .add-to-cart:focus,
.wizard-layout-footer .checkout-button:focus,
.form-actions .next-button:focus,
.form-actions .submit-button:focus,
.form-actions .add-to-cart:focus,
.form-actions .checkout-button:focus,
.ief-popup-actions .next-button:focus,
.ief-popup-actions .submit-button:focus,
.ief-popup-actions .add-to-cart:focus,
.ief-popup-actions .checkout-button:focus,
.insurances-details-actions .next-button:focus,
.insurances-details-actions .submit-button:focus,
.insurances-details-actions .add-to-cart:focus,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus-visible, .select-profile .add-second-person:focus-visible,
.select-profile .add-vehicle:focus-visible,
.select-vehicle .add-second-person:focus-visible,
.select-vehicle .add-vehicle:focus-visible,
.select-profiles .add-second-person:focus-visible,
.select-profiles .add-vehicle:focus-visible,
.wizard-layout-footer .next-button:focus-visible,
.wizard-layout-footer .submit-button:focus-visible,
.wizard-layout-footer .add-to-cart:focus-visible,
.wizard-layout-footer .checkout-button:focus-visible,
.form-actions .next-button:focus-visible,
.form-actions .submit-button:focus-visible,
.form-actions .add-to-cart:focus-visible,
.form-actions .checkout-button:focus-visible,
.ief-popup-actions .next-button:focus-visible,
.ief-popup-actions .submit-button:focus-visible,
.ief-popup-actions .add-to-cart:focus-visible,
.ief-popup-actions .checkout-button:focus-visible,
.insurances-details-actions .next-button:focus-visible,
.insurances-details-actions .submit-button:focus-visible,
.insurances-details-actions .add-to-cart:focus-visible,
.insurances-details-actions .checkout-button: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, .link--previous, .wizard-layout-footer .cancel-button,
.wizard-layout-footer .ief-popup-cancel,
.wizard-layout-footer .back-button,
.form-actions .cancel-button,
.form-actions .ief-popup-cancel,
.form-actions .back-button,
.ief-popup-actions .cancel-button,
.ief-popup-actions .ief-popup-cancel,
.ief-popup-actions .back-button,
.insurances-details-actions .cancel-button,
.insurances-details-actions .ief-popup-cancel,
.insurances-details-actions .back-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, .link--previous:hover, .wizard-layout-footer .cancel-button:hover,
.wizard-layout-footer .ief-popup-cancel:hover,
.wizard-layout-footer .back-button:hover,
.form-actions .cancel-button:hover,
.form-actions .ief-popup-cancel:hover,
.form-actions .back-button:hover,
.ief-popup-actions .cancel-button:hover,
.ief-popup-actions .ief-popup-cancel:hover,
.ief-popup-actions .back-button:hover,
.insurances-details-actions .cancel-button:hover,
.insurances-details-actions .ief-popup-cancel:hover,
.insurances-details-actions .back-button:hover, .secondary-button:focus, .link--previous:focus, .wizard-layout-footer .cancel-button:focus,
.wizard-layout-footer .ief-popup-cancel:focus,
.wizard-layout-footer .back-button:focus,
.form-actions .cancel-button:focus,
.form-actions .ief-popup-cancel:focus,
.form-actions .back-button:focus,
.ief-popup-actions .cancel-button:focus,
.ief-popup-actions .ief-popup-cancel:focus,
.ief-popup-actions .back-button:focus,
.insurances-details-actions .cancel-button:focus,
.insurances-details-actions .ief-popup-cancel:focus,
.insurances-details-actions .back-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, .link--previous:focus, .wizard-layout-footer .cancel-button:focus,
.wizard-layout-footer .ief-popup-cancel:focus,
.wizard-layout-footer .back-button:focus,
.form-actions .cancel-button:focus,
.form-actions .ief-popup-cancel:focus,
.form-actions .back-button:focus,
.ief-popup-actions .cancel-button:focus,
.ief-popup-actions .ief-popup-cancel:focus,
.ief-popup-actions .back-button:focus,
.insurances-details-actions .cancel-button:focus,
.insurances-details-actions .ief-popup-cancel:focus,
.insurances-details-actions .back-button:focus, .secondary-button:focus-visible, .link--previous:focus-visible, .wizard-layout-footer .cancel-button:focus-visible,
.wizard-layout-footer .ief-popup-cancel:focus-visible,
.wizard-layout-footer .back-button:focus-visible,
.form-actions .cancel-button:focus-visible,
.form-actions .ief-popup-cancel:focus-visible,
.form-actions .back-button:focus-visible,
.ief-popup-actions .cancel-button:focus-visible,
.ief-popup-actions .ief-popup-cancel:focus-visible,
.ief-popup-actions .back-button:focus-visible,
.insurances-details-actions .cancel-button:focus-visible,
.insurances-details-actions .ief-popup-cancel:focus-visible,
.insurances-details-actions .back-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;
}

/*
 * 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, .select2-container--default .select2-selection .select2-selection__choice, .select-profile .add-second-person,
.select-profile .add-vehicle,
.select-vehicle .add-second-person,
.select-vehicle .add-vehicle,
.select-profiles .add-second-person,
.select-profiles .add-vehicle, .wizard-layout-footer .button--primary,
.wizard-layout-footer .next-button,
.wizard-layout-footer .submit-button,
.wizard-layout-footer .add-to-cart,
.wizard-layout-footer .checkout-button,
.form-actions .button--primary,
.form-actions .next-button,
.form-actions .submit-button,
.form-actions .add-to-cart,
.form-actions .checkout-button,
.ief-popup-actions .button--primary,
.ief-popup-actions .next-button,
.ief-popup-actions .submit-button,
.ief-popup-actions .add-to-cart,
.ief-popup-actions .checkout-button,
.insurances-details-actions .button--primary,
.insurances-details-actions .next-button,
.insurances-details-actions .submit-button,
.insurances-details-actions .add-to-cart,
.insurances-details-actions .checkout-button, 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, .select2-container--default .select2-selection .select2-selection__choice:hover, .select-profile .add-second-person:hover,
.select-profile .add-vehicle:hover,
.select-vehicle .add-second-person:hover,
.select-vehicle .add-vehicle:hover,
.select-profiles .add-second-person:hover,
.select-profiles .add-vehicle:hover,
.wizard-layout-footer .next-button:hover,
.wizard-layout-footer .submit-button:hover,
.wizard-layout-footer .add-to-cart:hover,
.wizard-layout-footer .checkout-button:hover,
.form-actions .next-button:hover,
.form-actions .submit-button:hover,
.form-actions .add-to-cart:hover,
.form-actions .checkout-button:hover,
.ief-popup-actions .next-button:hover,
.ief-popup-actions .submit-button:hover,
.ief-popup-actions .add-to-cart:hover,
.ief-popup-actions .checkout-button:hover,
.insurances-details-actions .next-button:hover,
.insurances-details-actions .submit-button:hover,
.insurances-details-actions .add-to-cart:hover,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus, .select-profile .add-second-person:focus,
.select-profile .add-vehicle:focus,
.select-vehicle .add-second-person:focus,
.select-vehicle .add-vehicle:focus,
.select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus,
.wizard-layout-footer .next-button:focus,
.wizard-layout-footer .submit-button:focus,
.wizard-layout-footer .add-to-cart:focus,
.wizard-layout-footer .checkout-button:focus,
.form-actions .next-button:focus,
.form-actions .submit-button:focus,
.form-actions .add-to-cart:focus,
.form-actions .checkout-button:focus,
.ief-popup-actions .next-button:focus,
.ief-popup-actions .submit-button:focus,
.ief-popup-actions .add-to-cart:focus,
.ief-popup-actions .checkout-button:focus,
.insurances-details-actions .next-button:focus,
.insurances-details-actions .submit-button:focus,
.insurances-details-actions .add-to-cart:focus,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus, .select-profile .add-second-person:focus,
.select-profile .add-vehicle:focus,
.select-vehicle .add-second-person:focus,
.select-vehicle .add-vehicle:focus,
.select-profiles .add-second-person:focus,
.select-profiles .add-vehicle:focus,
.wizard-layout-footer .next-button:focus,
.wizard-layout-footer .submit-button:focus,
.wizard-layout-footer .add-to-cart:focus,
.wizard-layout-footer .checkout-button:focus,
.form-actions .next-button:focus,
.form-actions .submit-button:focus,
.form-actions .add-to-cart:focus,
.form-actions .checkout-button:focus,
.ief-popup-actions .next-button:focus,
.ief-popup-actions .submit-button:focus,
.ief-popup-actions .add-to-cart:focus,
.ief-popup-actions .checkout-button:focus,
.insurances-details-actions .next-button:focus,
.insurances-details-actions .submit-button:focus,
.insurances-details-actions .add-to-cart:focus,
.insurances-details-actions .checkout-button: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, .select2-container--default .select2-selection .select2-selection__choice:focus-visible, .select-profile .add-second-person:focus-visible,
.select-profile .add-vehicle:focus-visible,
.select-vehicle .add-second-person:focus-visible,
.select-vehicle .add-vehicle:focus-visible,
.select-profiles .add-second-person:focus-visible,
.select-profiles .add-vehicle:focus-visible,
.wizard-layout-footer .next-button:focus-visible,
.wizard-layout-footer .submit-button:focus-visible,
.wizard-layout-footer .add-to-cart:focus-visible,
.wizard-layout-footer .checkout-button:focus-visible,
.form-actions .next-button:focus-visible,
.form-actions .submit-button:focus-visible,
.form-actions .add-to-cart:focus-visible,
.form-actions .checkout-button:focus-visible,
.ief-popup-actions .next-button:focus-visible,
.ief-popup-actions .submit-button:focus-visible,
.ief-popup-actions .add-to-cart:focus-visible,
.ief-popup-actions .checkout-button:focus-visible,
.insurances-details-actions .next-button:focus-visible,
.insurances-details-actions .submit-button:focus-visible,
.insurances-details-actions .add-to-cart:focus-visible,
.insurances-details-actions .checkout-button: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, .link--previous, .wizard-layout-footer .cancel-button,
.wizard-layout-footer .ief-popup-cancel,
.wizard-layout-footer .back-button,
.form-actions .cancel-button,
.form-actions .ief-popup-cancel,
.form-actions .back-button,
.ief-popup-actions .cancel-button,
.ief-popup-actions .ief-popup-cancel,
.ief-popup-actions .back-button,
.insurances-details-actions .cancel-button,
.insurances-details-actions .ief-popup-cancel,
.insurances-details-actions .back-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, .link--previous:hover, .wizard-layout-footer .cancel-button:hover,
.wizard-layout-footer .ief-popup-cancel:hover,
.wizard-layout-footer .back-button:hover,
.form-actions .cancel-button:hover,
.form-actions .ief-popup-cancel:hover,
.form-actions .back-button:hover,
.ief-popup-actions .cancel-button:hover,
.ief-popup-actions .ief-popup-cancel:hover,
.ief-popup-actions .back-button:hover,
.insurances-details-actions .cancel-button:hover,
.insurances-details-actions .ief-popup-cancel:hover,
.insurances-details-actions .back-button:hover, .secondary-button:focus, .link--previous:focus, .wizard-layout-footer .cancel-button:focus,
.wizard-layout-footer .ief-popup-cancel:focus,
.wizard-layout-footer .back-button:focus,
.form-actions .cancel-button:focus,
.form-actions .ief-popup-cancel:focus,
.form-actions .back-button:focus,
.ief-popup-actions .cancel-button:focus,
.ief-popup-actions .ief-popup-cancel:focus,
.ief-popup-actions .back-button:focus,
.insurances-details-actions .cancel-button:focus,
.insurances-details-actions .ief-popup-cancel:focus,
.insurances-details-actions .back-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, .link--previous:focus, .wizard-layout-footer .cancel-button:focus,
.wizard-layout-footer .ief-popup-cancel:focus,
.wizard-layout-footer .back-button:focus,
.form-actions .cancel-button:focus,
.form-actions .ief-popup-cancel:focus,
.form-actions .back-button:focus,
.ief-popup-actions .cancel-button:focus,
.ief-popup-actions .ief-popup-cancel:focus,
.ief-popup-actions .back-button:focus,
.insurances-details-actions .cancel-button:focus,
.insurances-details-actions .ief-popup-cancel:focus,
.insurances-details-actions .back-button:focus, .secondary-button:focus-visible, .link--previous:focus-visible, .wizard-layout-footer .cancel-button:focus-visible,
.wizard-layout-footer .ief-popup-cancel:focus-visible,
.wizard-layout-footer .back-button:focus-visible,
.form-actions .cancel-button:focus-visible,
.form-actions .ief-popup-cancel:focus-visible,
.form-actions .back-button:focus-visible,
.ief-popup-actions .cancel-button:focus-visible,
.ief-popup-actions .ief-popup-cancel:focus-visible,
.ief-popup-actions .back-button:focus-visible,
.insurances-details-actions .cancel-button:focus-visible,
.insurances-details-actions .ief-popup-cancel:focus-visible,
.insurances-details-actions .back-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;
}

.top-forms--banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.top-forms--banner .page-title-wrap {
  position: relative;
  max-width: 750px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
  padding: 32px;
  font-family: var(--font-bold);
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: var(--text-color);
  line-height: normal;
  z-index: 1;
  margin: 0 auto;
}

.top-forms--banner.have-bg {
  padding: 40px 20px;
}

.top-forms--banner.without-bg {
  padding: 40px 20px 10px 20px;
}

.generic-casco form {
  max-width: 750px;
  margin: 0 auto;
}

.generic-casco form.casco-summary-form {
  max-width: 100%;
}

.generic-casco .form-boolean-group .form-item__label {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  margin: 0 !important;
  color: var(--text-color);
}

.generic-casco .form-boolean-group .form-item {
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--bs-gray-400);
  gap: 8px;
}

.dont-have-account--block {
  max-width: 750px;
  margin: 0 auto 32px auto;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

.dont-have-account--block .block__content {
  position: relative;
}

[dir="ltr"] .dont-have-account--block .block__content {
  padding: 16px 16px 16px 56px;
}

[dir="rtl"] .dont-have-account--block .block__content {
  padding: 16px 56px 16px 16px;
}

.dont-have-account--block .block__content::before {
  position: absolute;
  content: "";
  background: url(../../media/images/note.svg) no-repeat center;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

[dir="ltr"] .dont-have-account--block .block__content::before {
  left: 16px;
}

[dir="rtl"] .dont-have-account--block .block__content::before {
  right: 16px;
}

.dont-have-account--block .block__content .block__title {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  color: var(--text-color);
  margin-bottom: 4px;
}

.dont-have-account--block .block__content .field--name-body p {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
  margin: 0;
}

.dont-have-account--block .block__content .field--name-body p strong,
.dont-have-account--block .block__content .field--name-body p b {
  font-family: var(--font-bold);
  font-weight: 700;
}

.dont-have-account--block .block__content .field--name-body p + p {
  margin-top: 16px;
}

.book-call--form {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
  padding: 32px;
  margin: 120px auto 0 auto;
  background-color: var(--color--white);
}

.book-call--form .block__title {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: var(--text-color);
  text-align: center;
  margin-bottom: 16px;
}

.book-call--form .block__content {
  max-width: 750px;
  margin: 0 auto;
}

.book-call--form .block__content .form-type-processed-text,
.book-call--form .block__content .js-form-type-processed-text {
  text-align: center;
  margin-bottom: 16px;
}

.book-call--form .block__content .form-type-processed-text p,
.book-call--form .block__content .form-type-processed-text p span,
.book-call--form .block__content .js-form-type-processed-text p,
.book-call--form .block__content .js-form-type-processed-text p span {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
  margin: 0;
  text-align: center;
}

.book-call--form .block__content .form-type-processed-text p + p,
.book-call--form .block__content .js-form-type-processed-text p + p {
  margin-top: 16px;
}

.book-call--form .form-item {
  margin: 0;
}

.book-call--form .form-item + .form-item {
  margin-top: 20px;
}

.book-call--form .form-actions {
  display: block;
  padding: 0;
  margin-top: 20px;
  border: 0;
}

[dir="ltr"] .book-call--form .form-actions .button {
  margin-left: auto;
}

[dir="rtl"] .book-call--form .form-actions .button {
  margin-right: auto;
}

.form-boolean-group .form-item__label {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  margin: 0 !important;
  color: var(--text-color);
}

.form-boolean-group .form-item {
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--bs-gray-400);
  gap: 8px;
}

.form-boolean-group input[type=radio] {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid var(--bs-gray-400) !important;
  background-color: #fff;
  appearance: none;
  margin: 0;
  cursor: pointer;
  flex: 0 0 auto;
  vertical-align: unset;
}

.form-boolean-group input[type=radio]:checked {
  position: relative;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid var(--bs-gray-400) !important;
  background-color: #fff;
  background-image: none;
  background-size: 8px;
}

.form-boolean-group input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-color);
}

[dir="ltr"] .form-boolean-group input[type=radio]:checked::after {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .form-boolean-group input[type=radio]:checked::after {
  right: 50%;
  transform: translate(50%, -50%);
}

.form-boolean-group input[type=radio]:focus {
  outline: unset;
  box-shadow: unset;
}

.fieldset__wrapper--group {
  border: unset !important;
  border-radius: unset !important;
}

.ui-dialog {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.ui-dialog.ui-widget {
  padding: 16px;
  min-width: 300px;
}

.ui-dialog.ui-widget.ui-widget-content {
  border: unset;
}

@media (min-width: 30.25rem) {
  .ui-dialog.ui-widget {
    min-width: 450px;
  }
}

@media (min-width: 49rem) {
  .ui-dialog.ui-widget {
    min-width: 700px;
    padding: 20px;
  }
}

@media (min-width: 63rem) {
  .ui-dialog.ui-widget {
    min-width: 900px;
  }
}

[dir="ltr"] .ui-dialog.ui-widget .ui-dialog-content {
  padding: 0 16px 0 0;
}

[dir="rtl"] .ui-dialog.ui-widget .ui-dialog-content {
  padding: 0 0 0 16px;
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
  background: transparent;
  border: unset;
  padding: 0 0 20px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title em {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  color: var(--text-color);
}

.ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  position: absolute;
  width: 20px;
  height: 20px;
  padding: 0;
  border: unset;
  background-color: transparent;
  top: 20px;
  transform: unset !important;
  background-image: url(../../media/images/modal_close.svg);
  background-position: center;
  background-repeat: no-repeat;
  inset-block-start: unset;
  opacity: 1;
  margin: 0;
}

[dir="ltr"] .ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  right: 0 !important;
}

[dir="rtl"] .ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  left: 0 !important;
}

[dir] .ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
  inset-inline-start: unset;
  inset-inline-end: unset;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane {
  padding: 0;
  margin: 0;
  border: 0;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .ui-dialog-buttonset.form-actions {
  margin: 0;
  padding: 0;
  border: 0;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button {
  margin: 0;
}

.ui-dialog.ui-widget .ui-widget-content.ui-dialog-buttonpane .button.is-disabled {
  opacity: 0.5;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.insurance-company .form-item-insurance-companies .fieldset__label {
  display: flex;
  flex-direction: column;
}

.wizard-layout-footer,
.form-actions,
.ief-popup-actions,
.insurances-details-actions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
  border-radius: 0;
  margin-block: 0;
  background-color: #fff;
  gap: 20px;
  border-top: 0 !important;
}

@media (min-width: 30.25rem) {
  .wizard-layout-footer,
  .form-actions,
  .ief-popup-actions,
  .insurances-details-actions {
    justify-content: flex-end;
  }
}

.wizard-layout-footer .fieldset__wrapper,
.form-actions .fieldset__wrapper,
.ief-popup-actions .fieldset__wrapper,
.insurances-details-actions .fieldset__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .wizard-layout-footer .fieldset__wrapper,
  .form-actions .fieldset__wrapper,
  .ief-popup-actions .fieldset__wrapper,
  .insurances-details-actions .fieldset__wrapper {
    justify-content: flex-end;
  }
}

.wizard-layout-footer .button,
.form-actions .button,
.ief-popup-actions .button,
.insurances-details-actions .button {
  margin-block: unset;
}

@media (min-width: 49rem) {
  .insurances-details-actions {
    justify-content: space-between;
  }
}

.ief-popup-actions input {
  margin-top: 0;
  margin-bottom: 0;
}

.ief-popup-actions .ief-popup-cancel {
  order: 1;
}

.ief-popup-actions .button--primary,
.ief-popup-actions .next-button {
  order: 2;
}

@media (min-width: 49rem) {
  .add-profile-form--wrap .field-group-html-element {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

.add-profile-form--wrap .field-group-html-element .form-wrapper {
  flex: 1;
}

.add-profile-form--wrap .field-group-html-element .form-wrapper + .form-wrapper {
  margin-top: 20px;
}

@media (min-width: 49rem) {
  .add-profile-form--wrap .field-group-html-element .form-wrapper + .form-wrapper {
    margin-top: 0;
  }

  [dir="ltr"] .add-profile-form--wrap .field-group-html-element .form-wrapper + .form-wrapper {
    margin-left: 20px;
  }

  [dir="rtl"] .add-profile-form--wrap .field-group-html-element .form-wrapper + .form-wrapper {
    margin-right: 20px;
  }
}

.add-profile-form--wrap .field-group-html-element + .field-group-html-element {
  margin-top: 20px;
}

.add-profile-form--wrap .field-group-html-element .form-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.add-profile-form--wrap .passport-wrap {
  display: none;
}

.select-person .add-person,
.select-person .add-vehicle,
.select-person .add-primary-person,
.casco-persons-modal .add-person,
.casco-persons-modal .add-vehicle,
.casco-persons-modal .add-primary-person,
.cars-modal .add-person,
.cars-modal .add-vehicle,
.cars-modal .add-primary-person,
.casco-new-persons-modal .add-person,
.casco-new-persons-modal .add-vehicle,
.casco-new-persons-modal .add-primary-person {
  margin-top: 20px;
}

.radio-user-type .form-boolean-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.person-input--wrap,
.vehicle-add--wrap {
  margin-top: 20px;
}

.person-input--wrap .fieldset__wrapper,
.vehicle-add--wrap .fieldset__wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.person-input--wrap .add-primary-person,
.person-input--wrap .add-vehicle,
.vehicle-add--wrap .add-primary-person,
.vehicle-add--wrap .add-vehicle {
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  border-radius: 0;
  border-color: var(--primary-color);
  width: 46px;
  height: 46px;
  background-position: center;
  font-size: 0 !important;
  padding: 16px 22px;
  margin-top: 30px;
  margin-bottom: 0;
}

[dir="ltr"] .person-input--wrap .add-primary-person,
[dir="ltr"] .person-input--wrap .add-vehicle,
[dir="ltr"] .vehicle-add--wrap .add-primary-person,
[dir="ltr"] .vehicle-add--wrap .add-vehicle {
  margin-left: 8px;
}

[dir="rtl"] .person-input--wrap .add-primary-person,
[dir="rtl"] .person-input--wrap .add-vehicle,
[dir="rtl"] .vehicle-add--wrap .add-primary-person,
[dir="rtl"] .vehicle-add--wrap .add-vehicle {
  margin-right: 8px;
}

.person-input--wrap .add-vehicle,
.vehicle-add--wrap .add-vehicle {
  background-image: url(../../media/images/vehicle.svg);
}

.person-input--wrap .add-primary-person,
.vehicle-add--wrap .add-primary-person {
  background-image: url(../../media/images/add_person.svg);
}

.existing-profiles--wrap .fieldset__description,
.existing-profiles--wrap .title,
.existing-vehicles--wrap .fieldset__description,
.existing-vehicles--wrap .title {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color-75);
  margin: 0 0 20px 0;
}

.existing-profiles--wrap .form-boolean-group,
.existing-vehicles--wrap .form-boolean-group {
  display: grid;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .existing-profiles--wrap .form-boolean-group,
  .existing-vehicles--wrap .form-boolean-group {
    grid-template-columns: repeat(2, 1fr);
  }
}

.existing-profiles--wrap .form-boolean-group .form-item,
.existing-vehicles--wrap .form-boolean-group .form-item {
  width: 100%;
  justify-content: flex-start;
  margin: 0;
}

[dir="ltr"] .existing-profiles--wrap .form-boolean-group .form-item,
[dir="ltr"] .existing-vehicles--wrap .form-boolean-group .form-item {
  text-align: left;
}

[dir="rtl"] .existing-profiles--wrap .form-boolean-group .form-item,
[dir="rtl"] .existing-vehicles--wrap .form-boolean-group .form-item {
  text-align: right;
}

.select-profile .title,
.select-vehicle .title,
.select-profiles .title {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color-75);
  margin: 0 0 8px 0;
}

.select-profile .disabled-message,
.select-vehicle .disabled-message,
.select-profiles .disabled-message {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: var(--text-color);
  margin: 0 0 20px 0;
}

.select-profile .form-disabled,
.select-vehicle .form-disabled,
.select-profiles .form-disabled {
  opacity: 0.4;
}

.select-profile .form-boolean-group .form-item,
.select-vehicle .form-boolean-group .form-item,
.select-profiles .form-boolean-group .form-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--bs-gray-400);
  background-color: var(--color--white);
  gap: 8px;
}

.dynamic-svg-color {
  fill: var(--primary-color);
}

.ief-popup-wrapper-existing.ui-dialog,
.ief-popup-wrapper-profile.ui-dialog,
.ief-popup-wrapper-add.ui-dialog {
  border-radius: 0;
  padding: 0;
}

.ief-popup-wrapper-existing.ui-dialog .ief-form .fieldset__wrapper,
.ief-popup-wrapper-profile.ui-dialog .ief-form .fieldset__wrapper,
.ief-popup-wrapper-add.ui-dialog .ief-form .fieldset__wrapper {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}

@media (min-width: 30.25rem) {
  .ief-popup-wrapper-existing.ui-dialog .ief-form,
  .ief-popup-wrapper-profile.ui-dialog .ief-form,
  .ief-popup-wrapper-add.ui-dialog .ief-form {
    width: 450px;
  }
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-existing.ui-dialog .ief-form,
  .ief-popup-wrapper-profile.ui-dialog .ief-form,
  .ief-popup-wrapper-add.ui-dialog .ief-form {
    width: 700px;
  }
}

@media (min-width: 63rem) {
  .ief-popup-wrapper-existing.ui-dialog .ief-form,
  .ief-popup-wrapper-profile.ui-dialog .ief-form,
  .ief-popup-wrapper-add.ui-dialog .ief-form {
    width: 900px;
  }
}

.ief-popup-wrapper-existing.ui-dialog .ui-dialog-titlebar,
.ief-popup-wrapper-profile.ui-dialog .ui-dialog-titlebar,
.ief-popup-wrapper-add.ui-dialog .ui-dialog-titlebar {
  position: relative;
}

[dir="ltr"] .ief-popup-wrapper-existing.ui-dialog .ui-dialog-titlebar,
[dir="ltr"] .ief-popup-wrapper-profile.ui-dialog .ui-dialog-titlebar,
[dir="ltr"] .ief-popup-wrapper-add.ui-dialog .ui-dialog-titlebar {
  padding: 0px 32px 20px 0px;
}

[dir="rtl"] .ief-popup-wrapper-existing.ui-dialog .ui-dialog-titlebar,
[dir="rtl"] .ief-popup-wrapper-profile.ui-dialog .ui-dialog-titlebar,
[dir="rtl"] .ief-popup-wrapper-add.ui-dialog .ui-dialog-titlebar {
  padding: 0px 0px 20px 32px;
}

[dir="ltr"] .ief-popup-wrapper-existing .ui-dialog-content,
[dir="ltr"] .ief-popup-wrapper-profile .ui-dialog-content,
[dir="ltr"] .ief-popup-wrapper-add .ui-dialog-content {
  padding: 0 16px 0 0 !important;
}

[dir="rtl"] .ief-popup-wrapper-existing .ui-dialog-content,
[dir="rtl"] .ief-popup-wrapper-profile .ui-dialog-content,
[dir="rtl"] .ief-popup-wrapper-add .ui-dialog-content {
  padding: 0 0 0 16px !important;
}

.ief-popup-wrapper-existing .ief-popup-close,
.ief-popup-wrapper-profile .ief-popup-close,
.ief-popup-wrapper-add .ief-popup-close {
  display: block;
  width: 20px;
  height: 20px;
  top: 18px;
  background-image: url(../../media/images/modal_close.svg);
  background-position: center;
  background-repeat: no-repeat;
}

[dir="ltr"] .ief-popup-wrapper-existing .ief-popup-close,
[dir="ltr"] .ief-popup-wrapper-profile .ief-popup-close,
[dir="ltr"] .ief-popup-wrapper-add .ief-popup-close {
  right: 0px;
}

[dir="rtl"] .ief-popup-wrapper-existing .ief-popup-close,
[dir="rtl"] .ief-popup-wrapper-profile .ief-popup-close,
[dir="rtl"] .ief-popup-wrapper-add .ief-popup-close {
  left: 0px;
}

.ief-popup-wrapper-existing .ief-popup-close .ui-icon-closethick,
.ief-popup-wrapper-profile .ief-popup-close .ui-icon-closethick,
.ief-popup-wrapper-add .ief-popup-close .ui-icon-closethick {
  display: none;
}

.ief-popup-wrapper-existing .fieldset__legend,
.ief-popup-wrapper-profile .fieldset__legend,
.ief-popup-wrapper-add .fieldset__legend {
  margin-block-start: 0;
  background: transparent;
}

.ief-popup-wrapper-existing .fieldset__legend .fieldset__label,
.ief-popup-wrapper-profile .fieldset__legend .fieldset__label,
.ief-popup-wrapper-add .fieldset__legend .fieldset__label {
  padding: 0;
}

.ief-popup-wrapper-existing .fieldset--group .fieldset__wrapper,
.ief-popup-wrapper-profile .fieldset--group .fieldset__wrapper,
.ief-popup-wrapper-add .fieldset--group .fieldset__wrapper {
  background: #fff;
  border-radius: 0;
  padding: 0 !important;
  border: unset;
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-add .field-group-html-element {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}

.ief-popup-wrapper-add .field-group-html-element .form-wrapper {
  flex: 1;
}

.ief-popup-wrapper-add .field-group-html-element .form-wrapper + .form-wrapper {
  margin-top: 20px;
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-add .field-group-html-element .form-wrapper + .form-wrapper {
    margin-top: 0;
  }

  [dir="ltr"] .ief-popup-wrapper-add .field-group-html-element .form-wrapper + .form-wrapper {
    margin-left: 20px;
  }

  [dir="rtl"] .ief-popup-wrapper-add .field-group-html-element .form-wrapper + .form-wrapper {
    margin-right: 20px;
  }
}

.ief-popup-wrapper-add .field-group-html-element + .field-group-html-element {
  margin-top: 20px;
}

.ief-popup-wrapper-remove.ui-dialog {
  border-radius: 0;
  padding: 0;
}

.ief-popup-wrapper-remove.ui-dialog .ief-form {
  background: #fff !important;
  padding: 20px !important;
}

@media (min-width: 30.25rem) {
  .ief-popup-wrapper-remove.ui-dialog .ief-form {
    width: 450px;
  }
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-remove.ui-dialog .ief-form {
    width: 700px;
  }
}

@media (min-width: 63rem) {
  .ief-popup-wrapper-remove.ui-dialog .ief-form {
    width: 900px;
  }
}

[dir="ltr"] .ief-popup-wrapper-remove.ui-dialog .ui-dialog-titlebar {
  padding: 0px 32px 20px 0px;
}

[dir="rtl"] .ief-popup-wrapper-remove.ui-dialog .ui-dialog-titlebar {
  padding: 0px 0px 20px 32px;
}

.ief-popup-wrapper-remove .ui-dialog-content {
  color: var(--text-color);
}

[dir="ltr"] .ief-popup-wrapper-remove .ui-dialog-content {
  padding: 0 16px 0 0 !important;
}

[dir="rtl"] .ief-popup-wrapper-remove .ui-dialog-content {
  padding: 0 0 0 16px !important;
}

.ief-popup-wrapper-remove .ui-dialog-content .form-wrapper {
  color: var(--text-color);
  margin-top: 20px;
}

.ief-popup-wrapper-remove .ief-popup-close {
  display: block;
  width: 20px;
  height: 20px;
  top: 18px;
  background-image: url(../../media/images/modal_close.svg);
  background-position: center;
  background-repeat: no-repeat;
}

[dir="ltr"] .ief-popup-wrapper-remove .ief-popup-close {
  right: 0px;
}

[dir="rtl"] .ief-popup-wrapper-remove .ief-popup-close {
  left: 0px;
}

.ief-popup-wrapper-remove .ief-popup-close .ui-icon-closethick {
  display: none;
}

.ief-popup-wrapper-remove .fieldset__legend {
  margin-block-start: 0;
  background: transparent;
}

.ief-popup-wrapper-remove .fieldset__legend .fieldset__label {
  padding: 0;
}

.profile-licence {
  display: none;
}

[dir="ltr"] .ief-popup-wrapper-add .ui-dialog-content,
[dir="ltr"] .ief-popup-wrapper-details .ui-dialog-content {
  padding: 0 16px 0 0 !important;
}

[dir="rtl"] .ief-popup-wrapper-add .ui-dialog-content,
[dir="rtl"] .ief-popup-wrapper-details .ui-dialog-content {
  padding: 0 0 0 16px !important;
}

.ief-popup-wrapper-add > .form-wrapper:only-child,
.ief-popup-wrapper-details > .form-wrapper:only-child {
  background-color: #fff !important;
  padding: 20px !important;
}

@media (min-width: 30.25rem) {
  .ief-popup-wrapper-add > .form-wrapper:only-child,
  .ief-popup-wrapper-details > .form-wrapper:only-child {
    width: 450px;
  }
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-add > .form-wrapper:only-child,
  .ief-popup-wrapper-details > .form-wrapper:only-child {
    width: 700px;
  }
}

@media (min-width: 63rem) {
  .ief-popup-wrapper-add > .form-wrapper:only-child,
  .ief-popup-wrapper-details > .form-wrapper:only-child {
    width: 900px;
  }
}

.ief-popup-wrapper-add .existing-person--wrap,
.ief-popup-wrapper-details .existing-person--wrap {
  display: grid;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .ief-popup-wrapper-add .existing-person--wrap,
  .ief-popup-wrapper-details .existing-person--wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ief-popup-wrapper-add .ief-popup-actions,
.ief-popup-wrapper-details .ief-popup-actions {
  padding: 20px 0 0 0 !important;
  border-radius: 0;
}

[dir="ltr"] .ief-popup-wrapper-edit .ui-dialog-content {
  padding: 0 16px 0 0 !important;
}

[dir="rtl"] .ief-popup-wrapper-edit .ui-dialog-content {
  padding: 0 0 0 16px !important;
}

.ief-popup-wrapper-edit > .form-wrapper:only-child {
  background-color: #fff !important;
  padding: 20px !important;
}

@media (min-width: 30.25rem) {
  .ief-popup-wrapper-edit > .form-wrapper:only-child {
    width: 450px;
  }
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-edit > .form-wrapper:only-child {
    width: 700px;
  }
}

@media (min-width: 63rem) {
  .ief-popup-wrapper-edit > .form-wrapper:only-child {
    width: 900px;
  }
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-edit .field-group-html-element {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}

.ief-popup-wrapper-edit .field-group-html-element .form-wrapper {
  flex: 1;
}

.ief-popup-wrapper-edit .field-group-html-element .form-wrapper + .form-wrapper {
  margin-top: 20px;
}

@media (min-width: 49rem) {
  .ief-popup-wrapper-edit .field-group-html-element .form-wrapper + .form-wrapper {
    margin-top: 0;
  }

  [dir="ltr"] .ief-popup-wrapper-edit .field-group-html-element .form-wrapper + .form-wrapper {
    margin-left: 20px;
  }

  [dir="rtl"] .ief-popup-wrapper-edit .field-group-html-element .form-wrapper + .form-wrapper {
    margin-right: 20px;
  }
}

.ief-popup-wrapper-edit .field-group-html-element + .field-group-html-element {
  margin-top: 20px;
}

.ief-popup-wrapper-edit .ief-popup-actions {
  padding: 20px 0 0 0 !important;
  border-radius: 0;
}

.ief-popup-wrapper-edit .ief-popup-close {
  display: block;
  width: 20px;
  height: 20px;
  top: 18px;
  background-image: url(../../media/images/modal_close.svg);
  background-position: center;
  background-repeat: no-repeat;
}

[dir="ltr"] .ief-popup-wrapper-edit .ief-popup-close {
  right: 0px;
}

[dir="rtl"] .ief-popup-wrapper-edit .ief-popup-close {
  left: 0px;
}

.ief-popup-wrapper-edit .ief-popup-close .ui-icon-closethick {
  display: none;
}

.coverage-area--radios.fieldgroup {
  margin-top: 20px;
  margin-bottom: 20px;
}

.coverage-area--radios.fieldgroup .form-boolean-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.price-info-wrap {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
}

.person-car-wrapper .car-summary,
.insurance-generalities .car-summary {
  margin-top: 20px;
  padding-top: 32px;
  border-top: 1px solid var(--grey-color);
}

@media (max-width: 48rem) {
  .person-car-wrapper .person-summary,
  .person-car-wrapper .car-summary,
  .insurance-generalities .person-summary,
  .insurance-generalities .car-summary {
    overflow-x: scroll;
    padding-bottom: 20px;
  }

  .person-car-wrapper .person-summary table,
  .person-car-wrapper .car-summary table,
  .insurance-generalities .person-summary table,
  .insurance-generalities .car-summary table {
    min-width: 800px;
  }
}

.person-car-wrapper table,
.insurance-generalities table {
  width: 100%;
  border-collapse: collapse;
}

.person-car-wrapper table,
.person-car-wrapper table td,
.person-car-wrapper table th,
.insurance-generalities table,
.insurance-generalities table td,
.insurance-generalities table th {
  border-bottom: 1px solid rgba(85, 86, 90, 0.12);
}

[dir="ltr"] .person-car-wrapper table th:last-of-type,
[dir="ltr"] .person-car-wrapper table td:last-of-type,
[dir="ltr"] .insurance-generalities table th:last-of-type,
[dir="ltr"] .insurance-generalities table td:last-of-type {
  border-right: 1px solid rgba(85, 86, 90, 0.12);
}

[dir="rtl"] .person-car-wrapper table th:last-of-type,
[dir="rtl"] .person-car-wrapper table td:last-of-type,
[dir="rtl"] .insurance-generalities table th:last-of-type,
[dir="rtl"] .insurance-generalities table td:last-of-type {
  border-left: 1px solid rgba(85, 86, 90, 0.12);
}

[dir="ltr"] .person-car-wrapper table td:first-of-type,
[dir="ltr"] .insurance-generalities table td:first-of-type {
  border-left: 1px solid rgba(85, 86, 90, 0.12);
}

[dir="rtl"] .person-car-wrapper table td:first-of-type,
[dir="rtl"] .insurance-generalities table td:first-of-type {
  border-right: 1px solid rgba(85, 86, 90, 0.12);
}

.person-car-wrapper table caption,
.insurance-generalities table caption {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  color: var(--text-color);
  padding: 0;
  margin-bottom: 16px;
  caption-side: top;
}

[dir="ltr"] .person-car-wrapper table caption,
[dir="ltr"] .insurance-generalities table caption {
  text-align: left;
}

[dir="rtl"] .person-car-wrapper table caption,
[dir="rtl"] .insurance-generalities table caption {
  text-align: right;
}

.person-car-wrapper table thead,
.insurance-generalities table thead {
  background: #fcfcfc;
  border: 1px solid rgba(85, 86, 90, 0.12);
}

.person-car-wrapper table thead th,
.insurance-generalities table thead th {
  font-family: var(--font-regular);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--text-color-75);
  padding: 16px;
}

[dir="ltr"] .person-car-wrapper table thead th,
[dir="ltr"] .insurance-generalities table thead th {
  text-align: left;
}

[dir="rtl"] .person-car-wrapper table thead th,
[dir="rtl"] .insurance-generalities table thead th {
  text-align: right;
}

.person-car-wrapper table tbody td,
.insurance-generalities table tbody td {
  font-family: var(--font-regular);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0em;
  color: var(--text-color);
  padding: 16px;
}

[dir="ltr"] .person-car-wrapper table tbody td,
[dir="ltr"] .insurance-generalities table tbody td {
  text-align: left;
}

[dir="rtl"] .person-car-wrapper table tbody td,
[dir="rtl"] .insurance-generalities table tbody td {
  text-align: right;
}

.person-car-wrapper table tbody td .summary-name,
.insurance-generalities table tbody td .summary-name {
  font-family: var(--font-bold);
  font-weight: 700;
}

.person-car-wrapper .car-name--wrap,
.insurance-generalities .car-name--wrap {
  font-family: var(--font-bold);
  font-weight: 700;
}

.azuro_theme-details__description,
.form-item__description,
.captcha__description {
  max-width: 100%;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-color);
  margin: 8px 0 0 0;
}

.azuro_theme-details__description .placeholder,
.form-item__description .placeholder,
.captcha__description .placeholder {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-decoration: unset;
  margin: 0;
}

#casco-additional-details .additional-details .car-details .fieldset__wrapper {
  display: grid;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  #casco-additional-details .additional-details .car-details .fieldset__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

#casco-additional-details .additional-details .car-details .fieldset__wrapper .form-item {
  width: 100%;
}

.additional-details .add-primary-person {
  white-space: normal;
}

.pay-option,
.allowed_persons--wrap,
.car-operation,
.car-details {
  margin-top: 20px;
  border-radius: unset;
}

.allowed_persons--wrap .fieldset__legend {
  margin-top: 20px;
}

.allowed_persons--wrap .fieldset__label {
  margin: 0;
}

.allowed_persons--wrap .fieldset__wrapper {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
}

@media (min-width: 30.25rem) {
  .allowed_persons--wrap .fieldset__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.allowed_persons--wrap .fieldset__wrapper .driver {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--grey-color);
  padding: 16px;
  border-radius: 4px;
}

.allowed_persons--wrap .fieldset__wrapper .delete-profile {
  font-family: var(--font-bold);
  font-weight: 700;
  line-height: normal;
  background-color: unset;
  border: unset;
  border-radius: 0;
  background-repeat: no-repeat;
  color: var(--primary-color);
  background-image: url(../../media/images/delete.svg);
}

[dir="ltr"] .allowed_persons--wrap .fieldset__wrapper .delete-profile {
  padding: 0 0 0 21px;
  background-position: left 10%;
}

[dir="rtl"] .allowed_persons--wrap .fieldset__wrapper .delete-profile {
  padding: 0 21px 0 0;
  background-position: right 10%;
}

@media (max-width: 48rem) {
  .allowed_persons--wrap .fieldset__wrapper .delete-profile {
    margin-top: 20px;
  }
}

.allowed_persons--wrap .driver-name {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
  text-transform: capitalize;
}

.allowed_persons--wrap .driver-idnp {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-color);
}

.car-operation .fieldset + fieldset {
  margin-top: 0;
}

@media (min-width: 49rem) {
  .car-operation .fieldset__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

.car-operation .fieldset__wrapper fieldset {
  flex: 1;
}

.car-operation .fieldset__wrapper fieldset + fieldset {
  margin-top: 20px;
}

@media (min-width: 49rem) {
  .car-operation .fieldset__wrapper fieldset + fieldset {
    margin-top: 0;
  }

  [dir="ltr"] .car-operation .fieldset__wrapper fieldset + fieldset {
    margin-left: 20px;
  }

  [dir="rtl"] .car-operation .fieldset__wrapper fieldset + fieldset {
    margin-right: 20px;
  }
}

.car-operation .fieldset__wrapper .fieldset__wrapper--group {
  display: block;
}

.car-operation .fieldset__wrapper .form-boolean-group {
  display: flex;
  flex-wrap: wrap;
}

.car-operation .fieldset__wrapper .form-boolean-group .form-item + .form-item {
  margin-top: 8px;
}

@media (min-width: 30.25rem) {
  .car-operation .fieldset__wrapper .form-boolean-group .form-item + .form-item {
    margin-top: 0;
  }

  [dir="ltr"] .car-operation .fieldset__wrapper .form-boolean-group .form-item + .form-item {
    margin-left: 8px;
  }

  [dir="rtl"] .car-operation .fieldset__wrapper .form-boolean-group .form-item + .form-item {
    margin-right: 8px;
  }
}

.casco-summary-form .person-summary {
  margin-top: 20px;
}

.casco-summary-form .wizard-layout-footer {
  justify-content: flex-end;
}

@media (min-width: 49rem) {
  .driver-modal fieldset .fieldset__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .driver-modal fieldset .fieldset__wrapper .form-item {
    flex: 1;
  }

  [dir="ltr"] .driver-modal fieldset .fieldset__wrapper .form-item + .form-item {
    margin-left: 20px;
  }

  [dir="rtl"] .driver-modal fieldset .fieldset__wrapper .form-item + .form-item {
    margin-right: 20px;
  }
}

.driver-modal .form-item-idnp {
  margin: 32px 0;
}

.driver-modal .form-actions {
  display: none;
}

.add-driver .ui-dialog-buttonset.form-actions {
  float: unset;
  justify-content: space-between;
}

.add-driver .ui-dialog-buttonset .back-button {
  margin: 0;
}

.add-driver .ui-dialog-buttonpane {
  margin: 0;
  border: unset;
}

[dir="ltr"] .add-driver .ui-dialog-buttonpane {
  padding: 0 16px 0 0;
}

[dir="rtl"] .add-driver .ui-dialog-buttonpane {
  padding: 0 0 0 16px;
}

@media (min-width: 49rem) {
  .add-profile .field-group-html-element {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

.add-profile .field-group-html-element .form-wrapper {
  flex: 1;
}

.add-profile .field-group-html-element .form-wrapper + .form-wrapper {
  margin-top: 20px;
}

@media (min-width: 49rem) {
  .add-profile .field-group-html-element .form-wrapper + .form-wrapper {
    margin-top: 0;
  }

  [dir="ltr"] .add-profile .field-group-html-element .form-wrapper + .form-wrapper {
    margin-left: 20px;
  }

  [dir="rtl"] .add-profile .field-group-html-element .form-wrapper + .form-wrapper {
    margin-right: 20px;
  }
}

.add-profile .field-group-html-element + .field-group-html-element {
  margin-top: 20px;
}

.add-profile .field-group-html-element .form-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.add-profile .passport-wrap {
  display: none;
}

.insurance-company {
  margin-bottom: 20px;
}

.insurance-company .form-boolean-group {
  display: grid;
  gap: 20px;
}

@media (min-width: 30.25rem) {
  .insurance-company .form-boolean-group {
    grid-template-columns: repeat(2, 1fr);
  }
}

.insurance-company .form-boolean-group .form-item {
  width: 100%;
}

input.success {
  background-image: url(../../media/images/succes_arrow.svg);
  background-repeat: no-repeat;
  border-color: var(--accent-color);
}

[dir="ltr"] input.success {
  background-position: right 16px center;
}

[dir="rtl"] input.success {
  background-position: left 16px center;
}

.person-input--wrap .fieldset__wrapper,
.vehicle-add--wrap .fieldset__wrapper {
  position: relative;
}

.person-input--wrap .fieldset__wrapper div.error,
.vehicle-add--wrap .fieldset__wrapper div.error {
  position: absolute;
  top: -32px;
  padding: 16px;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  background: var(--dark-grey);
}

[dir="ltr"] .person-input--wrap .fieldset__wrapper div.error,
[dir="ltr"] .vehicle-add--wrap .fieldset__wrapper div.error {
  right: 0;
  border-radius: 8px 8px 0px 8px;
}

[dir="rtl"] .person-input--wrap .fieldset__wrapper div.error,
[dir="rtl"] .vehicle-add--wrap .fieldset__wrapper div.error {
  left: 0;
  border-radius: 8px 8px 8px 0px;
}

@media (max-width: 48rem) {
  .person-input--wrap .fieldset__wrapper div.error,
  .vehicle-add--wrap .fieldset__wrapper div.error {
    max-width: 250px;
    top: -64px;
  }
}

.summary-person-profile,
.person-summary {
  border-top: 1px solid var(--grey-color);
  padding-top: 32px;
}

@media (min-width: 76rem) {
  [dir="ltr"] .block-web-feedback-block {
    margin-left: 20px;
  }

  [dir="rtl"] .block-web-feedback-block {
    margin-right: 20px;
  }
}

.block-web-feedback-block .button {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.block-web-feedback-block .button:hover {
  text-decoration: underline;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: #fff;
}

.web-feedback-web-feedback-custom-form {
  border: 1px solid var(--grey-color);
  background: var(--light-grey);
  padding: 20px;
  border-radius: 4px;
}

.web-feedback-web-feedback-custom-form legend .fieldset__label {
  margin-bottom: 0;
}

.web-feedback-web-feedback-custom-form .form-boolean-group .form-item {
  border: unset;
}

.web-feedback-web-feedback-custom-form .form-boolean-group.form-checkboxes .form-item {
  padding: 0;
}

.web-feedback-web-feedback-custom-form .form-boolean-group.form-checkboxes .form-item input[type=checkbox]:checked {
  border: unset;
}

.web-feedback-web-feedback-custom-form .fieldset__description {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: normal;
}

.web-feedback-web-feedback-custom-form .form-item-user-note,
.web-feedback-web-feedback-custom-form .form-item-user-email {
  margin: 20px 0;
}

.web-feedback-web-feedback-custom-form .form-actions {
  padding: 0;
  border: unset;
  background: transparent;
}

.web-feedback-web-feedback-custom-form .fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
  border: unset;
}

.web-feedback-web-feedback-custom-form .form-boolean-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.web-feedback-web-feedback-custom-form .form-boolean-group .form-item {
  width: fit-content;
}

.web-feedback-web-feedback-custom-form input[type=checkbox] {
  width: 24px !important;
  height: 24px;
  border: unset;
  appearance: none;
  cursor: pointer;
  background: url(../../media/images/star_bl.svg) center no-repeat;
}

.web-feedback-web-feedback-custom-form input[type=checkbox]:hover {
  background: url(../../media/images/star.svg) center no-repeat;
}

.web-feedback-web-feedback-custom-form input[type=checkbox]:checked {
  background: url(../../media/images/star.svg) center no-repeat;
}

.web-feedback-web-feedback-custom-form input[type=checkbox]:checked:hover {
  background: url(../../media/images/star_bl.svg) center no-repeat;
}

.web-feedback-web-feedback-custom-form .form-item-feedback-type {
  position: relative;
  display: flex;
  align-items: center;
}

[dir="ltr"] .web-feedback-web-feedback-custom-form .form-item-feedback-type {
  padding: 10px 20px 10px 50px;
}

[dir="rtl"] .web-feedback-web-feedback-custom-form .form-item-feedback-type {
  padding: 10px 50px 10px 20px;
}

.web-feedback-web-feedback-custom-form .form-item-feedback-type .form-item__label.option {
  position: relative;
  display: block;
  z-index: 1;
  margin-bottom: 0;
  padding: 0;
  color: var(--text-color);
  outline: none;
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio] {
  width: 100% !important;
  height: 100%;
  position: absolute;
  border: 1px solid var(--bs-gray-400);
  border-radius: 4px;
  padding: 20px;
  appearance: none;
  cursor: pointer;
  background-color: var(--color--white);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 16px;
  outline: none;
}

[dir="ltr"] .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio] {
  left: 0;
}

[dir="rtl"] .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio] {
  right: 0;
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio].feedback-type-error {
  background-image: url(../../media/images/alert-circle.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio].feedback-type-suggestion {
  background-image: url(../../media/images/ideea.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio].feedback-type-content {
  background-image: url(../../media/images/content.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio].feedback-type-compliment {
  background-image: url(../../media/images/compliment.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio].feedback-type-other {
  background-image: url(../../media/images/other.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:focus {
  box-shadow: none;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked.feedback-type-error, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover.feedback-type-error {
  background-image: url(../../media/images/alert-circle_wh.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked.feedback-type-suggestion, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover.feedback-type-suggestion {
  background-image: url(../../media/images/ideea_wh.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked.feedback-type-content, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover.feedback-type-content {
  background-image: url(../../media/images/content_wh.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked.feedback-type-compliment, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover.feedback-type-compliment {
  background-image: url(../../media/images/compliment_wh.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked.feedback-type-other, .web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover.feedback-type-other {
  background-image: url(../../media/images/other_wh.svg);
}

.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:checked + .option,
.web-feedback-web-feedback-custom-form .form-type-boolean input[type=radio]:hover + .option {
  color: #fff;
}

.web-feedback--modal .ui-dialog-buttonpane {
  margin: 0;
  padding: 0;
  border: unset;
}

.pdf-processing {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  color: hsl(36, 100%, 52%);
}

.js-form-type-select {
  position: relative;
}

.select2-container--default {
  position: relative;
}

.select2-container--default .select2-selection {
  height: auto;
  min-height: unset;
  font-family: var(--font-regular) !important;
  font-size: 16px;
  line-height: normal;
  padding: 12px 16px;
  border: 1px solid var(--bs-gray-400);
  border-radius: 0;
  color: var(--text-color);
  margin: 0;
}

.select2-container--default .select2-selection .select2-selection__choice {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 12px !important;
  line-height: normal;
}

.select2-container--default .select2-selection .select2-selection__choice .select2-selection__choice__remove {
  font-family: var(--font-bold);
  font-weight: 700;
  margin: 0;
  line-height: normal;
  order: 2;
  color: var(--text-color);
}

.select2-container--default .select2-selection .select2-search--inline {
  display: block;
  max-width: 250px;
}

.select2-container--default .select2-selection .select2-search__field {
  margin-top: 0;
  min-height: 0;
  font-family: var(--font-regular) !important;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
}

.select2-container--default .select2-selection .select2-search__field::placeholder {
  color: var(--grey-color);
}

.select2-container--default .select2-selection .select2-search__field:focus {
  border: 0 !important;
}

.select2-container--default .select2-selection .select2-selection__arrow {
  width: 20px;
  height: 20px;
  background-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../media/images/chevron-down_bl.svg) no-repeat center;
}

[dir="ltr"] .select2-container--default .select2-selection .select2-selection__arrow {
  right: 14px;
}

[dir="rtl"] .select2-container--default .select2-selection .select2-selection__arrow {
  left: 14px;
}

.select2-container--default .select2-selection .select2-selection__arrow b {
  border: 0;
}

.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
  white-space: normal;
  line-height: normal;
  color: var(--text-color-75);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[dir="ltr"] .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
  padding: 0 20px 0 0;
}

[dir="rtl"] .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
  padding: 0 0 0 20px;
}

.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

[dir="ltr"] .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered {
  padding: 0 16px 0 0;
}

[dir="rtl"] .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered {
  padding: 0 0 0 16px;
}

.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  font-family: var(--font-bold);
  font-weight: 700;
  margin: 0;
  line-height: normal;
}

[dir="ltr"] .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  right: 0;
}

[dir="rtl"] .select2-container--default .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  left: 0;
}

.select2-container--default.select2-container--focus .select2-selection {
  border: 1px solid var(--bs-gray-400);
  outline: none;
  box-shadow: unset;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  transition: all 0.5s ease-in-out;
  background-color: var(--primary-color);
}

.select2-container--default .select2-results__option {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--primary-color-50);
  color: var(--text-color);
}

.select2-dropdown {
  border-color: var(--grey-color);
  border-radius: 0;
}

.js-form-type-date.form-item,
.js-form-type-bootstrap-datepicker.form-item {
  position: relative;
}

input[type=date]:disabled {
  background-image: url(../../media/images/calendar_bl.svg);
  background-repeat: no-repeat;
  background-size: 16px;
}

[dir="ltr"] input[type=date]:disabled {
  background-position: calc(100% - 16px) center;
}

[dir="rtl"] input[type=date]:disabled {
  background-position: calc(100% - (100% - 16px)) center;
}

.datepicker-dropdown.datepicker {
  border-radius: 0 !important;
  border: 1px solid var(--bs-gray-400) !important;
  z-index: 99999 !important;
}

.datepicker-dropdown.datepicker table th {
  font-family: var(--font-extrabold);
  font-weight: 900;
  color: var(--text-color);
}

.datepicker-dropdown.datepicker table th.next:not(.disabled), .datepicker-dropdown.datepicker table th.prev:not(.disabled) {
  width: 40px;
  font-size: 0;
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.datepicker-dropdown.datepicker table th.next:not(.disabled) {
  background-image: url(../../media/images/chevron-right-wh.svg);
}

.datepicker-dropdown.datepicker table th.prev:not(.disabled) {
  background-image: url(../../media/images/chevron-left-wh.svg);
}

.datepicker-dropdown.datepicker table th.datepicker-switch:hover {
  background-color: var(--primary-color-50);
  border-radius: 0;
  color: #fff;
}

.datepicker-dropdown.datepicker table td {
  padding: 10px;
}

.datepicker-dropdown.datepicker table td.day:not(.active), .datepicker-dropdown.datepicker table td.day:not(.focused), .datepicker-dropdown.datepicker table td.day:not(.disabled),
.datepicker-dropdown.datepicker table td .month:not(.active),
.datepicker-dropdown.datepicker table td .month:not(.focused),
.datepicker-dropdown.datepicker table td .month:not(.disabled),
.datepicker-dropdown.datepicker table td .year:not(.active),
.datepicker-dropdown.datepicker table td .year:not(.focused),
.datepicker-dropdown.datepicker table td .year:not(.disabled),
.datepicker-dropdown.datepicker table td .century:not(.active),
.datepicker-dropdown.datepicker table td .century:not(.focused),
.datepicker-dropdown.datepicker table td .century:not(.disabled),
.datepicker-dropdown.datepicker table td .decade:not(.active),
.datepicker-dropdown.datepicker table td .decade:not(.focused),
.datepicker-dropdown.datepicker table td .decade:not(.disabled) {
  font-family: var(--font-bold) !important;
  font-weight: 700;
  border-radius: 0;
  text-shadow: none;
  color: var(--text-color);
}

.datepicker-dropdown.datepicker table td.day:not(.active):hover, .datepicker-dropdown.datepicker table td.day:not(.focused):hover, .datepicker-dropdown.datepicker table td.day:not(.disabled):hover,
.datepicker-dropdown.datepicker table td .month:not(.active):hover,
.datepicker-dropdown.datepicker table td .month:not(.focused):hover,
.datepicker-dropdown.datepicker table td .month:not(.disabled):hover,
.datepicker-dropdown.datepicker table td .year:not(.active):hover,
.datepicker-dropdown.datepicker table td .year:not(.focused):hover,
.datepicker-dropdown.datepicker table td .year:not(.disabled):hover,
.datepicker-dropdown.datepicker table td .century:not(.active):hover,
.datepicker-dropdown.datepicker table td .century:not(.focused):hover,
.datepicker-dropdown.datepicker table td .century:not(.disabled):hover,
.datepicker-dropdown.datepicker table td .decade:not(.active):hover,
.datepicker-dropdown.datepicker table td .decade:not(.focused):hover,
.datepicker-dropdown.datepicker table td .decade:not(.disabled):hover {
  background-color: var(--primary-color-50);
  color: #fff;
}

.datepicker-dropdown.datepicker table td.day.disabled, .datepicker-dropdown.datepicker table td.old.disabled, .datepicker-dropdown.datepicker table td.new.disabled,
.datepicker-dropdown.datepicker table td .month.disabled,
.datepicker-dropdown.datepicker table td .year.disabled,
.datepicker-dropdown.datepicker table td .century.disabled,
.datepicker-dropdown.datepicker table td .decade.disabled {
  color: var(--grey-color);
  pointer-events: none;
}

.datepicker-dropdown.datepicker table td.old:not(.disabled), .datepicker-dropdown.datepicker table td.new:not(.disabled),
.datepicker-dropdown.datepicker table td .year.new:not(.disabled),
.datepicker-dropdown.datepicker table td .month.new:not(.disabled),
.datepicker-dropdown.datepicker table td .century.new:not(.disabled),
.datepicker-dropdown.datepicker table td .decade.new:not(.disabled) {
  pointer-events: all;
  color: var(--text-color-op);
}

.datepicker-dropdown.datepicker table td.active.active, .datepicker-dropdown.datepicker table td.active.highlighted.active, .datepicker-dropdown.datepicker table td.active.highlighted:active, .datepicker-dropdown.datepicker table td.active:active, .datepicker-dropdown.datepicker table td.active.active, .datepicker-dropdown.datepicker table td.active.highlighted.active, .datepicker-dropdown.datepicker table td.active.highlighted:active, .datepicker-dropdown.datepicker table td.active:active,
.datepicker-dropdown.datepicker table td .month.focused,
.datepicker-dropdown.datepicker table td .year.focused,
.datepicker-dropdown.datepicker table td .century.focused,
.datepicker-dropdown.datepicker table td .decade.focused {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
  transition: all 0.5s ease;
  text-shadow: none;
  border-radius: 0;
}

.datepicker-dropdown.datepicker table td.active.active:hover, .datepicker-dropdown.datepicker table td.active.highlighted.active:hover, .datepicker-dropdown.datepicker table td.active.highlighted:active:hover, .datepicker-dropdown.datepicker table td.active:active:hover, .datepicker-dropdown.datepicker table td.active.active:hover, .datepicker-dropdown.datepicker table td.active.highlighted.active:hover, .datepicker-dropdown.datepicker table td.active.highlighted:active:hover, .datepicker-dropdown.datepicker table td.active:active:hover,
.datepicker-dropdown.datepicker table td .month.focused:hover,
.datepicker-dropdown.datepicker table td .year.focused:hover,
.datepicker-dropdown.datepicker table td .century.focused:hover,
.datepicker-dropdown.datepicker table td .decade.focused:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
  transition: all 0.5s ease;
}

.datepicker-dropdown.datepicker table td.today,
.datepicker-dropdown.datepicker table td .month.active:not(.focused),
.datepicker-dropdown.datepicker table td .year.active:not(.focused),
.datepicker-dropdown.datepicker table td .century.active:not(.focused),
.datepicker-dropdown.datepicker table td .decade.active:not(.focused) {
  color: var(--primary-color) !important;
  font-family: var(--font-bold);
  font-weight: 700;
  background: unset !important;
  text-shadow: none;
}

.datepicker-dropdown.datepicker table td.today.disabled,
.datepicker-dropdown.datepicker table td .month.active:not(.focused).disabled,
.datepicker-dropdown.datepicker table td .year.active:not(.focused).disabled,
.datepicker-dropdown.datepicker table td .century.active:not(.focused).disabled,
.datepicker-dropdown.datepicker table td .decade.active:not(.focused).disabled {
  color: var(--primary-color-50);
  background: unset;
}

.datepicker-dropdown.datepicker table td.today:hover,
.datepicker-dropdown.datepicker table td .month.active:not(.focused):hover,
.datepicker-dropdown.datepicker table td .year.active:not(.focused):hover,
.datepicker-dropdown.datepicker table td .century.active:not(.focused):hover,
.datepicker-dropdown.datepicker table td .decade.active:not(.focused):hover {
  background: unset;
}

.datepicker-dropdown.datepicker table td .month.active,
.datepicker-dropdown.datepicker table td .year.active,
.datepicker-dropdown.datepicker table td .decade.active,
.datepicker-dropdown.datepicker table td .century.active {
  font-family: var(--font-bold) !important;
  font-weight: 700;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
  transition: all 0.5s ease;
}

.datepicker-dropdown.datepicker table td span {
  height: 40px;
  line-height: 40px;
}

.datepicker-dropdown.datepicker table table tr td span {
  height: 40px;
  line-height: 40px;
}

[data-provide=datepicker] {
  width: 100%;
  height: auto;
  min-height: unset;
  font-family: var(--font-regular) !important;
  font-size: 16px;
  line-height: normal;
  border: 1px solid var(--bs-gray-400);
  color: var(--text-color);
  margin: 0;
  appearance: none;
}

[dir="ltr"] [data-provide=datepicker] {
  padding: 12px 32px 12px 16px !important;
}

[dir="rtl"] [data-provide=datepicker] {
  padding: 12px 16px 12px 32px !important;
}

[data-provide=datepicker]:hover, [data-provide=datepicker]:focus {
  background-color: #fff !important;
}

[data-provide=datepicker]:hover::placeholder, [data-provide=datepicker]:focus::placeholder {
  color: var(--grey-color);
}

[data-provide=datepicker]:hover:focus, [data-provide=datepicker]:focus:focus {
  border: 1px solid var(--bs-gray-500);
  outline: none;
  box-shadow: unset;
}

.bd-calendar-icon.button {
  position: absolute;
  bottom: 12px;
  width: 24px;
  height: 24px;
  display: block;
  padding: 8px !important;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  background-image: url(../../media/images/calendar_op.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

[dir="ltr"] .bd-calendar-icon.button {
  right: 16px;
}

[dir="rtl"] .bd-calendar-icon.button {
  left: 16px;
}

.bd-calendar-icon.button:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  background-image: url(../../media/images/calendar_op.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.insurance-resend-entity .wizard-layout-footer {
  margin-top: 0;
  padding-top: 0;
  border-top: 0 !important;
}

.insurance-resend-entity .form-actions {
  width: 100%;
}

.insurance-resend-entity strong {
  display: block;
  font-family: var(--font-bold);
  font-weight: 700;
  margin-top: 20px;
}

.js-form-type-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.js-form-type-checkbox .form-item__label.option {
  margin: 0 !important;
  flex-basis: calc(90% - 12px);
}

.webform-confirmation__back 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;
}

.webform-confirmation__back a:hover, .webform-confirmation__back 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;
}

.generic-insurance-form-page.page-wrapper {
  background-color: var(--color--light-bg);
}

.generic-insurance-form-page.page-wrapper .block-system form {
  max-width: 750px;
  margin: 3rem auto 0 auto;
  background: var(--color--white);
  box-shadow: var(--card-shadow);
  border-radius: var(--border-radius--rounded);
  padding: 1.5rem;
}

.generic-insurance-form-page.page-wrapper .block-system form .form-boolean-group .form-item__label {
  color: var(--text-color);
  font-family: var(--font-bold);
  font-weight: 600;
  line-height: normal;
  font-size: 0.9rem;
  margin-bottom: 2px;
}

.generic-insurance-form-page.page-wrapper .block-system form .form-boolean-group .form-item {
  border: 1px solid var(--bs-gray-400);
}

.generic-insurance-form-page.page-wrapper .block-system form [type=color],
.generic-insurance-form-page.page-wrapper .block-system form [type=date],
.generic-insurance-form-page.page-wrapper .block-system form [type=datetime-local],
.generic-insurance-form-page.page-wrapper .block-system form [data-provide=datepicker],
.generic-insurance-form-page.page-wrapper .block-system form [type=email],
.generic-insurance-form-page.page-wrapper .block-system form [type=file],
.generic-insurance-form-page.page-wrapper .block-system form [type=month],
.generic-insurance-form-page.page-wrapper .block-system form [type=number],
.generic-insurance-form-page.page-wrapper .block-system form [type=password],
.generic-insurance-form-page.page-wrapper .block-system form [type=search],
.generic-insurance-form-page.page-wrapper .block-system form [type=tel],
.generic-insurance-form-page.page-wrapper .block-system form [type=text],
.generic-insurance-form-page.page-wrapper .block-system form [type=time],
.generic-insurance-form-page.page-wrapper .block-system form [type=url],
.generic-insurance-form-page.page-wrapper .block-system form [type=week],
.generic-insurance-form-page.page-wrapper .block-system form textarea {
  font-family: var(--font-regular);
  font-weight: 400;
  border: 1px solid var(--bs-gray-400);
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  color: var(--bs-gray-800);
}

.generic-insurance-form-page.page-wrapper .block-system form [type=color]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=date]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=datetime-local]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [data-provide=datepicker]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=email]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=file]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=month]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=number]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=password]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=search]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=tel]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=text]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=time]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=url]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form [type=week]::placeholder,
.generic-insurance-form-page.page-wrapper .block-system form textarea::placeholder {
  color: var(--bs-gray-500);
}

.generic-insurance-form-page.page-wrapper .block-system form [type=color]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=date]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=datetime-local]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [data-provide=datepicker]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=email]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=file]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=month]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=number]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=password]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=search]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=tel]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=text]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=time]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=url]:focus,
.generic-insurance-form-page.page-wrapper .block-system form [type=week]:focus,
.generic-insurance-form-page.page-wrapper .block-system form textarea:focus {
  border: 1px solid var(--bs-gray-600) !important;
}

.generic-insurance-form-page.page-wrapper .block-system form .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  color: var(--bs-gray-800);
}

@media (max-width: 29.25rem) {
  .generic-insurance-form-page.page-wrapper .block-system form .form-actions .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

.generic-insurance-form-page.page-wrapper .block-system form .form-item--error-message {
  margin-bottom: 1.5rem;
}

.generic-insurance-form-page.page-wrapper .block-system form .form-item__label {
  font-family: var(--font-bold);
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 2px;
  width: 100%;
}

.generic-insurance-form-page.page-wrapper .block-system form .wizard-layout-footer .form-submit {
  -webkit-text-decoration: none;
  text-decoration: none;
}

[dir="ltr"] .generic-insurance-form-page.page-wrapper .block-system form .vehicle-add--wrap .add-vehicle,
[dir="ltr"] .generic-insurance-form-page.page-wrapper .block-system form .person-input--wrap .add-primary-person {
  padding: 16px 16px 16px 40px;
}

[dir="rtl"] .generic-insurance-form-page.page-wrapper .block-system form .vehicle-add--wrap .add-vehicle,
[dir="rtl"] .generic-insurance-form-page.page-wrapper .block-system form .person-input--wrap .add-primary-person {
  padding: 16px 40px 16px 16px;
}

.generic-insurance-form-page.page-wrapper .block-system form fieldset.insurance-company img {
  max-width: 100px;
}

.generic-insurance-form-page.page-wrapper .block-system form #green-companies-v5 .form-boolean-group .form-type-boolean {
  box-shadow: none;
}

.generic-insurance-form-page.page-wrapper .block-system form #green-companies-v5 .form-boolean-group .form-type-boolean input[type=radio] {
  position: relative;
  width: auto !important;
  height: initial !important;
  border: 1px solid var(--bs-gray-400) !important;
  border-radius: 50%;
}

.generic-insurance-form-page.page-wrapper .block-system form #green-companies-v5 .form-boolean-group .form-type-boolean input[type=radio]:checked {
  border: 1px solid var(--primary-color) !important;
}

.generic-insurance-form-page.page-wrapper .block-system form .form-item-possession {
  margin-bottom: 1.5rem;
}

.generic-insurance-form-page.page-wrapper .block-system form .contractor-wrap b,
.generic-insurance-form-page.page-wrapper .block-system form .car-info-wrap b {
  font-weight: 500;
}

.generic-insurance-form-page.page-wrapper .block-system form img.company-logo {
  max-height: 60px;
  max-width: 100px;
  object-fit: contain;
  height: auto !important;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper {
  background-color: var(--color--light-bg);
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .block-system form {
  background: transparent;
  box-shadow: none;
  max-width: 100%;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .block-system form.hi-details .wizard-details-price-wrapper, .generic-insurance-form-page.health-insurance-details.page-wrapper .block-system form.hi-details .wizard-details-main {
  border: 0;
  padding: 0;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .block-system form.hi-start .insurances-details-actions, .generic-insurance-form-page.health-insurance-details.page-wrapper .block-system form.hi-details .wizard-layout-footer {
  background: transparent;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper {
  width: 100%;
}

@media (min-width: 63rem) {
  .generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper {
    width: 25%;
  }
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper .form-boolean-group .form-item {
  border: 1px solid #eee;
  border-radius: var(--border-radius--rounded);
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper .sticky_details {
  background: var(--color--white);
  border-radius: var(--border-radius--rounded);
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper .sticky_details .fieldset__label {
  font-family: var(--font-bold);
  font-size: 1.2rem;
  padding: 1.5rem;
  border-radius: var(--border-radius--rounded) var(--border-radius--rounded) 0 0;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .wizard-details-price-wrapper .sticky_details .fieldset__wrapper {
  padding: 1rem;
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .profile-wrapper {
  padding: 0;
  overflow: hidden;
  border: 0;
  background: var(--color--white);
  box-shadow: var(--card-shadow);
  border-radius: var(--border-radius--rounded);
}

.generic-insurance-form-page.health-insurance-details.page-wrapper .profile-wrapper [class*=details__summary] {
  margin: 0;
  background: var(--color--white);
  font-size: 1.2rem;
  padding: 1.5rem;
}

.insurance-top-details {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}

.insurance-top-details svg {
  width: 2.85rem;
  height: auto;
}

.person-input--wrap label:hover::before {
  background: url(../../media/images/idnp.png) no-repeat;
}

.vehicle-add--wrap label:hover::before {
  background: url(../../media/images/registration_certificate.png) no-repeat;
}

.person-input--wrap label:hover::before,
.vehicle-add--wrap label:hover::before {
  content: "";
  position: absolute;
  display: block;
  width: 220px;
  height: 145px;
  bottom: 20px;
  z-index: 999;
  cursor: default;
}

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