/* input(12861,38): run-time error CSS1030: Expected identifier, found ':'
input(12861,56): run-time error CSS1025: Expected comma or open brace, found ')'
input(12864,38): run-time error CSS1030: Expected identifier, found ':'
input(12864,56): run-time error CSS1025: Expected comma or open brace, found ')'
input(18763,77): run-time error CSS1030: Expected identifier, found ':'
input(18763,105): run-time error CSS1025: Expected comma or open brace, found ')' */
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*@import "type";
@import "images";
@import "tables";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "alert";
@import "list-group";
@import "toasts";
@import "carousel";
@import "spinners";
@import "placeholders";
*/
.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

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

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

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

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

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

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

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

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

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

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

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

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

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

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

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

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

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

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

h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

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

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

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

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

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

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

textarea {
  resize: vertical;
}

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

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

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

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

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

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

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

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

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

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

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

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

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

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

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

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

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

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

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

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

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

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

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

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

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

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

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

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

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

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

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

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

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

.form-label {
  margin-bottom: 0.5rem;
}

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

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

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

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

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

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

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

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

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

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

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

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

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

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

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

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

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border {
  border: 1px solid #dee2e6 !important;
}

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

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

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

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

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

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

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

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

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

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

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

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

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

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

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

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

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

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

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

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

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

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

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

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

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

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

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

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

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

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

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded {
  border-radius: 0.25rem !important;
}

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

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

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

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

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

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

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

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

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

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

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

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

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

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

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

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

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

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

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

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

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

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

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

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

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

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

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

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

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

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

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

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

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

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

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

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

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

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

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

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

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

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

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

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

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

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

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

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

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

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

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

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

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

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

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

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

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

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

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

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

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

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

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

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

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

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

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

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

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

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
@charset "UTF-8";
/* assistant-300 - hebrew_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Assistant";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/assistant-v18-hebrew_latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* assistant-regular - hebrew_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/assistant-v18-hebrew_latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* assistant-500 - hebrew_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Assistant";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/assistant-v18-hebrew_latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* assistant-600 - hebrew_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Assistant";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/assistant-v18-hebrew_latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* assistant-700 - hebrew_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Assistant";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/assistant-v18-hebrew_latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --Primary: #D70926;
  --Primary-hover: #A50017;
  /* default image url - they are defined with wersion in layout*/
  --all-logos-36: url(/assets/all-logos-36.webp?v=XMMmmrTROb-kWwQppXNSJz1hwQU);
  --large-logos: url(/assets/largeLogos.webp?v=IjEoZuso3kk1nAsVVtE6wwxswSg);
  --general-image: url("/assets/general.webp?v=njswSliST7h0cDYHVMyYVZ4hQj8");
  --generalX2-image: url("/assets/generalX2.webp?v=ksITFajymkksbesIzFTyT0gqVp4");
}

#scroll-top-btn {
  position: fixed;
  right: 41px;
  bottom: 110px;
  border: unset;
  z-index: 1;
}

.iframe-lazy {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
}
.iframe-lazy iframe {
  width: 100%;
  height: 100%;
}
.iframe-lazy img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#ACC_EXITE_ROOT.displayCallAgent .access_main_box {
  left: 10px !important;
  bottom: 400px !important;
}
#ACC_EXITE_ROOT.displayCallAgent #access_icon {
  left: 10px !important;
  bottom: 340px !important;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Assistant", Arial, sans-serif;
  font-size: 18px;
}

.full-width {
  width: 100%;
}

.gap-10 {
  gap: 10px;
}

div {
  outline: none;
}

button {
  color: #000;
}

select {
  white-space: initial;
}

body {
  color: #231F20;
}
body ::placeholder {
  color: #999B9E;
}
body img {
  max-width: 100%;
}
body .select-placeholder {
  font-size: 16px;
  color: #999B9E;
}
body .select-placeholder option {
  font-size: 16px;
  color: black;
}
body .select-placeholder.selected {
  color: black;
}
body option:disabled {
  color: #999B9E;
}
body .icon-finder {
  position: relative;
  width: fit-content;
  display: inline-block;
}
body .position-relative {
  position: relative;
}
body .hover-card-wrapper {
  box-shadow: 0 5px 15px #0000001a;
  max-width: 260px;
  width: 260px;
  border-bottom: 4px solid var(--Primary);
  border-radius: 3px;
  text-align: center;
  padding: 16px;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 3px 6px #00000029;
  background: #fff;
  position: absolute;
  right: -80px;
  top: 50px;
  display: none;
  z-index: 3;
}
body .hover-card-wrapper .map-popup-triangle {
  border-top-width: 24px;
  position: absolute;
  top: 2px;
  left: calc(50% + 8px);
  transform: rotate(180deg);
}
body .hover-card-wrapper .map-popup-triangle .map-popup-triangle-left-wrapper {
  position: absolute;
  overflow: hidden;
  left: -6px;
  top: 1px;
  width: 15px;
  height: 22px;
}
body .hover-card-wrapper .map-popup-triangle .map-popup-triangle-left-wrapper .map-popup-triangle-left-part {
  position: absolute;
  left: 6px;
  transform: skewX(40deg);
  transform-origin: 0px 0px 0px;
  height: 11px;
  width: 10px;
  background-color: white;
}
body .hover-card-wrapper .map-popup-triangle .map-popup-triangle-right-wrapper {
  position: absolute;
  overflow: hidden;
  top: 1px;
  left: 9px;
  width: 15px;
  height: 22px;
}
body .hover-card-wrapper .map-popup-triangle .map-popup-triangle-right-wrapper .map-popup-triangle-right-part {
  position: absolute;
  left: 0px;
  transform: skewX(-40deg);
  transform-origin: 10px 0px 0px;
  height: 11px;
  width: 10px;
  background-color: white;
}
body .hover-card-wrapper p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
body .icon-finder > .indicator {
  width: 22px;
  height: 22px;
  border: 1px solid black;
  position: absolute;
  left: 0px;
  top: 0px;
}
body .umb-grid > div {
  padding: 0;
}
body .umb-grid > div .row {
  width: 100%;
  margin: 0;
}
body .umb-grid .padded-row > .row {
  margin-right: auto;
  margin-left: auto;
  max-width: 1638px;
}
body .umb-grid .padded-row > .row > div[class^=col-] {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
body .umb-grid .padded-row > .row > div[class^=col-]:first-child {
  padding-right: 0;
}
body .umb-grid .padded-row > .row > div[class^=col-]:first-child {
  padding-left: 0;
}
body .umb-grid .padded-row-child-not-offset > .row {
  margin-right: auto;
  margin-left: auto;
  max-width: 1638px;
}
body .umb-grid .padded-row-child-not-offset > .row > div[class^=col-] {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
body .umb-grid .marginBottom {
  margin-bottom: 156px;
}
body select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  background-image: url(/assets/select-input-arrow.svg?v=U29KEcpaMjLKG21n17optVEEB2I);
  background-repeat: no-repeat;
  background-position: 5px;
  border-radius: 0;
}
body select.ui-datepicker-month, body select.ui-datepicker-year {
  background-image: url(/assets/select-input-arrow-white.svg?v=572W73wu1BWPq9OUz4Y6qBtep1k);
}

body[dir=ltr] select {
  background-position: calc(100% - 5px);
}

.umb-grid .home-page-leasing-offers {
  padding-top: 27px;
  padding-bottom: 70px;
}
.umb-grid .home-page-leasing-offers > .row {
  width: 1638px;
  margin: 0 auto;
}

h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  margin: 0;
}

h2 {
  font-size: 34px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

/* Preloader */
#preloader, .card-loading-animation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
  width: 100%;
  height: 100%;
}
#preloader #status, .card-loading-animation #status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(/assets/preloader.gif?v=CcG6eICoR0YBz4qqaAeogDuutvQ);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.card-loading-animation {
  position: absolute;
  z-index: 5;
}

body[dir=ltr] ul.side-menu {
  padding-left: 45px;
}

ul.side-menu {
  padding: 30px;
  background: #fff;
  /*width: 550px;*/
  /*box-shadow: 0px 4px 4px 0px #00000029;*/
  padding-right: 45px;
}
ul.side-menu .middle-line {
  color: #00000061;
}
ul.side-menu li {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
ul.side-menu li .arrow {
  display: none;
}
ul.side-menu li a {
  width: 100%;
  color: #231F20;
  font-size: 20px;
  text-decoration: none;
  margin-bottom: 10px;
}
ul.side-menu li a:hover {
  color: var(--Primary);
}
ul.side-menu li a + ul + .arrow {
  display: block;
  color: var(--Primary);
  content: url(/assets/chevron-down-red.svg?v=79Mkx37RGi685AxO8JrAohhITyw);
  width: 16px;
  height: 16px;
  background-size: contain;
  margin: 0;
  left: 0;
  top: 9px;
  position: absolute;
  pointer-events: none;
  flex-shrink: 0;
  transition: transform 0.2s ease-in-out;
}
ul.side-menu li a + ul.show + .arrow:not(.collapsed) {
  transform: rotate(-180deg);
}
ul.side-menu li a#personal-area-sidenav #personal-area-sidenav-text {
  font-size: 20px;
}
ul.side-menu .internal-menu {
  padding: 0;
}
ul.side-menu .internal-menu li {
  padding-right: 20px;
}
ul.side-menu .internal-menu li a {
  font-size: 18px;
}

.default-red-text {
  color: var(--Primary);
}

.default-red-button {
  outline: none;
  border: none;
  background-color: var(--Primary);
  color: #ffffff;
  height: 40px;
  border-radius: 6px;
}

.pointer-cursor {
  cursor: pointer;
}

.default-accordion .accordion-item {
  border: 0;
}
.default-accordion .accordion-item .accordion-header .accordion-button {
  background-color: unset;
  box-shadow: none;
  justify-content: space-between;
  color: #231F20;
}
.default-accordion .accordion-item .accordion-header .accordion-button::after {
  color: var(--Primary);
  background: none;
  content: "❮";
  transform: rotate(-90deg);
  width: unset;
  height: unset;
  margin: 0;
}
.default-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
}

.checkbox-wrapper .custom-checkbox .custom-checkbox-cover {
  border: 1px solid #DCDDDE;
}
.checkbox-wrapper input[type=checkbox]:checked + .custom-checkbox-cover {
  border: none;
}

.custom-checkbox {
  position: relative;
  width: 18px;
  height: 18px;
}
.custom-checkbox input[type=checkbox] {
  width: 18px;
  height: 100%;
  vertical-align: top;
  position: relative;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.custom-checkbox .custom-checkbox-cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid #DCDDDE;
  border-radius: 4px;
}
.custom-checkbox input[type=checkbox]:checked + .custom-checkbox-cover {
  background-color: var(--Primary);
  border: none;
}
.custom-checkbox input[type=checkbox]:checked + .custom-checkbox-cover:after {
  content: url("/assets/checkbox-checkmark.svg?v=GYHqL2kdCMLvEoF7DAHv9UM__NY");
  /*            vertical-align: top;
  font-size: 14px;*/
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  font-size: 100%;
  line-height: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~ Questions & Answers ~~~~~~~~~~~~~~~~~ */
.questions-answers-image-max-width img {
  width: 100%;
  height: 680px;
  object-fit: cover;
}

.questions-answers-card {
  padding: 60px;
  box-shadow: 0px -7px 15px #00000014;
  height: 680px;
  overflow: auto;
  background-color: white;
}
.questions-answers-card .head-card h5 {
  color: var(--Primary);
  font-size: 22px;
  line-height: 60px;
}
.questions-answers-card .head-card h2 {
  color: var(--Primary);
  font-size: 22px;
  line-height: 60px;
}
.questions-answers-card .head-card .middle-line {
  height: 3px;
  padding-top: 1px;
  padding-bottom: 31px;
}
.questions-answers-card .head-card .middle-line .sliced-red-line {
  background-color: var(--Primary);
  width: 113px;
  height: 3px;
}
.questions-answers-card .questions-answers-wrapper .accordion {
  color: #231F20;
}
.questions-answers-card .questions-answers-wrapper .accordion .middle-line {
  color: #DCDDDE;
  width: 100%;
  opacity: 1;
  margin: 30px 0;
}
.questions-answers-card .questions-answers-wrapper .accordion .answer-body {
  font-size: 16px;
  margin-bottom: 35px;
  min-height: 80px;
  overflow: hidden;
}
.questions-answers-card .questions-answers-wrapper .accordion .answer-body p, .questions-answers-card .questions-answers-wrapper .accordion .answer-body span, .questions-answers-card .questions-answers-wrapper .accordion .answer-body a {
  font-size: inherit;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 13px;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-btn .accordion-button {
  border: 2px solid var(--Primary) !important;
  height: 22px;
  width: 22px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  padding: 0;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-btn .accordion-button:after {
  width: 12px;
  height: 12px;
  background-image: url(../assets/temp/red-plus.svg);
  background-size: contain;
  margin: 0;
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-btn .accordion-button:not(.collapsed)::after {
  transform: rotate(-45deg);
}
.questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-btn .accordion-button:not(.collapsed), .questions-answers-card .questions-answers-wrapper .accordion .question-wrapper .question-btn :focus {
  color: #231F20;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.questions-answers-card .display-all-btn a {
  all: unset;
  cursor: pointer;
  color: var(--Primary);
  font-weight: 600;
}
.questions-answers-card .display-all-btn a span {
  border-bottom: 1px solid var(--Primary);
  font-size: 16px;
}

/* Questions & Answers in Mobile */
@media only screen and (max-width: 768px) {
  .questions-answers-image-max-width {
    display: none;
  }

  .questions-answers-card {
    padding: 20px;
    height: auto;
    box-shadow: none;
  }
  .questions-answers-card hr {
    margin: 11px 0;
  }
  .questions-answers-card .display-all-btn {
    text-align: center;
  }
  .questions-answers-card .display-all-btn a span {
    font-size: 20px;
  }
  .questions-answers-card .questions-answers-wrapper .accordion .answer-body {
    padding-bottom: 26px;
  }
  .questions-answers-card .questions-answers-wrapper .accordion .middle-line {
    color: #A7A9AC;
  }
  .questions-answers-card .questions-answers-wrapper .accordion .middle-line .display-all-btn {
    text-align: center;
  }
  .questions-answers-card .head-card {
    text-align: center;
  }
  .questions-answers-card .head-card .middle-line {
    display: flex;
    justify-content: center;
  }
}
/* Questions & Answers */
body[dir=ltr] .questions-answers-card .display-all-btn img {
  transform: rotate(180deg);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page-padding {
  padding: 0 6% 60px 6%;
}

.muted-text {
  color: #999B9E;
}

.grey-text {
  color: #616161;
}

.white-background {
  background-color: white;
}

.top-grey-bottom-white-container {
  background: linear-gradient(180deg, #f8f8f8 0%, #f8f8f8 50%, white 50%, white 100%);
  /*    background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 54%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);*/
}

/* ~~~~~~~~~~~ Grey Background ~~~~~~~~~~~ */
.grey-container {
  background-color: #F8F8F8;
}

.grey-background-gradient {
  background: linear-gradient(180deg, white 0%, white 100px, #f8f8f8 100px, #f8f8f8 100%);
}

.grey-background-bottom-gradient {
  background: linear-gradient(0deg, white 20%, white 100px, #f8f8f8 100px, #f8f8f8 100%);
}

.banner-image {
  height: 500px;
}
.banner-image img {
  height: 500px;
}

.icon.refresh-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background-image: url(../assets/icons/refresh.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.top-white-bottom-grey-container {
  background: linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 50%, white 50%, white 100%);
}

footer {
  box-shadow: 0px -5px 15px #00000012;
}
footer .indexes-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
footer .indexes-menu .container {
  position: relative;
  padding: 50px 0;
}
footer .indexes-menu .container .row {
  padding: 0 20px;
  justify-content: space-around;
}
footer .indexes-menu .container .row .index-menu {
  min-width: fit-content;
}
footer .indexes-menu .container .row .index-menu .menu-title {
  color: var(--Primary);
  white-space: nowrap;
  font-size: 26px;
  font-weight: 600;
  line-height: 48px;
}
footer .indexes-menu .container .row .index-menu ul {
  list-style-type: none;
}
footer .indexes-menu .container .row .index-menu ul li {
  cursor: pointer;
  white-space: nowrap;
  font-size: 20px;
}
footer .indexes-menu .container .row .index-menu ul li:before {
  content: url(../assets/arrow.png);
  padding-left: 5px;
  vertical-align: middle;
}
footer .indexes-menu .container .row .index-menu ul li:hover a {
  color: var(--Primary);
}
footer .indexes-menu .container .row .index-menu ul li a {
  color: inherit;
  text-decoration: inherit;
}
footer .indexes-menu .container .companie-logos {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 320px;
  height: 61px;
}
footer .indexes-menu .container .companie-logos .external-links {
  width: 212px;
  border-left: 1px solid #DCDDDE;
  border-right: 1px solid #DCDDDE;
}
footer .indexes-menu .container .companie-logos .external-links img {
  height: 25px;
  width: 25px;
  cursor: pointer;
  object-fit: contain;
}
footer .indexes-menu .container .companie-logos .umi-logo {
  width: 90px;
  height: 25px;
  object-fit: contain;
}
footer .indexes-menu .container .companie-logos .avis-logo {
  width: 100px;
  height: 30px;
  object-fit: contain;
}
footer .all-rights-reserved {
  padding: 20px 0;
}
footer .all-rights-reserved a img {
  width: 170px;
  height: 30px;
  object-fit: contain;
}

/* linke button on header */
.red-counter {
  background-color: var(--Primary);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  font-weight: 600;
}

.header-like-button {
  position: relative;
  height: 30px;
  width: 30px;
  align-self: center;
}
.header-like-button .counter-wrapper {
  position: absolute;
  top: 0px;
  left: 18px;
}

/*Header*/
.header {
  height: 60px;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 11;
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  transition: margin 0.5s;
}
.header .avis-logo {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: initial;
  cursor: pointer;
  padding: 0;
  z-index: 0;
}
.header .avis-logo img {
  height: 40px;
  max-width: 150px;
}
.header .avis-logo-left-position {
  transform: translate(20%, -50%);
  left: 0%;
}
.header .side-menu-wrapper {
  box-shadow: 0 4px 4px 0 #00000029;
  width: 550px;
  z-index: 1;
  position: relative;
}
.header .side-menu-wrapper.show {
  max-height: var(--sidebar-max-height);
  overflow: auto;
}
.header#mainHeader {
  margin-bottom: 190px;
}
.header#mainHeader .avis-logo {
  font-size: 20px;
  text-align: center;
  height: 40px;
  padding: 0;
  top: var(--offset);
  top: 152px;
  transform: scale(2, 2) translateX(-23%);
  transition: all 0.5s;
  line-height: unset;
}
.header .jobs-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .jobs-icon-wrapper .jobs-icon {
  height: 25px;
  width: 25px;
  display: inline-block;
  background-image: url(../assets/suitcase-search-black-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.header .jobs-icon-wrapper .jobs-icon-text {
  font-size: 14px;
}
.header .jobs-icon-wrapper:hover .jobs-icon {
  background-image: url(../assets/suitcase-search-red-icon.svg);
}
.header .jobs-icon-wrapper:hover .jobs-icon-text {
  color: var(--Primary);
}
.header .personal-area-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .personal-area-icon-wrapper .personal-area-icon {
  background-image: url("/assets/personal-area-icon.svg?v=_90PYE2grkdYVvYSVLrhMv8t2DU");
  height: 24px;
  width: 24px;
  background-size: contain;
  flex-shrink: 0;
}
.header .personal-area-icon-wrapper .personal-area-icon.logged-in:before {
  content: "";
  height: 7px;
  width: 7px;
  background-color: var(--Primary);
  display: flex;
  border-radius: 50%;
}
.header .personal-area-icon-wrapper span {
  font-size: 14px;
}
.header .personal-area-icon-wrapper:hover .personal-area-icon {
  background-image: url("/assets/personal-area-icon-hover.svg?v=_90PYE2grkdYVvYSVLrhMv8t2DU");
}
.header .personal-area-icon-wrapper:hover .header-set-up-appointment-icon {
  filter: var(--Primary-filter);
}
.header .personal-area-icon-wrapper:hover span {
  color: var(--Primary);
}
.header .header-set-up-appointment-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--Primary);
  border-radius: 50px;
  padding: 5px 15px;
}
.header .header-set-up-appointment-wrapper:hover {
  background-color: var(--Primary-hover);
}
.header .header-set-up-appointment-wrapper .header-set-up-appointment-icon {
  height: 18px;
  width: 18px;
}
.header .header-set-up-appointment-wrapper span {
  font-size: 14px;
  color: white;
}
.header .main-menu {
  height: 100%;
  padding: 0 42px;
}
.header .main-menu #home-search-root .search-icon {
  width: 30px;
  height: 30px;
}
.header .main-menu #home-search-root.header-home-search {
  max-width: calc(50vw - 42px - 75px - 50px - 72px - 85px - 83px);
}
.header .main-menu .row {
  height: 100%;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.header .main-menu .row ul:not(.custom-list) {
  margin: 0;
  list-style-type: none;
  display: flex;
  gap: 25px;
  align-items: center;
  padding: 0;
}
.header .main-menu .row ul.custom-list .dropdown-item {
  text-align: start;
  background-color: white;
}
.header .main-menu .row ul.custom-list .dropdown-item:active {
  color: black;
}
.header .main-menu .row ul.custom-list .dropdown-item:hover {
  color: var(--Primary);
}
.header .main-menu .row ul li {
  cursor: pointer;
  max-height: 30px;
}
.header .main-menu .row ul li a img:not(.custom-size) {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.header .main-menu .row ul li .burger {
  background: unset;
  border: none;
}
.header .main-menu .row ul li .burger .burger-content {
  content: url(/assets/black-burger.svg?v=C1e8h5mpswCRu3zeH_FA_rVvKj0);
  display: block;
  width: 30px;
  height: 30px;
}
.header .main-menu .row ul li .burger:not(.collapsed) .burger-content {
  content: url(/assets/close-red.svg?v=79Mkx37RGi685AxO8JrAohhITyw);
  color: var(--Primary);
}
.header .main-menu .row ul li.mobile-element {
  display: none;
}
.header .main-menu .row ul li.avis-contact-phone {
  text-align: center;
  color: var(--Primary);
}
.header .main-menu .row ul li.avis-contact-phone p {
  marfgin: 0;
}
.header .main-menu .row ul li.avis-contact-phone h2 {
  line-height: 34px;
}
.header .main-menu .row ul li.slash-seperator > p {
  margin: 0;
  font-size: 3rem;
  color: #E6E6E6;
  font-weight: lighter;
}
.header .main-menu .row ul.left-side-menu {
  align-content: flex-end;
  justify-content: left;
}
.header .main-menu .row ul.left-side-menu .lang {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}
.header .main-menu .row ul.remove-gap {
  gap: unset;
}
.header .main-menu .row ul .header-car-sale-phone-number {
  display: flex;
  align-items: center;
  text-decoration: unset;
}
.header .main-menu .row ul .header-car-sale-phone-number .phone-number {
  direction: ltr;
}
.header .main-menu .row ul .header-car-sale-phone-number span {
  font-size: 18px;
  color: #212121;
  line-height: 26px;
}
.header .main-menu .row ul .header-car-sale-phone-number img {
  height: 22px;
  width: 22px;
  object-fit: contain;
}
.header .main-menu .row ul.center {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
}
.header .main-menu .row ul.center .menu-mobile-text-wrapper p {
  margin-bottom: unset;
  color: var(--Primary);
}
.header .main-menu .row ul.center .menu-mobile-text-wrapper p:first-child {
  font-size: 16px;
  margin-bottom: -0.8em;
}
.header .main-menu .row ul.center .menu-mobile-text-wrapper p:last-child {
  font-size: 34px;
}
.header .main-menu .row ul.center .angled-divider {
  border-left: 2px solid #E6E6E6;
  height: 46px;
  transform: rotate(20deg);
  margin: 0 10px 0 20px;
}
.header.fixed#mainHeader {
  /*margin-bottom: 0px;*/
}
.header.fixed#mainHeader .avis-logo {
  transform: scale(1, 1) translateX(-50%);
}
.header.mobile#mainHeader {
  margin-bottom: 0px;
}

/*.card-max-width {
    max-height: 709px;
    max-width: 100vw;
}*/
[class^=col-] {
  padding: 0;
}

.image-max-width img {
  width: 100%;
  height: 709px;
  object-fit: cover;
}

.custom-table-borders thead,
.custom-table-borders tbody,
.custom-table-borders tfoot,
.custom-table-borders tr,
.custom-table-borders td,
.custom-table-borders th {
  border-style: inherit;
  border-width: inherit;
  border-color: inherit;
}

@media only screen and (max-width: 767px) {
  .header.fixed#mainHeader .avis-logo {
    transform: scale(1, 1) translateX(-50%);
    top: 30px;
  }
  .header .header-set-up-appointment-wrapper {
    padding: 0;
    justify-content: center;
    height: 30px;
    width: 30px;
  }
  .header .personal-area-icon-wrapper:after {
    display: none;
  }

  .image-max-width img {
    height: 100%;
    max-height: 709px;
    width: 100%;
  }

  .questions-answers-image-max-width img {
    height: 100%;
    max-height: 681px;
    width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  footer .indexes-menu .container {
    padding-top: 140px;
  }
  footer .indexes-menu .container .companie-logos {
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
    top: 40px;
    bottom: unset;
  }
  footer .indexes-menu .container .row {
    justify-content: space-between;
  }
  footer .indexes-menu .container .row > .index-menu > ul > li {
    white-space: normal;
  }
  footer .all-rights-reserved {
    flex-direction: column;
    align-items: center;
  }
  footer .all-rights-reserved a {
    margin: auto;
  }
  footer .all-rights-reserved p {
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
  }

  .header {
    height: 96px;
  }
  .header .personal-area-icon-wrapper .personal-area-icon {
    height: 30px;
    width: 30px;
  }
  .header .main-menu {
    padding: 0 20px;
  }
  .header .main-menu .row {
    justify-content: space-between;
  }
  .header .main-menu .row .avis-logo {
    left: 85px;
  }
  .header .main-menu .row ul {
    width: initial;
  }
  .header .main-menu .row ul li.non-mobile-element {
    display: none;
  }
  .header .main-menu .row ul li.mobile-element {
    display: initial;
  }
  .header .main-menu .row ul.left-side-menu {
    gap: 10px;
  }

  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .price-tag-wrapper {
    margin-bottom: 50px;
  }
}
.hot-offer {
  display: none;
  position: absolute;
  left: 0;
  top: 15px;
  background-color: var(--Primary);
  width: 172px;
  height: 33px;
  border-radius: 0 6px 6px 0;
  color: #fff;
  padding-right: 4px;
  text-overflow: ellipsis;
}
.hot-offer span {
  font-size: 14px;
  white-space: nowrap;
}
.hot-offer img {
  height: 15px;
}

.car-banner {
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 74px;
  padding: 0 20px;
  margin: 0 6px;
}
.car-banner p {
  font-size: 12px;
  line-height: 17px;
  margin: 0;
}

.car-list-item {
  max-width: 387px;
  width: 100%;
}
.car-list-item .result-car-card {
  height: 100%;
}

.car-details-card {
  max-width: 387px;
  width: 100%;
  /*height: 622px;*/
  border-radius: 6px;
  border-bottom-width: 9px;
  box-sizing: border-box;
  /*overflow-y: overlay;*/
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
  cursor: pointer;
}
.car-details-card .car-image {
  overflow-y: hidden;
  height: 255px;
}
.car-details-card .car-image img {
  height: 255px;
  width: 100%;
  object-fit: cover;
}
.car-details-card .car-details {
  height: calc(100% - 264px);
  padding-top: 15px;
}
.car-details-card .car-details > div:not(:last-child), .car-details-card .car-details > ul {
  padding: 0 10px;
}
.car-details-card .car-details .car-details-top-elements {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.car-details-card .car-details .marketing-content {
  display: block;
  width: 100%;
  line-height: 14px;
  overflow: hidden;
  margin-bottom: 10px;
}
.car-details-card .car-details .marketing-content span {
  font-size: 14px;
  color: #231F20;
  font-weight: 600;
}
.car-details-card .car-details .car-banner {
  min-height: 50px;
}
.car-details-card .car-details .car-middle-content-wrapper {
  min-height: 120px;
}
.car-details-card .car-details .car-specs {
  width: 100%;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding: 0;
}
.car-details-card .car-details .car-specs li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 0px 0 10px;
  margin: 5px 0;
  height: 20px;
  gap: 3px;
}
.car-details-card .car-details .car-specs li span {
  font-size: 14px;
}
.car-details-card.hot-offer-displayed {
  border: 1px solid var(--Primary);
  border-bottom-width: 9px;
}
.car-details-card.hot-offer-displayed .hot-offer {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 172px;
  padding: 0 5px;
}
.car-details-card.hot-offer-displayed .car-details {
  /*.car-middle-content-wrapper {
      .marketing-content {
          display: block;
      }
  }*/
}
.car-details-card.hot-offer-displayed .car-details .car-details-bottom-elements {
  padding-bottom: 0px;
}
.car-details-card.hot-offer-displayed .car-details .car-details-bottom-elements .more-details {
  background-color: var(--Primary);
}
.car-details-card.hot-offer-displayed .car-details .car-details-bottom-elements .more-details p {
  color: #fff;
}
.car-details-card.hot-offer-displayed .car-details .car-details-bottom-elements .more-details p:after {
  content: url("../assets/temp/white-arrow.svg");
}

@media screen and (max-width: 500px) {
  /*Mobile*/
  .car-details-card .car-image {
    overflow-y: hidden;
    max-height: 255px;
    height: auto;
  }
  .car-details-card .car-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}
@media screen and (max-width: 1250px) {
  /* narrow desktop for hot offer images line break*/
  .cars-offers.one-row.two-rows-narrow-desktop .result-car-cards, .cars-offers.two-rows.two-rows-narrow-desktop .result-car-cards {
    height: 1220px;
  }
}
.cars-offers {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.cars-offers h2 {
  text-align: center;
  color: var(--Primary);
  margin-bottom: 20px;
}
.cars-offers.one-row .result-car-cards {
  justify-content: center;
  overflow: hidden;
}
.cars-offers.two-rows .result-car-cards {
  justify-content: center;
  overflow: hidden;
  height: 1220px;
}
.cars-offers .poinsts {
  list-style-type: none;
  gap: 20px;
  margin-bottom: 20px;
}
.cars-offers .poinsts li {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.cars-offers .poinsts li span {
  font-size: 18px;
  color: #231F20;
}
.cars-offers .poinsts li img {
  align-self: center;
}

.no-double-discounts-wrapper {
  margin-top: 10px;
}
.no-double-discounts-wrapper span {
  font-size: 14px;
  line-height: normal;
  color: var(--Text-Light, #616161);
}

.more-offers-btn {
  display: flex;
  justify-content: space-between;
  width: 160px;
  height: 40px;
  line-height: 20px;
  gap: 10px;
  border: 1px solid var(--Primary);
  border-radius: 6px;
  margin: 10px auto 0 auto;
  align-content: center;
  padding: 5px 15px 5px 10px;
  align-items: center;
  background-color: #FFFFFF;
}
.more-offers-btn:hover {
  background-color: var(--Primary-hover);
  border: 1px solid var(--Primary-hover);
}
.more-offers-btn:hover span {
  color: white;
}
.more-offers-btn:hover .icon-red-arrow-down {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -919px -174px;
  /*background: url(../assets/temp/white-arrow.svg);
  background-repeat: no-repeat;
  transform: rotate(270deg);
  background-position: center;*/
}
.more-offers-btn span {
  font-size: 18px;
  color: var(--Primary);
}

.leasing-offers-wrapper {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.leasing-offers-wrapper .leasing-offers-title {
  text-align: center;
  color: var(--Primary);
  margin-bottom: 13px;
}
.leasing-offers-wrapper ul {
  list-style-type: none;
}
.leasing-offers-wrapper ul.benefits {
  margin-bottom: 56px;
  gap: 20px;
}
.leasing-offers-wrapper ul.benefits li {
  white-space: nowrap;
}
.leasing-offers-wrapper ul.benefits li img {
  height: 20px;
  width: 20px;
}
.leasing-offers-wrapper ul.benefits li span {
  padding-right: 8px;
  white-space: nowrap;
}
.leasing-offers-wrapper ul.leasing-offers-list {
  margin-bottom: 0;
  padding: 0;
  gap: 30px;
  justify-content: center;
}

/***
    Animation only for car sale pinterest in home page 
*/
/*.car-sale-pinterest-wrapper {
    .rental-search-tab-wrapper {
        .header-contant-wrapper {
            .left-header-content-wrapper {
                .left-header-content {
                    overflow: hidden;
                    transform: rotate(354deg);

                    .left-header-pint {
                        animation: car-sale-move-up 10s linear infinite;
                        width: 100%;
                        animation-play-state: paused;
                        //position: absolute;
                        //left: 0;

                        &:hover {
                            animation-play-state: unset;
                        }
                    }
                }
            }
        }
    }
}*/
.rental-search-tab-wrapper {
  width: 100%;
  position: relative;
  /*margin-bottom: 60px;*/
}
.rental-search-tab-wrapper .background-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.rental-search-tab-wrapper .background-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rental-search-tab-wrapper.search-reservation {
  background-image: url(/assets/search-reservation-bg.png?v=-vqBE3CxSLTy67EcMuklCHJixno);
  height: 300px;
}
.rental-search-tab-wrapper.search-carsale {
  text-align: center;
}
.rental-search-tab-wrapper.search-carsale .header-contant-wrapper {
  height: 100vh;
}
.rental-search-tab-wrapper.search-carsale .header-contant-wrapper .right-header-content {
  padding-top: 100px;
}
.rental-search-tab-wrapper .header-contant-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-height: 747px;
  height: calc(100vh - 100px);
  /* ~~~~~~~~~~~ pinterest ~~~~~~~~~~~ */
}
.rental-search-tab-wrapper .header-contant-wrapper.map-header {
  height: calc(100vh - 350px);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content {
  padding-right: 4%;
  padding-top: 9%;
  width: 50%;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content h1 {
  font-size: 60px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content h1.huge-headline {
  margin-bottom: -10px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content p {
  /*max-width: 585px;*/
  font-size: 20px;
  margin-bottom: 0px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper .buying-preference-text {
  margin: 10px 0 16px 0;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper .buying-preference-text p {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.27px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  /** CHECKING NEW SLIDER CSS*/
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form #by-budget-wrapper {
  height: 100px;
  width: 100%;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper {
  position: relative;
  width: 65%;
  align-self: center;
  height: 56px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000000F;
  border-radius: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper label {
  width: 47%;
  text-align: center;
  border-radius: 20px;
  height: 40px;
  line-height: 38px;
  color: #231F20;
  cursor: pointer;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper .car-sale-search-label {
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 60px;
  left: 25px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper .selected {
  background: #231F20;
  color: white;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper .switch-button {
  background: rgba(255, 255, 255, 0.56);
  border-radius: 30px;
  overflow: hidden;
  width: 240px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  color: #155FFF;
  position: relative;
  padding-right: 120px;
  position: relative;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper input[type=radio] {
  visibility: hidden;
  display: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn {
  min-width: 130px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper {
  width: calc(70%-10px);
  position: relative;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper input {
  min-width: 100px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper input::placeholder {
  color: #212121;
  font-weight: 600;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper .icon-down-arrow {
  height: 20%;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper .select-options-custon {
  max-height: 200px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper .icon.icon-down-arrow {
  top: 20px;
  left: 20px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn {
  background: var(--Primary);
  color: white;
  border-radius: 6px;
  outline: none;
  margin: 0;
  width: 38%;
  min-width: fit-content;
  height: 45px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn .search-btn-text {
  margin-left: 10px;
  font-size: 18px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn:hover {
  background-color: var(--Primary-hover);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn img:not(.search-icon) {
  width: 7px;
  height: 12px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider {
  display: block;
  position: relative;
  height: 36px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-line {
  position: absolute;
  /*width: calc(100% - 36px);*/
  left: 18px;
  top: 16px;
  height: 6px;
  border-radius: 4px;
  background: var(--Primary);
  z-index: 0;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #0000001A;
  border-radius: 80px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-line span {
  display: block;
  height: 100%;
  width: 0%;
  background: var(--Primary);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-touch-right {
  display: block;
  position: absolute;
  padding: 6px;
  z-index: 2;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000001A;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: 5px;
  margin: 0;
  outline: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-touch-right:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  background: var(--Primary);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-touch-left {
  display: block;
  position: absolute;
  padding: 6px;
  z-index: 2;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000001A;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: 5px;
  margin: 0;
  outline: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .slider .slider-touch-left:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  background: var(--Primary);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat {
  height: 40px;
  width: 100%;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-bar {
  height: 6px;
  background: var(--Primary);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-line {
  height: 6px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-grid, .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-shadow {
  display: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-handle {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000001A;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: 16px;
  margin: 0;
  outline: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-handle:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  background: var(--Primary);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-handle:focus {
  box-shadow: 0 0 0 1px black;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .irs--flat .irs-handle i {
  display: none;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .price-tag-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 40px;
  gap: 10px;
  position: relative;
  margin-top: 10px;
  height: 55px;
  width: 100%;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .price-tag-wrapper .price-tag {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: fit-content;
  height: 55px;
  width: 85px;
  /*&.max-price-tag{
                                  right:0px;
                              }
  */
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .price-tag-wrapper .price-tag .price-text {
  font-size: 15px;
  letter-spacing: -0.23px;
  color: #231F20;
  margin-bottom: -5px;
}
.rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .price-tag-wrapper .price-tag .price {
  font-size: 20px;
  color: #231F20;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper {
  overflow: hidden;
  width: 850px;
  position: relative;
}
.rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper .left-header-content {
  width: 850px;
  transform: rotate(354deg);
  position: relative;
  left: 100px;
}
.rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper .left-header-content .left-header-pint {
  position: relative;
  overflow: hidden;
  animation: move-up 10s linear infinite;
  width: 850px;
  animation-play-state: paused;
}
.rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper .left-header-content .left-header-pint .top-destinatiion-cards {
  width: 850px;
  margin: 0;
}
.rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper .left-header-content .left-header-pint:hover {
  animation-play-state: unset;
}
.rental-search-tab-wrapper .rental-form-wrapper {
  background: #FFF;
  max-width: 1360px;
  width: 100%;
  padding: 0;
  border-radius: 10px;
  box-shadow: 0px 5px 15px #0000001A;
  position: absolute;
  bottom: -60px;
  left: 0;
  padding-right: 30px;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.rental-search-tab-wrapper .rental-form-wrapper.search-reservation {
  max-width: 983px;
  height: 220px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 100%;
  bottom: initial;
}
.rental-search-tab-wrapper .rental-form-wrapper.search-reservation form {
  padding-right: 36px;
}
.rental-search-tab-wrapper .rental-form-wrapper.search-reservation form.form-content {
  height: calc(100% - 113px);
}
.rental-search-tab-wrapper .rental-form-wrapper .header-content {
  text-align: center;
  padding: 20px 0;
}
.rental-search-tab-wrapper .rental-form-wrapper .header-content h1 {
  font-size: 30px;
  color: var(--Primary);
  line-height: normal;
}
.rental-search-tab-wrapper .rental-form-wrapper .header-content h2 {
  font-size: 30px;
  color: var(--Primary);
  line-height: normal;
}
.rental-search-tab-wrapper .rental-form-wrapper p.search-des-text {
  text-align: center;
  color: #231F20;
  font-size: 18px;
}
.rental-search-tab-wrapper .rental-form-wrapper form {
  width: 100%;
  gap: 15px;
}
.rental-search-tab-wrapper .rental-form-wrapper form .custom-form-wrapper {
  display: flex;
  flex-direction: row;
  gap: 21px;
  width: calc(100% - 89px);
}
.rental-search-tab-wrapper .rental-form-wrapper form .custom-form-wrapper .input-label-custom-wrapper {
  flex: 1 1 auto;
}
.rental-search-tab-wrapper .rental-form-wrapper form .custom-form-wrapper .input-label-custom-wrapper label {
  color: var(--Primary);
  font-size: 18px;
  letter-spacing: -0.27px;
}
.rental-search-tab-wrapper .rental-form-wrapper form .custom-form-wrapper .input-label-custom-wrapper input {
  width: 100%;
}
.rental-search-tab-wrapper .rental-form-wrapper form .return-btn-row {
  width: 100%;
}
.rental-search-tab-wrapper .rental-form-wrapper form .return-btn-row .return-tab {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rental-search-tab-wrapper .rental-form-wrapper form .return-btn-row .return-tab .map-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.rental-search-tab-wrapper .rental-form-wrapper form .return-btn-row .return-tab .map-container p {
  font-size: 14px;
  margin-bottom: unset;
}
.rental-search-tab-wrapper .rental-form-wrapper form .return-btn-row .return-tab .return-btn {
  border: none;
  background: none;
  border-bottom: 1px solid #231f20;
  color: var(--Primary);
  border-color: var(--Primary);
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*gap: 74px;*/
  height: calc(100% - 68px);
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container {
  margin: 0;
  gap: 20px;
  align-items: flex-end;
  /*#birth-date {
      height: 60px;
      align-items: end;

      .date-picker {
          height:31px;
          a{
              height:31px;
          }
      }
  }*/
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper {
  padding: 0;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .add-margin-top {
  margin-top: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-station-wrapper input {
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .to-station-wrapper, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .to-station-wrapper-outgoing {
  margin-top: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper {
  width: 23%;
  flex: 0 1 22%;
  padding: 0;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper .from-date-time-label, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper .to-date-time-label, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper .from-date-time-label, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper .to-date-time-label {
  margin-bottom: 10px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper .select-custom .month, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper .select-custom .day, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper .select-custom .month, .rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper .select-custom .day {
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container label {
  color: var(--Primary);
  font-size: 18px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-picker {
  position: relative;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-picker .format-date .full-date {
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .time-picker {
  position: relative;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .time-picker input {
  max-width: 80px;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .date-picker input {
  max-width: 152px;
  width: 100%;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper {
  max-width: 110px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  flex: 1 1 calc(20% - 60px);
  width: calc(25% - 60px);
  padding: 0;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper label {
  margin-bottom: 10px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper .custom-date-wrapper .select-custom .month {
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper {
  flex: 0 0 37.5%;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper input {
  cursor: pointer;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .first-row-container .select-station-label {
  margin-bottom: 10px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .row-gap {
  gap: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container {
  /* ~~~~ Tourist checkbox in Incoming form (display only on english) ~~~~  */
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper {
  padding: 0px;
  position: relative;
  height: auto;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper .checkbox-span-wrapper {
  padding-top: 30px;
  padding-bottom: 26px;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  gap: 10px;
  max-width: 1150px;
  word-break: break-word;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper .checkbox-span-wrapper .checkbox-text {
  font-size: 14px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper .checkbox-span-wrapper .checkbox-text a {
  text-decoration: underline;
  color: inherit;
  font-size: inherit;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper .checkbox-span-wrapper .checkbox-text a:hover {
  color: inherit;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper.has-error .checkbox-span-wrapper {
  padding-bottom: 0;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .checkbox-wrapper.has-error #TouristCheckbox-error {
  height: 26px;
  position: relative;
  top: unset;
  bottom: unset;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .to-station-wrapper {
  /*padding-left: 0;*/
  flex: 0 0 39%;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .to-station-wrapper .select-custom-wrapper input {
  font-size: 16px;
  cursor: pointer;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .to-station-wrapper-outgoing {
  flex: 0 0 33%;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-left: 0px;
  padding-right: 5px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper #wizardNumber input {
  font-size: 16px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .left-column-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  min-width: 141px;
  margin-top: 18px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .left-column-wrapper .total-rental-text {
  text-align: center;
  line-height: 21px;
}
.rental-search-tab-wrapper .rental-form-wrapper form.form-content .left-column-wrapper .total-rental-text span {
  font-size: 16px;
}

.filter-changed-message-container {
  width: 100%;
  height: 222px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  padding: 32px;
  justify-content: center;
  align-items: center;
}
.filter-changed-message-container span {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}

.transparent-link-wrapper a {
  /*all: unset;*/
  border: none;
  outline: none;
  background-color: #fff;
  color: white;
  padding: 8px 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: stretch;
  color: #231F20;
  text-decoration: none;
}
.transparent-link-wrapper a .link-text {
  font-size: 16px;
}

.red-btn-wrapper button, .red-btn-wrapper a {
  /*all: unset;*/
  border: none;
  outline: none;
  background-color: var(--Primary);
  color: white;
  padding: 8px 14px;
  text-align: center;
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: stretch;
}
.red-btn-wrapper button.one-side-border-radius, .red-btn-wrapper a.one-side-border-radius {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid var(--Primary);
}
.red-btn-wrapper button.one-side-border-radius:hover, .red-btn-wrapper a.one-side-border-radius:hover {
  background-color: var(--Primary-hover);
}
.red-btn-wrapper button.one-side-border-radius span, .red-btn-wrapper a.one-side-border-radius span {
  white-space: nowrap;
}
.red-btn-wrapper button.borders, .red-btn-wrapper a.borders {
  border-radius: 6px;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
}
.red-btn-wrapper button.borders span, .red-btn-wrapper a.borders span {
  margin-right: 5px;
}
.red-btn-wrapper button.round, .red-btn-wrapper a.round {
  border-radius: 25px;
}
.red-btn-wrapper button body[dir=ltr] .rotated-icon, .red-btn-wrapper a body[dir=ltr] .rotated-icon {
  transform: rotate(180deg);
}

.newsletter-btn button {
  background: var(--Primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.newsletter-btn button:hover {
  background: var(--Primary-hover);
}

#couponNumber input {
  font-size: 16px;
}

.tab-search {
  display: flex;
  flex-direction: row;
  gap: 9px;
}
.tab-search #wizardNumber {
  width: 18%;
}
.tab-search #wizardNumber input {
  width: 100%;
  font-size: 16px;
}
.tab-search #creditMember {
  width: 15%;
}
.tab-search #creditMember input {
  width: 100%;
  font-size: 15px;
  cursor: pointer;
}
.tab-search #couponNumber {
  width: 16%;
}
.tab-search #couponNumber input {
  font-size: 16px;
}
.tab-search button {
  font-size: 12px;
  border: none;
  height: 30px;
  font-weight: 600;
  border-radius: 20px;
  /*padding: 1px 5px;*/
  display: flex;
  align-items: center;
  padding: 10px 10px;
  /*  &.selected-red-bg {
              color: #fff;
              background-color: #var(--Primary);
          }
  */
}
.tab-search button.selected {
  color: var(--Primary);
  border: 1px solid var(--Primary);
  background-color: #fff;
}
.tab-search button.unselected {
  background-color: #F8F8F8;
  color: #231F20;
}
.outgoing-tabs.selected {
  background-color: var(--Primary);
  color: white;
}
.outgoing-tabs button:hover {
  background-color: #e9e9e9;
}

.simple_searh_form {
  background-color: white;
  width: 387px;
  border: 1px solid var(--Primary);
  border-radius: 8px;
  position: relative;
}
.simple_searh_form .simple_searh_form_title {
  color: var(--Primary);
  font-size: 22px;
  padding-right: 30px;
  margin: 5px 0;
  letter-spacing: -0.33px;
}
.simple_searh_form .inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-top: 1px solid var(--Primary);
  padding: 20px 30px;
}
.simple_searh_form .inputs-wrapper .inputs-wrapper-section .dropdown-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 23px;
}
.simple_searh_form .inputs-wrapper .inputs-wrapper-section .dropdown-wrapper label {
  color: var(--Primary);
  font-size: 18px;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.simple_searh_form .inputs-wrapper .inputs-wrapper-section .dropdown-wrapper input {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .input-holder {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 23px;
}
.simple_searh_form .inputs-wrapper .input-holder .custom-date-wrapper {
  flex: 1 1 auto;
  width: 46.5%;
}
.simple_searh_form .inputs-wrapper .input-holder .custom-date-wrapper .select-custom .full-date {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .input-holder .custom-time-wrapper {
  flex: 1 1 auto;
  width: 46%;
}
.simple_searh_form .inputs-wrapper .input-holder .select-custom .day {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .input-holder .time-picker {
  position: relative;
}
.simple_searh_form .inputs-wrapper .input-holder .time-picker .select-custom .minutes {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .input-holder .time-picker .select-custom .hour {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .form-bottom-row {
  text-align: center;
}
.simple_searh_form .inputs-wrapper .form-bottom-row .total-rental-text .msg-text {
  font-size: 16px;
  letter-spacing: -0.24px;
}
.simple_searh_form .inputs-wrapper .form-bottom-row .total-rental-text .msg-text .number {
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .form-bottom-row .simple-search-btn {
  background: var(--Primary);
  color: white;
  border-radius: 6px;
  outline: none;
  margin: 0;
  width: 100%;
}
.simple_searh_form .inputs-wrapper .form-bottom-row .simple-search-btn .search-btn-text {
  margin-left: 5px;
  font-size: 16px;
}
.simple_searh_form .inputs-wrapper .form-bottom-row .simple-search-btn:hover {
  background-color: var(--Primary-hover);
}

.custom-date-wrapper {
  position: relative;
  flex: 1 1 auto;
  border-bottom: 1px solid #DCDDDE;
}
.custom-date-wrapper .input-picker {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.custom-date-wrapper .select-custom .month {
  position: relative;
  top: 0px;
  left: 3px;
}
.custom-date-wrapper a.select-custom {
  text-decoration: none;
  position: relative;
  pointer-events: none;
  font-size: 16px;
  color: #231F20;
  font-weight: normal;
  border: none;
  /*height: 27.5px;*/
  width: 100%;
  display: inline-block;
  padding: 0;
}
.custom-date-wrapper a.select-custom span.month {
  position: relative;
  top: 0px;
  left: 3px;
}
.custom-date-wrapper a.select-custom span.day {
  line-height: 0;
  position: relative;
  bottom: 0;
  font-size: 18px;
  color: #231F20;
}
.custom-date-wrapper:hover {
  border-color: #727272;
}

.select-custom-wrapper.custom-autocomplete {
  position: relative;
}

.checkbox-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.multi-select-custom-wrapper ul {
  border-radius: 6px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.multi-select-custom-wrapper ul li {
  padding: 12px;
}
.multi-select-custom-wrapper ul li:not(:last-child) {
  border-bottom: 1px solid var(--light-gray, #F4F4F4);
}

ul.select-options-custom {
  width: 100%;
  max-height: 300px;
  overflow-x: auto;
  background: white;
  list-style: none;
  padding-right: 0;
  text-align: right;
  position: absolute;
  border-top: 2 px solid black;
  display: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  z-index: 9;
  min-width: 150px;
  /*    -webkit-box-shadow: 0 3px 10px 0 rgb(0, 0, 0 / 20%);
  box-shadow: 0 3px 10px 0 rgb(0, 0, 0 / 20%);*/
  box-shadow: 0px 3px 6px #00000024;
}
ul.select-options-custom .disabled {
  color: #ccc;
}
ul.select-options-custom li a.with-icon {
  text-decoration: unset !important;
  margin: 6px 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  padding: 0;
  text-align: end;
}
ul.select-options-custom li a.with-icon span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  flex: 0 0 auto;
}

.multi-select-custom-wrapper ul.select-options-custom {
  overflow: none;
}
.multi-select-custom-wrapper ul.select-options-custom .list-items-wrapper {
  overflow: auto;
  max-height: calc(300px - 54px);
}

.multi-select-custom-wrapper .multi-select-buttons {
  display: flex;
  justify-content: space-between;
}
.multi-select-custom-wrapper .multi-select-buttons button {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
}

/*.multi-select-custom-wrapper {
    width: 100%;
    max-height: 300px;
    overflow-x: auto;
    background: white;
    list-style: none;
    padding-right: 0;
    text-align: right;
    position: absolute;
    border-top: 2 px solid black;
    display: none;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    z-index: 9;*/
/*    -webkit-box-shadow: 0 3px 10px 0 rgb(0, 0, 0 / 20%);
    box-shadow: 0 3px 10px 0 rgb(0, 0, 0 / 20%);*/
/*box-shadow: 0px 3px 6px #00000024;

    ul {
        li {
            a {
                &.with-icon {
                    text-decoration: unset !important;
                    margin: 6px 16px 0;
                    border-bottom: 1px solid rgba(0,0,0,.24);
                    padding: 0;
                    text-align: end;

                    span {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding-bottom: 8px;
                        flex: 0 0 auto;
                    }
                }
            }
        }
    }
}*/
body[dir=ltr] ul.select-options-custom {
  text-align: left;
}
body[dir=ltr] ul.select-options-custom li a.with-icon {
  text-align: start;
}
body[dir=ltr] ul.select-options-custom li a.with-icon span {
  order: 1;
}

ul.ul-min-width {
  width: 350px;
}

.tooltip .tooltip-inner {
  max-width: 500px;
}

.outgoing-age-tooltip {
  max-width: 201px;
  border-radius: 6px;
}
.outgoing-age-tooltip.tooltip.show {
  opacity: 1;
}
.outgoing-age-tooltip .tooltip-inner {
  opacity: 1;
  color: var(--Text, #212121);
  font-size: 12px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  background: var(--white, #FFF);
}
.outgoing-age-tooltip.bs-tooltip-top .tooltip-arrow::before, .outgoing-age-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: white;
}

ul.select-options-custom a {
  color: rgba(0, 0, 0, 0.87);
  padding: 6px 16px 0;
  display: block;
  position: relative;
  text-decoration: underline;
}

ul.select-options-custom a span.text {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  padding-bottom: 8px;
  word-break: break-word;
}

ul li .top {
  color: #d1062e;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1 px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.help-block.error {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  font-size: 12px;
  color: var(--Primary);
  bottom: -25px;
  right: 0;
  top: 25px;
}

.custom-input .help-block.error {
  position: unset;
}

.help-block.error:before {
  display: inline-block;
  content: "";
  height: 26px;
  width: 22px;
  background: var(--general-image) -169px -122px;
}

.position-card-page .help-block.error {
  top: 1px;
}

body[dir=ltr] .simple_searh_form .simple_searh_form_title {
  padding-right: unset;
  padding-left: 30px;
}

body[dir=ltr] .rotated-icon {
  transform: rotate(180deg);
}

body[dir=ltr] .rotated-icon-after:after {
  transform: rotate(180deg);
}

body[dir=ltr] .rotated-icon-before:before {
  transform: rotate(180deg);
}

body[dir=ltr] .reset-rotated-icon-after {
  transform: rotate(0);
}

body[dir=ltr] .reset-rotated-icon-before {
  transform: rotate(0);
}

body[dir=ltr] .reset-rotated-icon {
  transform: rotate(0);
}

.bold {
  font-weight: 600;
}

.custom-time-wrapper {
  flex: 1 1 0px;
  font-size: 16px;
}
.custom-time-wrapper .input-picker {
  width: 100%;
  height: 100%;
  /*opacity: 0;*/
  /*position: absolute;*/
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.custom-time-wrapper .select-custom {
  text-decoration: none;
  position: relative;
  pointer-events: none;
  font-size: 16px;
  color: #231F20;
  font-weight: normal;
  border: none;
  border-bottom: 1px solid #DCDDDE;
  /*height: 27.5px;*/
  width: 100%;
  display: inline-block;
}
.custom-time-wrapper .select-custom .hour {
  position: relative;
  top: 0px;
  left: 3px;
}
.custom-time-wrapper .select-custom .minutes {
  line-height: 0;
  position: relative;
  bottom: 0;
  color: #231F20;
}
.custom-time-wrapper .custom-time-picker {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--Primary);
  border-radius: 8px;
  right: -5px;
  z-index: 5;
  min-width: 215px;
  min-height: 115px;
  padding: 20px;
  position: absolute;
  background: white;
}
.custom-time-wrapper .custom-time-picker.with-details {
  flex-direction: row;
  right: -335px;
}
.custom-time-wrapper .custom-time-picker.with-details .show-details-btn {
  display: none;
  margin-top: 20px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border: unset;
  background-color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--Primary);
}
.custom-time-wrapper .custom-time-picker.with-details .show-details-btn span.red-arrow-down-icon {
  transition: all 200ms;
}
.custom-time-wrapper .custom-time-picker.with-details .show-details-btn.collapsed span.red-arrow-down-icon {
  transform: rotate(180deg);
}
.custom-time-wrapper .custom-time-picker.with-details .custom-time-picker-inputs {
  display: flex;
  flex-direction: column;
  min-width: 155px;
  min-height: 115px;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper {
  display: flex;
  height: auto;
  transition: height 200ms;
  overflow: hidden;
  flex-direction: column;
  gap: 20px;
  margin-left: 30px;
  padding-left: 30px;
  border-left: solid 1px #F4F4F4;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper.show {
  display: flex;
  height: auto;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper .title {
  font-size: 17px;
  line-height: 22px;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row span {
  font-size: 15px;
  line-height: 20px;
  min-width: 90px;
}
.custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row .times-wrapper {
  display: flex;
  flex-direction: column;
  order: 1;
  text-align: end;
}
.custom-time-wrapper .custom-time-picker .time-picker-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.custom-time-wrapper .custom-time-picker .time-picker-row .select-wrapper {
  flex: 1 1 0px;
}
.custom-time-wrapper .custom-time-picker .time-picker-row .select-wrapper .custom-minutes, .custom-time-wrapper .custom-time-picker .time-picker-row .select-wrapper .custom-hours {
  width: 100%;
}
.custom-time-wrapper .custom-time-picker .time-select-btn {
  align-self: center;
  width: 100%;
}
.custom-time-wrapper .custom-time-picker .time-select-btn .select-custom-time-button {
  margin-top: 16px;
  color: #fff;
  border-radius: 6px;
  border: none;
  font-size: 16px;
  background-color: var(--Primary);
  height: 32px;
}

/** Custom time picker in english */
body[dir=ltr] .custom-time-wrapper {
  /** Custom time picker in english in mobile */
}
body[dir=ltr] .custom-time-wrapper .custom-time-picker.with-details {
  left: -335px;
  right: 0;
}
body[dir=ltr] .custom-time-wrapper .custom-time-picker.with-details .details-wrapper {
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 30px;
  margin-right: 30px;
  border-right: solid 1px #f4f4f4;
  border-left: unset;
  margin-left: 0px;
  padding-left: 0px;
  border-left: unset;
}
body[dir=ltr] .custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row .times-wrapper {
  text-align: unset;
}
body[dir=ltr] .custom-time-wrapper .custom-time-picker .time-picker-row {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1279px) {
  body[dir=ltr] .custom-time-wrapper .custom-time-picker.with-details {
    left: -60px;
  }
  body[dir=ltr] .custom-time-wrapper .custom-time-picker.with-details .details-wrapper {
    margin-right: 0px;
    padding-right: 0px;
    border-right: unset;
  }
}

/** Custom time picker in Mobile  */
@media screen and (max-width: 1279px) {
  .custom-time-wrapper .custom-time-picker {
    width: 100%;
    right: 0px;
    z-index: 2;
  }
  .custom-time-wrapper .custom-time-picker.with-details {
    right: -60px;
    flex-direction: column;
  }
  .custom-time-wrapper .custom-time-picker.with-details .custom-time-picker-inputs {
    min-height: unset;
  }
  .custom-time-wrapper .custom-time-picker.with-details .show-details-btn {
    display: flex;
  }
  .custom-time-wrapper .custom-time-picker.with-details .details-wrapper {
    height: 0px;
    margin-left: 0px;
    padding-left: 0px;
    order: 1;
    border-left: unset;
  }
  .custom-time-wrapper .custom-time-picker.with-details .details-wrapper .title {
    display: none;
  }
  .custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details {
    padding-top: 20px;
  }
  .custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row {
    justify-content: space-between;
  }
  .custom-time-wrapper .custom-time-picker.with-details .details-wrapper .details .detail-row span {
    min-width: unset;
  }
}
.col-37 {
  width: 37%;
}

.col-36 {
  width: 36%;
}

.col-30 {
  width: 30%;
}

.col-65 {
  width: 65%;
}

.col-64 {
  width: 64%;
}

.col-25 {
  width: 25%;
}

.col-20 {
  width: 20%;
}

.col-10 {
  width: 10%;
}

.col-15 {
  width: 15%;
}

.hide {
  display: none !important;
}

.rental-age-wrapper {
  /*select:invalid {
      color: #999;*/
  /* Placeholder color (gray) */
  /*}*/
}
.rental-age-wrapper select:has(option:checked[value=""]) {
  color: #999;
}
.rental-age-wrapper select:has(option:checked[value=""]) option {
  color: initial;
}

select, input {
  background-color: #fff;
  color: #231F20;
}
select.bottom-border, input.bottom-border {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #DCDDDE;
}
select.bottom-border:focus-visible, input.bottom-border:focus-visible {
  outline: none;
  border-bottom: 1px solid var(--Primary);
}
select.bottom-border:focus-visible:hover, input.bottom-border:focus-visible:hover {
  border-bottom: 1px solid #727272;
}
select.bottom-border:hover, input.bottom-border:hover {
  border-bottom: 1px solid #727272;
}
select.full-border-input, input.full-border-input {
  border-radius: 6px;
  border: 1px solid #DCDDDE;
  text-indent: 20px;
  height: 45px;
  width: 100%;
}
select.full-border-input:focus-visible, input.full-border-input:focus-visible {
  outline: none;
  border: 1px solid var(--Primary);
}
select.full-border-input::placeholder, input.full-border-input::placeholder {
  color: #999B9E;
}
select.full-border-input:hover, input.full-border-input:hover {
  border: 1px solid #727272;
}

.icon.icon-date {
  content: url("../assets/temp/date-picker.svg");
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}
.icon.icon-down-arrow {
  content: url("../assets/temp/chevron-down.png");
  width: 10px;
  position: absolute;
  left: 0;
  object-fit: contain;
  background-color: white;
  height: 97%;
  pointer-events: none;
  cursor: pointer;
}
.icon.icon-search-glass {
  content: url(../assets/temp/sreach-glass.svg);
}
.icon.icon-search {
  content: url(../assets/temp/sreach-glass.svg);
  width: 20px;
  position: absolute;
  left: 0;
  object-fit: contain;
  background-color: white;
  height: 97%;
  pointer-events: none;
  cursor: pointer;
}
.icon.selected-coupon-icon {
  content: url(../assets/selected_coupon.svg);
}
.icon.unselected-coupon-icon {
  content: url(../assets/unselected_coupon.svg);
}
.icon.selected-coupon-icon, .icon.unselected-coupon-icon {
  height: 18px;
  width: 18px;
}

.discount-check-icon {
  background: url("/assets/icons/discount-check.svg?v=XbVebsKKJq6kxG58OYIfmRhF4Yo");
  display: inline-block;
  height: 18px;
  width: 18px;
}

.links-icon-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.links-icon-wrapper a {
  width: 45px;
  height: 45px;
}

.header-content .header-title h1 {
  font-size: 26px;
}
.header-content .header-title h2 {
  font-size: 26px;
}
.header-content .header-title .header-locations {
  display: none;
}

#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper {
  flex: 1 1 27%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper input {
  cursor: pointer;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper #rent-from-country {
  flex: 1 1 48%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper #rent-from-country input {
  width: 100%;
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper #outgoing-from-state input {
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper #rent-from-station {
  flex: 1 1 48%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-station-wrapper #rent-from-station input {
  width: 100%;
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .from-date-time-wrapper {
  flex: 1 1 22%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .to-date-time-wrapper {
  flex: 1 1 22%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .rental-age-wrapper {
  flex: 1 1 10%;
  position: relative;
  min-width: fit-content;
  padding: 0;
}
#outgoingRentalSearchTab #car-rent .container-fluid .first-row-container .rental-age-wrapper label {
  display: flex;
  align-items: center;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container {
  position: relative;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing {
  flex: 0 0 32%;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #to-station {
  height: fit-content;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing input {
  cursor: pointer;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #outgoing-to-country {
  flex: 1 1 48%;
  height: fit-content;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #outgoing-to-country input {
  width: 100%;
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #outgoing-to-state input {
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #rent-to-station {
  flex: 1 1 48%;
  height: fit-content;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .to-station-wrapper-outgoing #rent-to-station input {
  width: 100%;
  font-size: 16px;
}
#outgoingRentalSearchTab #car-rent .container-fluid .second-row-container .bottom-row-wrapper .tab-search .btn-row .selected {
  background-color: var(--Primary);
  color: white;
}

.map-wrapper {
  width: 100%;
}
.map-wrapper .close-map-button {
  display: none;
}

.connect-to-private-area-dialog .modal-dialog {
  width: 336px;
}
.connect-to-private-area-dialog .modal-dialog .modal-content {
  background: transparent;
  border: none;
}
.connect-to-private-area-dialog .modal-dialog .modal-content #connect-to-private-area-dialog-label {
  position: relative;
  position: relative;
  top: 40px;
  left: 10px;
}
.connect-to-private-area-dialog .modal-dialog iframe {
  height: 500px;
  max-height: 100%;
  width: 300px;
}

@media screen and (max-width: 1199px) {
  #home-search-root {
    margin: 0 20px;
    min-width: 30px;
    min-height: 30px;
  }

  body {
    /*
            select {
                background-image: none;
            }

            .leasing-search-form,
            .leasing-search-filter,
            .date-time-picker {
                select {
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    background-color: transparent;
                    background-image: url(/assets/select-input-arrow.svg?v=U29KEcpaMjLKG21n17optVEEB2I);
                    background-repeat: no-repeat;
                    background-position: 5px;
                    border-radius: 0;
                }
            }
    */
  }
  body .main-serach-banner {
    margin-top: 40px;
  }
  body .select-custom-wrapper .icon-down-arrow {
    display: none;
  }
  #contactus {
    flex-direction: column;
    max-height: none;
    max-width: none;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    gap: 35px;
    margin-top: 0;
  }
  #contactus .contactus-text {
    text-align: center;
    margin-bottom: 0;
    margin-left: 0;
  }
  #contactus .contactus-text .red-header {
    line-height: 23px;
  }
  #contactus .contactus-text p {
    margin-top: 13px;
  }
  #contactus .contactus-icons-wrapper {
    display: flex;
    flex-direction: row;
    max-width: 540px;
    justify-content: center;
  }

  #newsletter .wrapper {
    /*height: 110%;*/
  }
  #newsletter .wrapper .confirmation-content {
    text-align: center;
    width: 90%;
  }
  #newsletter .wrapper .confirmation-content .red-btn-wrapper {
    width: 100%;
  }
  #newsletter .newsletter {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: unset;
    padding-right: 0;
  }
  #newsletter .newsletter .newsletter-content {
    width: unset;
  }
  #newsletter .newsletter .newsletter-content .newsletter-text {
    margin-top: 0;
    width: unset;
  }
  #newsletter .newsletter .newsletter-content .newsletter-text .newsletter-title {
    margin-bottom: 8px;
    line-height: 30px;
    font-size: 28px;
    white-space: unset;
  }
  #newsletter .newsletter .newsletter-content .newsletter-text .newsletter-subtext {
    line-height: 28px;
    font-size: 20px;
  }
  #newsletter .newsletter .newsletter-content .newsletter-image {
    align-self: center;
    width: 120px;
    height: 108px;
  }
  #newsletter .newsletter .newsletter-content .newsletter-image img {
    width: auto;
    max-width: none;
    height: 100%;
  }
  #newsletter .newsletter .newsletter-form {
    flex-direction: column;
    width: 100%;
    min-width: unset;
    gap: 15px;
    margin-right: 0;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs {
    width: 100%;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .checkbox-wrapper {
    position: relative;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .checkbox-wrapper .checkbox-span-wrapper {
    align-items: unset;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .checkbox-wrapper .checkbox-span-wrapper .custom-checkbox {
    top: 10px;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .inputs-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .name-input {
    width: 100%;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .surname-input {
    width: 100%;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .phone-input {
    width: 100%;
  }
  #newsletter .newsletter .newsletter-form .newsletter-inputs .email-input {
    width: 100%;
  }
  #newsletter .newsletter .newsletter-form .checkbox-wrapper .checkbox-span-wrapper .checkbox-text {
    line-height: 22px;
    margin-bottom: 10px;
  }
  #newsletter .newsletter .red-btn-wrapper {
    width: 100%;
    margin-bottom: 40px;
  }
  #newsletter .newsletter .red-btn-wrapper .borders {
    width: 100%;
  }

  /* ~~~~~~~ Mobile ~~~~~~ */
  #outgoingRentalSearchTab {
    padding-top: 20px;
  }
  #outgoingRentalSearchTab .header-content .header-title {
    color: #231F20;
    font-size: 32px;
    /* margin-top: 22px;
    margin-bottom: 10px;*/
  }
  #outgoingRentalSearchTab .header-content .header-title .header-locations {
    display: block;
    color: var(--Primary);
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
  }
  #outgoingRentalSearchTab .header-description {
    display: block;
    /*.header-text {
        margin: 0 40px;
    }*/
  }

  .red-bottom-border {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid var(--Primary);
  }

  .select.select-orig {
    width: 100%;
    height: 3.8rem;
    border: 0;
    opacity: 0;
    margin: 0;
    clip: initial;
    position: absolute;
    top: 25px;
    left: 0;
  }

  .leasing-offers-wrapper .leasing-offers-list {
    width: 100%;
  }

  .umb-grid .home-page-leasing-offers > .row {
    width: 94%;
    max-width: 387px;
  }

  .top-white-bottom-grey-container {
    background: linear-gradient(180deg, white 12.5%, #f8f8f8 0%, #f8f8f8 87.5%);
  }
}
.repContact {
  display: flex;
  flex-direction: row;
  align-items: center;
  /*min-width: 85.312%;*/
  max-width: 1638px;
  min-height: 151px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000000F;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  padding-right: 2.2%;
  margin: 0 auto;
}
.repContact .repContact-text {
  width: 22%;
  margin-left: 8%;
}
.repContact .repContact-text .red-header {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.42px;
  font-weight: 600;
}
.repContact .repContact-text p {
  letter-spacing: -0.3px;
  font-size: 20px;
  line-height: 43px;
  margin-top: -15px;
  font-weight: 600;
  white-space: nowrap;
}
.repContact .repContact-form {
  flex-direction: column;
  width: 71%;
  align-items: start;
  display: flex;
  gap: 15px;
}
.repContact .repContact-form .input-btn-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  justify-content: start;
  align-content: center;
}
.repContact .repContact-form .inputs-wrapper {
  display: flex;
  flex-direction: row;
  width: 82%;
  gap: 1%;
  margin-left: 4%;
}
.repContact .repContact-form .inputs-wrapper .flex-input {
  flex: 1 1 32%;
  position: relative;
}
.repContact .repContact-form .inputs-wrapper .flex-input .error {
  top: 40px;
}
.repContact .repContact-form .inputs-wrapper .flex-input input {
  width: 100%;
}
.repContact .repContact-form .left-column-wrapper {
  width: 14%;
  min-width: fit-content;
}
.repContact .repContact-form .left-column-wrapper .red-btn-wrapper button {
  width: 100%;
  gap: 10px;
  justify-content: unset;
}

.contactus {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 151px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000000F;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  max-width: 1638px;
  margin: 0 auto;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
.contactus .contactus-text {
  flex: 1;
}
.contactus .contactus-text .red-header {
  font-size: 20px;
  line-height: 43px;
  letter-spacing: -0.3px;
  font-weight: 600;
}
.contactus .contactus-text p {
  margin-top: -15px;
  font-weight: 600;
}
.contactus .contactus-icons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.contactus .icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
  text-decoration: none;
  -webkit-box-shadow: none;
}
.contactus .icon-wrapper .contact-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contactus .icon-wrapper .image-holder img {
  width: 55px;
  height: 55px;
  object-fit: contain;
}
.contactus .icon-wrapper .link-text {
  white-space: nowrap;
  color: #231F20;
  line-height: 43px;
  letter-spacing: -0.24px;
}

.whatsapp-main-chat {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  cursor: pointer;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
  height: 60px;
  width: 60px;
}

#newsletter {
  position: relative;
}

.rep-contact-wrapper {
  position: relative;
}
.rep-contact-wrapper .wrapper {
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
  background-color: white;
  max-width: 500px;
  width: calc(100% - 20px);
  margin: auto;
  left: 0;
  right: 0;
  padding: 40px;
}
.rep-contact-wrapper .wrapper .confirmation-content, .rep-contact-wrapper .wrapper .denial-content {
  align-items: center;
  gap: unset;
  width: unset;
}
.rep-contact-wrapper .wrapper .confirmation-content h2, .rep-contact-wrapper .wrapper .denial-content h2 {
  line-height: 30px;
}
.rep-contact-wrapper .wrapper .close-button {
  position: absolute;
  top: 20px;
  left: 20px;
}
.rep-contact-wrapper .wrapper .close-button button {
  background: none;
  border: none;
}

.wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  /*top: -58px;*/
  border-radius: 8px;
  box-shadow: 0px 8px 30px #00000017;
  opacity: 1;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapper .confirmation-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 40%;
}
.wrapper .confirmation-content .red-btn-wrapper {
  width: 52%;
}
.wrapper .confirmation-content .red-btn-wrapper button {
  width: 100%;
}

.newsletter {
  display: flex;
  flex-direction: row;
  height: 334px;
  min-width: 85.312%;
  padding-left: 0;
  justify-content: center;
  gap: 5%;
}
.newsletter .newsletter-content {
  display: flex;
  flex-direction: row;
  width: 37%;
}
.newsletter .newsletter-content .newsletter-image {
  width: 285px;
  height: 285px;
}
.newsletter .newsletter-content .newsletter-image img {
  height: 100%;
  width: 100%;
}
.newsletter .newsletter-content .newsletter-text {
  align-self: center;
}
.newsletter .newsletter-content .newsletter-title {
  color: var(--Primary);
  font-size: 28px;
  white-space: nowrap;
}
.newsletter .newsletter-content .newsletter-subtext {
  font-size: 16px;
}
.newsletter .newsletter-form {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  width: 911px;
}
.newsletter .newsletter-form .newsletter-inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper .name-input {
  width: 20%;
  position: relative;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper .surname-input {
  width: 20%;
  position: relative;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper .phone-input {
  width: 20%;
  position: relative;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper .email-input {
  width: 20%;
  position: relative;
}
.newsletter .newsletter-form .newsletter-inputs .inputs-wrapper .error {
  top: 40px;
}
.newsletter .newsletter-form .newsletter-inputs .checkbox-wrapper {
  position: relative;
}
.newsletter .newsletter-form .newsletter-inputs .checkbox-wrapper .checkbox-span-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.newsletter .newsletter-form .newsletter-inputs .checkbox-text {
  color: #231F20;
  text-align: right;
}

.home-search-wrapper {
  height: 70px;
  margin: 40px auto;
  max-width: 740px;
}
.home-search-wrapper .search-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.home-search-wrapper .main-serach-banner {
  background-color: white;
  box-shadow: 0px 8px 15px #0000001a;
  padding: 20px 30px;
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  color: #231f20;
}
.home-search-wrapper .main-serach-banner .text {
  font-size: 20px;
}
.home-search-wrapper .main-serach-banner .vertical-line {
  width: 1.5px;
  background-color: #231f20;
  height: 20px;
  align-self: center;
}
.home-search-wrapper .main-serach-banner .search-input-wrapper input::placeholder {
  color: #A7A9AC;
  font-size: 20px;
}

.select-custom-no-border {
  border: none;
}
.select-custom-no-border:focus-visible {
  outline: none;
}

@media screen and (min-width: 1367px) {
  .rental-search-tab-wrapper .rental-form-wrapper {
    left: calc(calc(100% - 1360px) / 2);
  }
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
  .umb-grid .home-page-leasing-offers > .row {
    width: 804px;
  }

  .top-white-bottom-grey-container {
    background: linear-gradient(180deg, white 12.5%, #f8f8f8 0%, #f8f8f8 87.5%);
  }
}
@media screen and (min-width: 1400px) and (max-width: 1775px) {
  .umb-grid .home-page-leasing-offers > .row {
    width: 1221px;
  }

  .top-white-bottom-grey-container {
    background: linear-gradient(180deg, white 16.5%, #f8f8f8 0%, #f8f8f8 84.5%);
  }
}
@media screen and (min-width: 1776px) {
  .container {
    max-width: 1680px;
  }
}
@media only screen and (max-width: 768px) {
  .leasing-offers-wrapper .benefits {
    display: inline-block !important;
    margin: 0 auto;
  }

  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper {
    height: initial;
  }
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content {
    flex-direction: column;
    padding: 0 10px;
  }
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content .first-row-container {
    width: 100%;
  }
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content .left-column-wrapper {
    margin: 0 auto;
    padding: 20px 20px;
    width: 100%;
    gap: 10px;
  }
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content .left-column-wrapper .red-btn-wrapper {
    width: 100%;
  }
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content .left-column-wrapper .red-btn-wrapper button {
    width: 100%;
    border-radius: 6px;
  }
}
#incomingRentalSearchTab select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

@media screen and (max-width: 620px) {
  #contactus .contactus-icons-wrapper {
    max-width: 160px;
  }
}
@media only screen and (max-width: 568px) {
  .rental-search-tab-wrapper.search-reservation .rental-form-wrapper form.form-content .first-row-container {
    flex-direction: column;
  }

  .header .side-menu-wrapper {
    width: 100%;
  }
  .header .side-menu-wrapper ul.side-menu {
    width: 100%;
  }
}
.airport-station {
  color: #d1062e !important;
}

.popular-station {
  color: #d1062e !important;
}

#car-rent .col-flex {
  flex: 1 1 0px;
}
#car-rent .col-flex .date-time-picker input {
  max-width: none;
}

@media (max-width: 1279px) {
  .header .side-menu-wrapper {
    height: calc(100vh - 96px);
  }
  .header .side-menu-wrapper ul.side-menu {
    overflow: overlay;
    display: block;
  }

  .cars-offers .poinsts {
    gap: 10px;
    flex-direction: column;
  }
  .cars-offers .poinsts li {
    align-items: center;
    height: 25px;
  }
  .cars-offers .poinsts li span {
    font-size: 16px;
  }

  .simple_searh_form .inputs-wrapper {
    padding: 20px 30px;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .dropdown-wrapper .select-station-wrapper {
    font-size: 16px;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder {
    gap: 9%;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder .custom-time-wrapper {
    flex: 1 1 auto;
    width: 46.5%;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder .custom-time-wrapper .select-custom .hour, .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder .custom-time-wrapper .select-custom .minutes {
    font-size: 16px;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder .custom-date-wrapper {
    flex: 1 1 auto;
    width: 44%;
  }
  .simple_searh_form .inputs-wrapper .inputs-wrapper-section .input-holder .custom-date-wrapper .select-custom .full-date {
    font-size: 16px;
  }

  .contactus {
    box-shadow: 0px 0px 10px #00000029;
  }

  .umbraco-grid-padding-top {
    padding-top: 0px;
  }
}
/*Pinterest animation*/
/* colors */
.svg-gray {
  filter: brightness(0) saturate(100%) invert(47%) sepia(14%) saturate(9%) hue-rotate(314deg) brightness(94%) contrast(96%);
}

@media (max-width: 1199px) {
  body .hover-card-wrapper {
    position: relative;
    display: block;
    right: 0;
    top: 21px;
    max-width: 100%;
  }
  body .hover-card-wrapper .map-popup-triangle {
    left: calc(50% + 30%);
  }

  #repContact {
    display: flex;
    flex-direction: column;
    min-height: 365px;
    gap: 28px;
    padding: 25px 0 29px 0;
  }
  #repContact .repContact-text {
    width: 80%;
    margin-left: 0;
    text-align: center;
  }
  #repContact .repContact-text .red-header {
    font-size: 20px;
    letter-spacing: -0.36px;
    white-space: unset;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #repContact .repContact-text p {
    letter-spacing: -0.3px;
    color: #231F20;
    font-size: 18px;
    margin-bottom: 0;
    white-space: unset;
    line-height: 24px;
  }
  #repContact .repContact-form {
    width: 88.7%;
    flex-direction: column;
    gap: 17px;
  }
  #repContact .repContact-form .input-btn-wrapper {
    flex-direction: column;
  }
  #repContact .repContact-form .inputs-wrapper {
    margin-left: 0;
    width: 100%;
    flex-direction: column;
    gap: 15px;
  }
  #repContact .red-btn-wrapper {
    width: 100%;
  }
  #repContact .red-btn-wrapper button {
    width: 100%;
  }

  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form {
    width: 100%;
    margin: unset;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .toggle-wrapper {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row {
    flex-direction: column;
    margin-top: 20px;
    gap: 20px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .multi-select-custom-wrapper {
    width: 100%;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .select-custom-wrapper {
    width: 100%;
    margin-left: unset;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .select-custom-wrapper img {
    width: 16px;
    height: 16px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .car-sale-form-wrapper #car-sale-form .car-sale-bottom-row .simple-search-btn {
    width: 100%;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .left-header-content-wrapper {
    display: none;
  }

  .rental-search-tab-wrapper.search-carsale .header-contant-wrapper {
    height: unset;
    padding-bottom: 20px;
  }
  .rental-search-tab-wrapper.search-carsale .header-contant-wrapper .right-header-content {
    padding-top: 20px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper {
    height: auto;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content {
    padding-top: 0;
    padding-right: 40px;
    padding-left: 40px;
    width: 100%;
    text-align: center;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content p {
    margin: auto;
    font-size: 16px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .huge-headline {
    font-size: 34px;
    font-weight: 100;
    line-height: normal;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .red-huge-headline {
    font-size: 32px;
    line-height: 30px;
    padding-bottom: 10px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content .red-huge-headline span {
    line-height: 40px;
  }
  .rental-search-tab-wrapper .header-contant-wrapper .right-header-content span.red-huge-headline {
    font-size: 32px;
    /*margin-bottom: 10px;*/
    margin: -15px 0 10px 0;
    display: block;
  }
  .rental-search-tab-wrapper .header-contant-wrapper.map-header {
    height: initial;
  }
  .rental-search-tab-wrapper .rental-form-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0 20px;
  }

  .rental-search-tab-wrapper:not(.search-reservation) {
    padding-bottom: 10px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-search-tab-wrapper {
    background: none;
    margin: 0;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper {
    height: initial;
    padding-left: 20px;
    margin-bottom: 60px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper .from-station-wrapper {
    flex: 0 0 100% !important;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper .to-station-wrapper {
    flex: 0 0 100% !important;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content {
    height: initial;
    flex-wrap: wrap;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid {
    margin-left: 0;
    gap: 24px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid select {
    -webkit-appearance: none;
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container {
    gap: 20px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper {
    flex-direction: column;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .btn-row {
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .btn-row .return-tab {
    display: flex;
    justify-content: space-between;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .btn-row .return-tab .return-btn {
    border: none;
    background: none;
    border-bottom: 1px solid #231F20;
    color: var(--Primary);
    border-color: var(--Primary);
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .btn-row .return-tab .selected {
    color: var(--Primary);
    border-color: var(--Primary);
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .select-station-wrapper {
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-station-wrapper .select-state-station-wrapper .select-station-wrapper .select-custom {
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .from-date-time-wrapper, .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .to-date-time-wrapper {
    min-width: 100%;
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .time-picker {
    width: 50%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .time-picker input {
    max-width: initial;
    width: 100%;
    cursor: pointer;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .date-picker {
    width: 50%;
    flex: none;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .date-time-picker .date-picker input {
    max-width: initial;
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper {
    max-width: initial;
    width: 100%;
    flex: 1 1 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper .date-picker {
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .first-row-container .birth-day-wrapper .date-picker input {
    width: 100%;
    min-width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container {
    /*margin: 0 auto;*/
    padding: 0 13px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper {
    padding-left: unset;
    padding-right: unset;
    display: initial;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper .mobile-tab-inputs {
    display: flex;
    flex-direction: column;
    gap: 13px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper .tab-search {
    text-align: center;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper .tab-search .btn-row {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 50%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper .tab-search .btn-row button {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .container-fluid .second-row-container .bottom-row-wrapper input {
    width: 100%;
    margin: 10px 0;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .left-column-wrapper {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    gap: 10px;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .left-column-wrapper .red-btn-wrapper {
    width: 100%;
  }
  .rental-search-tab-wrapper:not(.search-reservation) .rental-form-wrapper form.form-content .left-column-wrapper .red-btn-wrapper button {
    width: 100%;
    border-radius: 6px;
  }

  .map-wrapper:not(.background-map) {
    width: 100vw;
    position: fixed;
    top: 0;
    right: 50%;
    height: calc(100vh - 96px);
    z-index: 9;
    transform: translateX(50%);
    margin-top: 96px;
    padding: 0;
    background-color: #fff;
  }
  .map-wrapper:not(.background-map) .tag-list {
    display: hide;
  }
  .map-wrapper:not(.background-map) #stations-map-root {
    width: 100%;
    margin: 0 auto;
  }
  .map-wrapper:not(.background-map) .close-map-button {
    display: initial;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 20px;
    box-shadow: 0px 8px 15px #00000029;
    border: none;
    background-color: #fff;
    border-radius: 100%;
  }
  .map-wrapper:not(.background-map) .close-map-button:after {
    content: "✖";
    font-size: 20px;
    color: #E50019;
  }
}
@keyframes move-up {
  /*   0% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }

  50% {
      -webkit-transform: translateY(-20%);
      transform: translateY(-20%);
  }

  100% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
  }*/
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes car-sale-move-up {
  /*    0% {
      -webkit-transform: translateY(0%) rotate(354deg);
      transform: translateY(0%) rotate(354deg);
  }

  50% {
      -webkit-transform: translateY(-10%) rotate(354deg);
      transform: translateY(-10%) rotate(354deg);
  }

  100% {
      -webkit-transform: translateY(0%) rotate(354deg);
      transform: translateY(0%) rotate(354deg);
  }*/
  0% {
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
  }
  100% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@keyframes move-up-english {
  /*    0% {
      -webkit-transform: translateY(0%) rotate(2deg);
      transform: translateY(0%) rotate(6deg);
  }

  50% {
      -webkit-transform: translateY(-50%) rotate(6deg);
      transform: translateY(-50%) rotate(6deg);
  }

  100% {
      -webkit-transform: translateY(0%) rotate(6deg);
      transform: translateY(0%) rotate(6deg);
  }*/
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.remove-padding-horizontal {
  padding-left: 0;
  padding-right: 0;
}

#multi-select-backdrop {
  opacity: 0;
  z-index: 1;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.swiper-button-next, .swiper-button-prev {
  z-index: 2;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ Umbraco Grid Style ~~~~~~~~~~~~~~~~~~~~~~  */
.text-center {
  text-align: center;
}

.umbraco-grid-padding-bottom {
  padding-bottom: 60px;
}

.umbraco-grid-padding-top {
  padding-top: 60px;
}

.padding-top-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-top-bottom-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.margin-top {
  margin-top: 30px;
}

.margin-top-XL.margin-top {
  margin-top: 60px;
}

.padding-top {
  padding-top: 30px;
}

.padding-bottom {
  padding-bottom: 30px;
}

.padding-top-XL.padding-top-bottom {
  padding-top: 60px;
}
.padding-top-XL.padding-top {
  padding-top: 60px;
}

.padding-bottom-XL.padding-top-bottom {
  padding-bottom: 60px;
}
.padding-bottom-XL.padding-bottom {
  padding-top: 60px;
}

.no-padding-left-right {
  padding-left: 0;
  padding-right: 0;
}

/* ~~~~~~~~~~~ Gray background ~~~~~~~~~~~ */
@media (max-width: 1279px) {
  .leasing-search-fit-screen {
    height: auto;
  }
  .gray-background-full {
    background-color: #F8F8F8;
  }

  .gray-background-top-white {
    background-color: #F8F8F8;
  }

  .gray-background-bottom-white {
    background: unset;
  }

  .article-page-gray-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% 65%, #fff 65% 100%);
  }

  .car-sale-results-page-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% calc(100% - 350px), #fff calc(100% - 350px) 100%);
  }

  .gray-background-half-white {
    background: linear-gradient(0deg, #fff 0% 50%, #f8f8f8 50% 100%);
  }

  .padding-top-XL.padding-top-bottom {
    padding-top: 30px;
  }
  .padding-top-XL.padding-top {
    padding-top: 30px;
  }

  .padding-bottom-XL.padding-top-bottom {
    padding-bottom: 30px;
  }
  .padding-bottom-XL.padding-bottom {
    padding-top: 30px;
  }

  .margin-top-XL.margin-top {
    margin-top: 30px;
  }

  .umbraco-grid-padding-bottom {
    padding-bottom: 30px;
  }
}
.rich-text {
  max-width: 1360px;
  word-break: break-word !important;
}
.rich-text ul {
  padding-right: 30px !important;
}

@media (min-width: 1279px) {
  .gray-background-full {
    background-color: #F8F8F8;
  }

  .benefits-page-gray-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% 65%, #fff 65% 100%);
  }

  .article-page-gray-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% calc(100% - 150px), #fff calc(100% - 150px) 100%);
  }

  .magazin-page-gray-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% calc(100% - 200px), #fff calc(100% - 200px) 100%);
  }

  .car-sale-results-page-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% calc(100% - 200px), #fff calc(100% - 200px) 100%);
  }

  .car-sale-manufacturer-page-background-top-white {
    background: linear-gradient(0deg, #fff 110px, #f8f8f8 0% calc(100% - 350px), #fff calc(100% - 350px) 100%);
  }

  .gray-background-top-white {
    background: linear-gradient(0deg, #f8f8f8 0% 65%, #fff 65% 100%);
  }

  .gray-background-bottom-white {
    background: linear-gradient(0deg, #fff 0% 10%, #f8f8f8 10% 100%);
  }

  .gray-background-half-white {
    background: linear-gradient(0deg, #fff 0% 50%, #f8f8f8 50% 100%);
  }

  /*#region external privacy component desktop*/
  #p13-fab {
    bottom: 48px !important;
  }

  /*#endregion external privacy component desktop*/
}
.disable-scroll {
  overflow: hidden;
}

/* ~~~~~~~ Englis ~~~~~~~~~~*/
body[dir=ltr] ul.side-menu li a + ul + .arrow {
  left: unset;
  right: 0;
}

body[dir=ltr] header .main-menu .row .left-side-menu {
  justify-content: right;
}

body[dir=ltr] .icon.icon-date {
  left: unset;
  right: 0;
}
body[dir=ltr] .icon.icon-down-arrow {
  left: unset;
  right: 0;
}
body[dir=ltr] .icon.icon-search {
  left: unset;
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
body[dir=ltr] .rental-search-tab-wrapper .rental-form-wrapper {
  padding-right: unset;
  padding-left: 30px;
}
body[dir=ltr] .rental-search-tab-wrapper .rental-form-wrapper .form-content .left-column-wrapper .red-btn-wrapper {
  width: 100%;
}
body[dir=ltr] .rental-search-tab-wrapper .rental-form-wrapper .form-content .left-column-wrapper .red-btn-wrapper .one-side-border-radius {
  border-radius: 6px 0 0 6px;
  width: 100%;
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper {
  /* .left-header-content-wrapper {
      width: 60%;

      .left-header-content {
          animation: move-up-english 30s linear infinite;
          width: 100%;
          transform: rotate(6deg);
      }
  }*/
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .right-header-content {
  padding-right: 0;
  padding-left: 141px;
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .left-header-content {
  transform: rotate(6deg);
  right: 100px;
  left: 0;
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .left-header-content .left-header-pint {
  position: relative;
  overflow: hidden;
  animation: move-up-english 10s linear infinite;
  width: 850px;
  right: 120px;
  animation-play-state: paused;
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .left-header-content .left-header-pint .top-destinatiion-cards {
  width: 850px;
  margin: 0;
}
body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .left-header-content .left-header-pint:hover {
  animation-play-state: unset;
}
@media only screen and (max-width: 1279px) {
  body[dir=ltr] .rental-search-tab-wrapper .header-contant-wrapper .right-header-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1279px) {
  body[dir=ltr] .rental-search-tab-wrapper .rental-form-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}

body[dir=ltr] .contactus .contactus-text {
  margin-left: unset;
  margin-right: 12%;
}
body[dir=ltr] .contactus .icon-wrapper .contact-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body[dir=ltr] .contactus .icon-wrapper .contact-card .link-text + img {
  transform: rotate(180deg);
}

body[dir=ltr] .repContact {
  padding-left: 2.2%;
  padding-right: unset;
}
body[dir=ltr] .repContact .repContact-text {
  margin-left: unset;
  margin-right: 8%;
  width: 26%;
}
body[dir=ltr] .repContact .repContact-text .red-header {
  font-size: 28px;
}
body[dir=ltr] .repContact .repContact-text p {
  font-size: 19px;
}
body[dir=ltr] .repContact .repContact-form .inputs-wrapper {
  margin-left: unset;
  margin-right: 4%;
}
body[dir=ltr] .repContact .repContact-form .left-column-wrapper .red-btn-wrapper .one-side-border-radius {
  border-radius: 6px 0 0 6px;
}

body[dir=ltr] .newsletter .newsletter-content .newsletter-image img {
  transform: rotateY(180deg);
}
body[dir=ltr] .newsletter .newsletter-content .newsletter-text {
  text-align: left;
}
body[dir=ltr] .newsletter .newsletter-form .newsletter-inputs .checkbox-text {
  text-align: left;
}
body[dir=ltr] .newsletter .newsletter-form .newsletter-inputs .newsletter-btn button img {
  transform: rotate(180deg);
}
body[dir=ltr] .newsletter .red-btn-wrapper button img {
  transform: rotate(180deg);
}

/*Mobile English*/
body[dir=ltr] footer .indexes-menu .container .row .index-menu ul {
  padding-left: unset;
  padding-right: 2rem;
}
body[dir=ltr] footer .indexes-menu .container .row .index-menu ul li:before {
  padding-left: unset;
  padding-right: 5px;
  display: inline-block;
  transform: rotate(180deg);
}
body[dir=ltr] footer .indexes-menu .container .companie-logos {
  left: unset;
  right: 0;
}
@media only screen and (max-width: 1279px) {
  body[dir=ltr] footer .indexes-menu .container .companie-logos {
    right: unset;
    left: 50%;
  }
}
/* ~~~~~~~~~~~~~~~~~ Breadcrumbs ~~~~~~~~~~~~~~~~~ */
.homepage ul.breadcrumbs {
  padding: 20px 45px 20px 20px;
}

.breadcrumbs-desktop-absolute {
  position: absolute;
  z-index: 5;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-bottom: 0;
  padding: 20px 45px 20px 20px;
}
.breadcrumbs.absolute {
  position: absolute;
  z-index: 5;
}
.breadcrumbs li {
  display: flex;
  align-content: center;
  height: 20px;
  align-items: center;
}
.breadcrumbs li a {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  text-decoration: none;
  font-size: 16px;
  color: #231F20;
  cursor: pointer;
}
.breadcrumbs li a:hover {
  color: #D70926;
}
.breadcrumbs li a.disabled-breadcrumbs {
  pointer-events: none;
  cursor: default;
}
.breadcrumbs li.disabled-breadcrumbs {
  pointer-events: none;
  cursor: default;
}
.breadcrumbs li .has-arrow {
  display: inline-flex;
  width: 6px;
  height: 12px;
  margin: 0 10px;
  justify-content: center;
  content: url(../assets/arrow.png);
  flex: 0 0 auto;
}
/* ~~~~~ dark breadcrumbs ~~~ */
.dark-breadcrumbs.gray-background-full .breadcrumbs {
  background-color: inherit;
}
.dark-breadcrumbs .breadcrumbs {
  background-color: #F4F4F4;
  padding-bottom: 0 !important;
  padding-top: 10px !important;
  margin-bottom: 0;
}
.dark-breadcrumbs .breadcrumbs li {
  display: flex;
  align-items: center;
}
.dark-breadcrumbs .breadcrumbs li .has-arrow {
  width: 8px;
  height: 10px;
  content: url(../assets/icons/chevron_left_24px.png);
}

/* ~~~~~ dark breadcrumbs ~~~ */
/* Breadcrumbs in Mobile */
@media (max-width: 1279px) {
  .homepage ul.breadcrumbs {
    padding: 20px;
  }
  .homepage .breadcrumbs-desktop-absolute {
    position: initial;
  }
  .homepage .breadcrumbs-desktop-absolute ul.breadcrumbs {
    padding-top: 10px;
  }

  .breadcrumbs {
    padding: 20px;
  }
  .breadcrumbs li a {
    font-size: 14px;
  }
}
/* Breadcrumbs in ENGLISH */
body[dir=ltr] .homepage ul.breadcrumbs {
  padding-left: 45px;
  padding-right: 20px;
}
body[dir=ltr] .dark-breadcrumbs .breadcrumbs {
  padding-left: 45px;
  padding-right: 20px;
}
body[dir=ltr] .breadcrumbs {
  padding-left: 45px;
  padding-right: 20px;
}
body[dir=ltr] .breadcrumbs li .has-arrow {
  transform: rotate(180deg);
}
@media (max-width: 1279px) {
  body[dir=ltr] .homepage ul.breadcrumbs {
    padding-left: 20px;
  }
  body[dir=ltr] .breadcrumbs {
    padding-left: 20px;
  }
  body[dir=ltr] .dark-breadcrumbs .breadcrumbs {
    padding-left: 20px;
  }
}
p {
  font-size: 18px;
}

ol.red-numbers ol {
  counter-reset: my-counter;
  list-style: none;
  display: table;
}

ol.red-numbers ol li {
  display: table-row;
}

ol.red-numbers ol li::before {
  content: counter(my-counter) ". ";
  counter-increment: my-counter;
  display: table-cell;
  text-align: right;
}

ol.red-numbers ol li::before {
  color: #d70926;
  font-size: 22px;
}

.banner-text p {
  font-size: 16px;
  letter-spacing: -0.24px;
  color: #231F20;
  line-height: 26px;
  margin-bottom: 0;
}

/**umb_name:Heading 1*/
h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  margin: 0;
}

/**umb_name:Heading 2*/
h2 {
  font-size: 34px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

/**umb_name:Heading 3*/
h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

/**umb_name:Heading 4*/
h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

/**umb_name:Heading 5*/
h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
}

/**umb_name:Heading 4 - #231f20*/
h4.gray-header {
  color: #231f20;
}

/**umb_name:normal*/
h2.red-header {
  font-weight: normal;
  font-size: 30px;
  font-weight: 600;
}

/**umb_name:heading 2 title red*/
h2.red-headline {
  font-size: 42px;
  line-height: 66px;
  letter-spacing: -1.05px;
  color: #d70926;
}

/**umb_name:heading 2 title black*/
h2.black-headline {
  font-size: 30px;
  font-weight: 600;
  line-height: 48px;
  color: #231f20;
}

/**umb_name:red under line static*/
.red-under-line-static {
  height: 3px;
  border-radius: 9px;
  background-color: #d70926;
  width: 80px;
  display: block;
  font-size: 3px !important;
  color: #d70926;
  margin-bottom: 10px;
}

h3.red-title {
  text-align: center;
  font: normal normal normal 30px/28px Assistant;
  letter-spacing: 0px;
  color: #D70926;
}

/**umb_name:Heading 3 - red*/
h3.red-header {
  font-weight: normal;
  font-size: 20px;
  color: #d70926;
}

/**umb_name:Heading 4 - red*/
h4.card-title {
  letter-spacing: -0.42px;
  color: #D70926;
  font-size: 28px;
}

.bullet-to-v-icon ul {
  list-style-image: url("/assets/temp/red-check.svg?v=GYHqL2kdCMLvEoF7DAHv9UM__NY");
  padding-right: 18px !important;
}

/* ~~~~~~~~ content-wrapper ~~~~~~~~~ */
.content-wrapper {
  padding: 30px;
}

.content-wrapper h4 {
  line-height: 24px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.rounded-border {
  border-radius: 8px;
}

h4.red-header {
  color: #d70926;
}

h6.red-header {
  color: #d70926;
}

/**umb_name:Heading 2 - red*/
h2.red-header {
  color: #d70926;
}

/**umb_name:Span Heading*/
span.huge-headline {
  font-size: 42px;
  letter-spacing: -1.05px;
  font-weight: 300;
}

/**umb_name:Span Red Heading*/
span.red-huge-headline {
  font-size: 42px;
  letter-spacing: -1.05px;
  color: #d70926;
}

/**umb_name:OrderedList*/
ol.red-numbers {
  list-style: none;
  counter-reset: li;
}

/**umb_name:heading 1 huge*/
h1.huge-headline {
  font-size: 60px;
  font-weight: 600;
  color: #231F20;
}

/**umb_name:heading 1 huge red*/
h1.red-huge-headline {
  font-size: 60px;
  font-weight: 600;
  color: #D70926;
  padding-bottom: 10px;
}

/**umb_name:red h1 tag 30px font size 40px line height*/
h1.red-h1-30pxfs-40pxlh {
  direction: rtl;
  font-size: 30px;
  line-height: 40px;
  color: #D70926;
}

h1.red-h1-30pxfs-40pxlh span {
  line-height: 40px;
  font-size: inherit;
}

/**umb_name:h2 black 20px*/
h2.black-20px {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  white-space: pre-wrap !important;
}

h1.red-huge-headline span {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: 60px;
  color: inherit;
}

/**umb_name:Paragraph smaller text*/
p.smaller-text {
  font-size: 16px;
}

/**umb_name:p no margin*/
p.no-margin {
  font-size: 18px;
  white-space: pre-wrap;
  margin: 0;
}

.max-image {
  /*margin-bottom: 93px;*/
  padding-right: 0;
  padding-left: 0;
}

.max-image img {
  object-fit: cover;
  width: 100%;
  height: 552px;
}

.no-padding-sides {
  padding-left: 0;
  padding-right: 0;
}

.max-width-1360 {
  max-width: 1360px;
}

/**umb_name:Paragraph fs 20px*/
p.fs-20 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0;
}

/**umb_name:H1 fs 65px*/
h1.headline-fs-65 {
  font-size: 65px;
  line-height: 77px;
}

h1.headline-fs-65 > span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/**umb_name:Paragraph fs 50px Bold*/
p.paragraph-fs-50-Bold {
  font-size: 50px;
  line-height: 65px;
  font-weight: 600;
}

/**umb_name:Paragraph fs 18px Bold*/
p.paragraph-fs-18-Bold {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}

/**umb_name:Paragraph fs 14px*/
p.paragraph-fs-14 {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}

/**umb_name:Paragraph fs 18px*/
p.paragraph-fs-18 {
  font-size: 18px;
  line-height: 18px;
  margin: 0;
}

/**umb_name:Paragraph fs 12px*/
p.paragraph-fs-12 {
  font-size: 12px;
  line-height: 12px;
}

/**umb_name:Paragraph fs 10px*/
p.paragraph-fs-10 {
  font-size: 10px;
  line-height: 10px;
}
#glassix-container #glassix-client #glassix-widget-launcher-container {
  z-index: 9 !important;
  top: calc(100% - 100px);
}
#glassix-container #glassix-client #greeting-message-container {
  z-index: 9 !important;
  top: calc(100% - 120px) !important;
  bottom: unset !important;
}
/* ~~~~ Call Agent ~~~~ */
.contact-avis-wrapper {
  display: block;
  bottom: 0;
  left: 0;
  background: white;
  position: fixed;
  z-index: 100;
  /* CONTACT AVIS (MAN) - DESKTOP */
}
.contact-avis-wrapper * {
  color: white;
}
.contact-avis-wrapper .text-trim, .contact-avis-wrapper .select-custom .text {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contact-avis-wrapper .caContainer {
  background: transparent;
  width: 214px;
  position: fixed;
  right: 60px;
  bottom: 0;
}
.contact-avis-wrapper .caContainer .no-bg {
  height: 0;
}
.contact-avis-wrapper .caContainer .ca-backdrop {
  position: fixed;
  background: black;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.contact-avis-wrapper .caContainer .shadow {
  background: #cf0a2b;
  -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2);
}
.contact-avis-wrapper .caContainer button {
  position: fixed;
  bottom: 50px;
  left: 49px;
  z-index: 2;
  width: 110px;
  height: 30px;
  background: transparent;
  border: 1px solid white;
  border-radius: 2px;
}
.contact-avis-wrapper .caContainer button:hover {
  background-color: #202020;
}
.contact-avis-wrapper .caContainer .contact-avis {
  width: 244px;
  height: 95px;
  display: inline-block;
  background: url("../assets/common.webp") left top no-repeat;
  margin-left: 30px;
  bottom: -8px;
  z-index: 2;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  position: fixed;
  bottom: 0;
  left: 0;
}
.contact-avis-wrapper .caContainer .contact-avis .arrow {
  position: absolute;
  background: url("../assets/common.webp") -5px -67px no-repeat;
  width: 24px;
  height: 24px;
  bottom: 4px;
  right: 215px;
}
.contact-avis-wrapper .caContainer .contact-avis .arrow.rotated {
  transform: rotateZ(-90deg);
}
.contact-avis-wrapper .caContainer .contact-avis .select-custom span .text {
  max-width: 33%;
  background: #d1062e;
}
.contact-avis-wrapper .caContainer .contact-avis span {
  font-size: 14px;
  position: absolute;
  right: 140px;
  bottom: 8px;
}
.contact-avis-wrapper .caContainer .contact-avis span .text, .contact-avis-wrapper .caContainer .contact-avis span .text-trim {
  max-width: 33%;
  background: #d1062e;
}
.contact-avis-wrapper .click-area {
  position: fixed;
  bottom: 0;
  left: 20px;
  width: 212px;
  height: 35px;
  border-radius: 1px;
  cursor: pointer;
  z-index: 3;
  border: none;
  background: transparent;
}
.contact-avis-wrapper .click-area .text-trim {
  display: none;
}
.contact-avis-wrapper .click-area:hover {
  background: url("../assets/common.webp") 0px -155px no-repeat;
  left: 30px;
}
.contact-avis-wrapper .click-area:hover .text-trim {
  display: block;
  left: 28px;
  top: 6px;
  position: absolute;
  font-size: 14px;
}
.contact-avis-wrapper .click-area:hover .arrow {
  background: url("../assets/common.webp") -5px -161px no-repeat;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 6px;
  left: 5px;
}
.contact-avis-wrapper .click-area:hover .arrow.rotated {
  top: 7px;
  left: 4px;
  transform: rotateZ(-90deg);
}
.contact-avis-wrapper #rdbtns {
  list-style: none;
  margin: 0;
  /*li:first-child {
      margin-left: 50px;
      margin-right: 20px;
  }*/
}
.contact-avis-wrapper #rdbtns .radio-custom input[type=radio]:checked + .radio-custom-cont::before {
  background: rgba(255, 255, 255, 0.87);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}
.contact-avis-wrapper #rdbtns .radio-custom .radio-custom-cont {
  color: white;
  font-size: 14px;
  line-height: 172%;
}
.contact-avis-wrapper #rdbtns .radio-custom .radio-custom-cont:before {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
  border: 4px solid #d1062e;
  background: rgba(255, 255, 255, 0.5);
}
.contact-avis-wrapper .contact-avis-content {
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
  background-color: #cf0a2b;
  border-radius: 0px 8px 0 0px;
  height: 326px;
  position: fixed;
  width: 214px;
  bottom: 0;
  left: 0;
  /* span, input, button {
      position: absolute;
  }*/
}
.contact-avis-wrapper .contact-avis-content .thanks {
  font-size: 30px;
  line-height: 30px;
  display: flex;
  margin: auto;
  padding: 0 15px;
  width: 100%;
  height: 80%;
  justify-content: center;
  align-items: center;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper {
  display: flex;
  justify-content: flex-start;
  position: relative;
  flex-wrap: wrap;
  padding: 0 15px;
  margin-top: 10px;
  gap: 10px;
  /*button {
      //position: fixed;
      //bottom: 50px;
      //left: 49px;
      //z-index: 2;
      display:block;
      margin: auto;
      width: 110px;
      height: 30px;
      background: transparent;
      border: 1px solid white;
      border-radius: 2px;

      &:hover {
          background-color: #202020;
      }
  }*/
  /*ol.ol-radio.inline-radio > li {
      display: block;
  }*/
}
.contact-avis-wrapper .contact-avis-content .send-wrapper > span {
  display: inline-block;
  line-height: 18px;
  text-align: right;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper .ca-err {
  /*  position: absolute;
  top: 98px;
  left: 18px;
  text-align: left;*/
  font-size: 12px;
  line-height: 12px;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper .rb-err {
  /* position: absolute;
  top: 98px;
  left: 18px;
  text-align: left;*/
  font-size: 12px;
  line-height: 12px;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper input {
  border-radius: 2px;
  border: 1px solid transparent;
  width: 180px;
  color: #202020 !important;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio > li {
  margin-top: 5px;
  /*&:first-child {
      margin-top: 25px;
  }*/
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom {
  display: flex;
  position: relative;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom .radio-custom-cont {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom .radio-custom-cont:before {
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  background: #d5d5d5;
  border: 4px solid white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /* BOX SHADOW - OUTER BORDER */
  -webkit-box-shadow: 0 0 0 1px #d5d5d5;
  box-shadow: 0 0 0 1px #d5d5d5;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom input[type=radio] {
  width: 20px;
  height: 20px;
  margin: auto;
  opacity: 0;
  top: 2px;
  position: absolute;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom input[type=radio]:hover + .radio-custom-cont::before {
  /* BOX SHADOW - OUTER BORDER */
  -webkit-box-shadow: 0 0 0 1px #898989;
  box-shadow: 0 0 0 1px #898989;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom input[type=radio]:focus + .radio-custom-cont::before {
  -webkit-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .radio-custom input[type=radio]:checked + .radio-custom-cont::before {
  background: rgba(0, 0, 0, 0.87);
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .inline-radio > li {
  display: inline-block;
  white-space: nowrap;
  margin-top: 5px;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .inline-radio > li:not(:first-child) {
  margin-right: 20px;
}
.contact-avis-wrapper .contact-avis-content .send-wrapper ol.ol-radio .title {
  display: block;
}
.contact-avis-wrapper #contact-avis-w.caw-left button.click-area {
  right: 65px;
  left: auto;
}
.contact-avis-wrapper #contact-avis-w.caw-left .contact-avis {
  right: 0;
  left: auto;
}
.contact-avis-wrapper #contact-avis-w input[type=text]:focus {
  -webkit-box-shadow: 0 0 2px 2px black;
  box-shadow: 0 0 2px 2px black;
}
.contact-avis-wrapper #contact-avis-w button:focus {
  -webkit-box-shadow: 0 0 2px 2px white;
  box-shadow: 0 0 2px 2px white;
}
.contact-avis-wrapper #contact-avis-w #rdbtns input[type=radio]:focus + .radio-custom-cont {
  font-weight: bold;
}
.contact-avis-wrapper #contact-avis-w #rdbtns input[type=radio]:focus + .radio-custom-cont::before {
  -webkit-box-shadow: 0 0 2px 4px white;
  box-shadow: 0 0 2px 4px white;
}
.contact-avis-wrapper .avis-search .with-branch-info {
  position: relative;
}
.contact-avis-wrapper .avis-search .with-branch-info > label:not(.sr-only) {
  position: absolute;
  top: -28px;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#home-search-root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Assistant, Arial, sans-serif;
  margin: 0;
}

:root {
  --primary-color:#d70926;
  --filter-image-color:brightness(0) saturate(100%) invert(14%) sepia(49%) saturate(6706%) hue-rotate(343deg) brightness(100%) contrast(107%);
}

body .main-serach-banner {
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0 8px 15px #0000001a;
  color: #231f20;
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin: 0 auto 40px;
  max-width: 741px;
  padding: 20px;
  position: relative;
}

body .main-serach-banner .hide {
  display: none;
}

body .main-serach-banner.select-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body .main-serach-banner .text {
  font-size: 18px;
}

body .main-serach-banner .vertical-line {
  align-self: center;
  background-color: #231f20;
  height: 18px;
  width: 1.5px;
}

body .main-serach-banner .search-icon {
  width: 24px;
}

body .main-serach-banner .cancel-icon {
  background-repeat: no-repeat;
  background-size: 24px;
  display: inline-block;
  height: 24px;
  margin: 12px;
  width: 24px;
}

body .main-serach-banner input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background: url(/homeSearch/static/media/close.12fb6d90f4d22fdddec4.svg?v=w1iLxyte_YZapDPv5dmwQaEzuRE);
  cursor: pointer;
  height: 20px;
  width: 20px;
}

body .main-serach-banner input:focus-visible {
  outline: none !important;
}

body .main-serach-banner ul, body .main-serach-banner ul li span {
  color: #231f20;
  font-size: 20px;
  font-weight: 600;
}

body .main-serach-banner .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px 5px 10px;
  width: 95%;
}

body .main-serach-banner .title-wrapper .title-and-icon {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

body .main-serach-banner .title-wrapper:hover a.group-title {
  color: #d70926;
  color: var(--primary-color);
}

body .main-serach-banner .title-wrapper:hover .title-and-icon {
  -webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(49%) saturate(6706%) hue-rotate(343deg) brightness(100%) contrast(107%);
  filter: brightness(0) saturate(100%) invert(14%) sepia(49%) saturate(6706%) hue-rotate(343deg) brightness(100%) contrast(107%);
  -webkit-filter: var(--filter-image-color);
  filter: var(--filter-image-color);
}

body .main-serach-banner a.group-title {
  align-items: center;
  color: #757575;
  display: flex;
  flex: 1 1;
  font-size: 20px;
  font-weight: 600;
  justify-content: space-between;
  letter-spacing: -0.3px;
  margin: 0;
  text-decoration: none;
}

body .main-serach-banner a.group-title:after {
  border-bottom: 1px solid #d70926;
  border-bottom: 1px solid var(--primary-color);
  border-left: 1px solid #d70926;
  border-left: 1px solid var(--primary-color);
  content: "";
  display: inline-block;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
}

body .main-serach-banner .search-input-wrapper {
  width: 100%;
}

body .main-serach-banner .search-input-wrapper input {
  border: none;
  font-size: 18px;
  padding: 0;
  width: 100%;
}

body .main-serach-banner .search-input-wrapper input::-webkit-input-placeholder {
  color: #a7a9ac;
  font-size: 18px;
  font-weight: 400;
}

body .main-serach-banner .search-input-wrapper input:-ms-input-placeholder {
  color: #a7a9ac;
  font-size: 18px;
  font-weight: 400;
}

body .main-serach-banner .search-input-wrapper input::placeholder {
  color: #a7a9ac;
  font-size: 18px;
  font-weight: 400;
}

body .main-serach-banner.in-header {
  border: none;
  border-radius: 6px;
  box-shadow: none;
  height: 38px;
  margin: 0;
  max-width: 100%;
  outline: 1px solid #dcddde;
  padding: 18px 20px;
  width: 510px;
}

body .main-serach-banner.in-header .search-input-wrapper .overlay-search_text {
  top: 6px;
}

body .under-line {
  border-bottom: 1px solid #dcddde;
}

body .overlay-search_text {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 24px;
}

body .overlay-search_text span {
  color: #231f20;
  font-size: 18px;
}

body .overlay-search_text .muted-text {
  color: #a7a9ac;
  font-weight: 400;
}

body .search-focus .overlay-search_text, body .search-has-value .overlay-search_text {
  display: none;
}

body[dir=ltr] .main-serach-banner .cancel-icon {
  background: url(/homeSearch/static/media/left-arrow.ceecbfa5efdd8fe4e763.svg?v=a92MOHHJsLm5xdnfjVsM3VZIkeE);
}

body[dir=ltr] .main-serach-banner .title-wrapper {
  padding: 16px 10px 5px 20px;
}

body[dir=rtl] .main-serach-banner .cancel-icon {
  background: url(/homeSearch/static/media/right-arrow.4e42f7c078720f242fe8.svg?v=a92MOHHJsLm5xdnfjVsM3VZIkeE);
}

@media screen and (max-width: 1280px) {
  .main-serach-banner.m-t-40 {
    margin-top: 40px;
  }

  .main-serach-banner.mobile {
    align-items: flex-start;
    border-radius: 0;
    box-shadow: none;
    height: calc(100% - 24px);
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: calc(100% - 24px);
    width: 100%;
  }

  .main-serach-banner.mobile .search-input-wrapper {
    border-bottom: 1px solid #dcddde;
    height: 48px;
  }

  .main-serach-banner.mobile .search-input-wrapper .button-input {
    align-items: normal;
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  .main-serach-banner.mobile .search-input-wrapper .button-input input {
    height: 100%;
  }

  .main-serach-banner.mobile .overlay-search_text {
    top: 12px;
  }

  .main-serach-banner.mobile .react-autosuggest__container {
    flex-basis: calc(100% - 48px);
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    width: 100%;
  }

  .main-serach-banner.mobile .react-autosuggest__container--open .react-autosuggest__suggestions-container {
    border-radius: 0;
    box-shadow: none;
    top: 50px;
  }

  .main-serach-banner.mobile .search-icon {
    margin: 12px;
    position: absolute;
  }

  .main-serach-banner.mobile input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background: url(/homeSearch/static/media/close.12fb6d90f4d22fdddec4.svg?v=w1iLxyte_YZapDPv5dmwQaEzuRE);
    background-repeat: no-repeat;
    background-size: 24px;
    height: 24px;
    margin: 12px;
    width: 24px;
  }

  .hamburger-search {
    align-items: center;
    display: flex;
    gap: 8px;
  }

  .hamburger-search span {
    font-size: 20px;
    line-height: normal;
  }

  .ReactModal__Overlay {
    z-index: 100;
  }

  body[dir=rtl] .main-serach-banner.mobile .search-icon {
    left: 0;
  }

  body[dir=rtl] .main-serach-banner.mobile .overlay-search_text {
    right: 48px;
  }

  body[dir=ltr] .main-serach-banner.mobile .search-icon {
    right: 0;
  }

  body[dir=ltr] .main-serach-banner.mobile .overlay-search_text {
    left: 48px;
    margin: 0;
  }
}
@media screen and (max-width: 464px) {
  .overlay-search_text .muted-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 195px;
  }
}
em {
  background: aqua;
  font-style: normal;
}

.search-panel {
  grid-gap: 2rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: 200px 1fr;
}

.aa-Form {
  margin-bottom: 1rem;
}

.pagination {
  margin: 2rem auto;
  text-align: center;
}

.react-autosuggest__input {
  border: 1px solid #aaa;
  border-radius: 4px;
  font-family: Assistant, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  padding: 10px 20px;
  width: 240px;
}

.react-autosuggest__input:focus {
  outline: none;
}

.react-autosuggest__container--open .react-autosuggest__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container {
  background-color: #fff;
  background: #fff 0 0 no-repeat padding-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 10px 15px #0000001a;
  box-shadow: 0 13px 15px #0000001a;
  display: block;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  left: 0;
  padding-bottom: 20px;
  position: absolute;
  top: 43px;
  top: 70px;
  width: 280px;
  width: 100%;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.in-header .react-autosuggest__suggestions-list {
  display: inline !important;
  display: initial !important;
}

.in-header .react-autosuggest__container--open .react-autosuggest__suggestions-container {
  border: 1px solid #dcddde;
  border-radius: 0 0 6px 6px;
  border-top: none;
  box-shadow: none;
  box-sizing: content-box;
  left: -1px;
  top: 34px;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 5px 20px 5px 10px;
}

.react-autosuggest__suggestion .no-icon-suggestion-padding {
  padding-right: 32px;
}

.react-autosuggest__suggestion--focused {
  background-color: #0c7eaf;
  color: #fff;
}

.suggestion-content {
  align-items: center;
  background-repeat: no-repeat;
  display: flex;
}

.dancounsell {
  background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/dancounsell/48.jpg);
}

.ladylexy {
  background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/48.jpg);
}

.mtnmissy {
  background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/mtnmissy/48.jpg);
}

.steveodom {
  background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/steveodom/48.jpg);
}

.react-autosuggest__suggestion--focused .highlight {
  color: #120000;
}

.ReactModal__Content {
  border: none !important;
  inset: auto !important;
  padding: 0 !important;
}

.with-icon {
  display: flex;
  gap: 10px;
}

body[dir=ltr] .main-serach-banner .react-autosuggest__suggestion {
  padding: 5px 10px 5px 20px;
}

body[dir=ltr] .main-serach-banner .react-autosuggest__suggestion .no-icon-suggestion-padding {
  padding-left: 32px;
}

/*# sourceMappingURL=main.944b6caa.css.map*/
/*!
 * jQuery UI CSS Framework 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!
 * jQuery UI CSS Framework 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(themes/base/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(themes/base/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(themes/base/images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(themes/base/images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(themes/base/images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(themes/base/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(themes/base/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(themes/base/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#main-container {
  position: relative;
}

#contactus-chat {
  cursor: pointer;
}

body[dir=ltr] .home-page-sub-menu a:after {
  transform: translateX(-50%);
  left: 50%;
}

.homepage {
  font-size: 16px;
  line-height: 29px;
}
.homepage h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 58px;
}
.homepage h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 48px;
}
.homepage h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 48px;
}
.homepage h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}
.homepage h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 48px;
}
.homepage h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 48px;
}
.homepage ol, .homepage ul {
  padding: 0;
}
.homepage h1 span {
  font-size: inherit;
}
.homepage .home-page-sub-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
  font-size: 20px;
  font-weight: 600;
  list-style-type: none;
  margin-bottom: 40px;
}
.homepage .home-page-sub-menu a {
  text-decoration: none;
  color: #212121;
  font-size: 17px;
}
.homepage .home-page-sub-menu a:hover {
  color: #D70926;
  transition: color ease-in-out 300ms;
}
.homepage .home-page-sub-menu a:hover:after {
  width: 100%;
}
.homepage .home-page-sub-menu a:after {
  display: block;
  content: "";
  margin-top: 5px;
  width: 0%;
  height: 2px;
  background-color: #D70926;
  transition: width ease-in-out 300ms;
  transform: translateX(50%);
  right: 50%;
  position: relative;
}
.homepage .avis-modules-list {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 70px;
  /*& > * {
      width: 43%;
  }*/
}
.homepage .avis-modules-list .service-advert-box-list-wrapper .service-advert-box {
  width: 100%;
}
.homepage .avis-modules-list .iframe-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.homepage .avis-modules-list h5 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  line-height: 20px;
  font-weight: bold;
}
.homepage .avis-modules-list h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  line-height: 22px;
  font-weight: bold;
  font-size: 22px;
}
.homepage .avis-modules-list .module-row {
  flex-direction: row;
  display: flex;
  justify-content: center;
  gap: 45px;
  flex-wrap: wrap;
}
.homepage .avis-modules-list .module-row .moduleAvis {
  display: flex;
  flex-direction: column;
  color: black;
  text-decoration: none;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover {
  color: #D70926;
  cursor: pointer;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover span.car-sale-model-icon {
  background: var(--general-image) -313px -370px;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover span.trade-in-model-icon {
  background: var(--general-image) -237px -370px;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover span.rental-car-model-icon {
  background: var(--general-image) -156px -370px;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover span.private-leasing-model-icon {
  background: var(--general-image) -3px -370px;
}
.homepage .avis-modules-list .module-row .moduleAvis:hover span.business-leasing-model-icon {
  background: var(--general-image) -85px -370px;
}
.homepage .avis-modules-list .module-row .moduleAvis .img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  width: 96px;
  height: 96px;
  border: 2px solid #D70926;
  background-color: white;
  border-radius: 50%;
  margin-bottom: 12px;
}
.homepage .avis-modules-list .module-row .moduleAvis label {
  font-size: 20px;
  align-self: center;
}
.homepage .avis-modules-list .module-row .moduleAvis.active {
  color: #D70926;
  font-weight: 600;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper {
  background-color: #D70926;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper span.car-sale-model-icon {
  background: var(--general-image) -313px -296px;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper span.trade-in-model-icon {
  background: var(--general-image) -237px -296px;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper span.rental-car-model-icon {
  background: var(--general-image) -156px -296px;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper span.private-leasing-model-icon {
  background: var(--general-image) -3px -296px;
}
.homepage .avis-modules-list .module-row .moduleAvis.active .img-wrapper span.business-leasing-model-icon {
  background: var(--general-image) -85px -296px;
}
.homepage .avis-modules-list .tags-row {
  flex-direction: row;
  display: flex;
  column-gap: 30px;
  row-gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 20px;
  margin-top: 20px;
}
.homepage .avis-modules-list .tags-row .tags-row-title {
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 22px;
  color: #212121;
}
.homepage .avis-modules-list .tags-row .search-tag {
  height: 40px;
  border-radius: 25px;
  background-color: #FFFFFF;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 17px;
  border: 1px solid #D70926;
  cursor: pointer;
}
.homepage .avis-modules-list .tags-row .search-tag .glassix-button {
  border: unset;
  background-color: transparent;
}
.homepage .avis-modules-list .tags-row .search-tag a, .homepage .avis-modules-list .tags-row .search-tag label {
  color: #231F20;
  text-decoration: none;
  cursor: pointer;
}
.homepage .avis-modules-list .tags-row .search-tag.search-tag-with-icon {
  font-weight: 600;
}
.homepage .avis-modules-list .tags-row .search-tag.search-tag-with-icon a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.homepage .avis-modules-list .tags-row .search-tag.search-tag-with-icon a:before {
  height: 20px;
  width: 20px;
  content: url(/assets/tiny-black-search.svg?v=CJn2J3xTzfUkSbDcbXvgvXCb0E0);
}
.homepage .avis-modules-list .tags-row .search-tag:hover a, .homepage .avis-modules-list .tags-row .search-tag:hover label {
  color: #D70926;
}
.homepage .avis-modules-list .tags-row .search-tag:hover.search-tag-with-icon a:before {
  content: url(/assets/tiny-red-search.svg?v=CJn2J3xTzfUkSbDcbXvgvXCb0E0);
}
.homepage .avis-modules-list .tags-row .search-tag.active {
  background-color: #D70926;
}
.homepage .avis-modules-list .tags-row .search-tag.active.search-tag-with-icon a:before {
  content: url(/assets/tiny-white-search.svg?v=CJn2J3xTzfUkSbDcbXvgvXCb0E0);
}
.homepage .avis-modules-list .tags-row .search-tag.active a, .homepage .avis-modules-list .tags-row .search-tag.active label, .homepage .avis-modules-list .tags-row .search-tag.active .glassix-button {
  color: #FFFFFF;
  font-weight: 600;
}
.homepage .avis-modules-list .tags-row:last-child {
  padding-bottom: 20px;
}
.homepage .leasing-manufacture-card-list {
  margin-top: 50px;
}
.homepage .leasing-list-service-wrapper {
  margin-bottom: 63px;
}
.homepage .service-advert-box-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bs-gutter-x);
}
.homepage .service-advert-box-list-wrapper .service-advert-box {
  width: calc(33% - (var(--bs-gutter-x) / 2) - 1px);
}
.homepage .service-advert-box-list {
  padding-left: 0;
  padding-right: 0;
}
.homepage .service-advert-box-list.leasing-service-advert-box-list {
  margin-bottom: 76px;
}
.homepage .service-advert-box-list .row {
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  /*gap:1px;*/
}
.homepage .service-advert-box-list .row .column {
  /* padding-right: unset;
  padding-left: unset;*/
}
.homepage .service-advert-box-list .row .column .service-advert-box {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  max-width: 550px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
.homepage .service-advert-box-list .row .column .service-advert-box .cover-layer {
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(0, #0000007d 0%, #00000000 100%) 0% 0% no-repeat padding-box;
  transition: background 500ms;
  border-radius: 8px;
}
.homepage .service-advert-box-list .row .column .service-advert-box img {
  z-index: -1;
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: white;
  padding: 0 40px 40px;
  overflow-y: overlay;
  max-height: 100%;
}
.homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details h2, .homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details p {
  margin: 0;
}
.homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details .advert-box-hover-details {
  display: none;
}
.homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details .advert-box-hover-details .more-information span {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details .advert-box-hover-details .more-information span:after {
  content: url(../assets/arrow.png);
  padding-right: 8px;
  vertical-align: middle;
}
.homepage .service-advert-box-list .row .column .service-advert-box:hover .cover-layer {
  background-color: rgba(215, 9, 38, 0.7);
  border-radius: 8px;
}
.homepage .service-advert-box-list .row .column .service-advert-box:hover .advert-box-details .advert-box-description {
  display: none;
}
.homepage .service-advert-box-list .row .column .service-advert-box:hover .advert-box-details .advert-box-hover-details {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.homepage .content-text-container {
  text-align: center;
  max-width: 1381px;
  margin: 0 auto;
}
.homepage .content-text-container .content-text-title {
  color: #D70926;
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  padding-bottom: 10px;
  white-space: pre-wrap;
}
.homepage .content-text-container .content-text-second-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
  white-space: pre-wrap;
}
.homepage .content-text-container .content-text-description {
  font-size: 18px;
  white-space: pre-wrap;
}
.homepage .outgoing-banner {
  justify-content: center;
}
.homepage .outgoing-banner .row h3 {
  padding-bottom: 20px;
}
.homepage .outgoing-banner .row h3, .homepage .outgoing-banner .row h3 span {
  color: #D70926;
  font-size: 24px;
  line-height: 24px;
}
.homepage .outgoing-banner .row h4 {
  padding-bottom: 20px;
}
.homepage .outgoing-banner .row h4, .homepage .outgoing-banner .row h4 span {
  color: #D70926;
  font-size: 24px;
  line-height: 24px;
}
.homepage .outgoing-banner .row img {
  margin-bottom: 93px;
}
.homepage .title-banner {
  text-align: center;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  /*padding-bottom: 42px;
  padding-top: 120px;*/
  padding: 30px 0;
}
.homepage .title-banner .title-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.homepage .title-banner .banner-text {
  gap: unset;
}
.homepage .title-banner .banner-text .red-header {
  margin-bottom: 10px;
}
.homepage .umbraco-grid-padding-bottom {
  padding-bottom: 60px;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 6px;
  padding: 35px 0 32px 0;
  background-color: white;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-right {
  margin-right: 50px;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-right .banner-title {
  line-height: 26px;
  padding-bottom: 16px;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container p {
  padding: 0;
  margin: 0;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-link {
  align-self: center;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-link .btn {
  width: 172px;
  background-color: #D70926;
  color: white;
  border-radius: 0px 6px 6px 0px;
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-link .btn:hover {
  background-color: #a50017;
}
.homepage .banner-quick-checkout .quick-checkout-banner-container .banner-link img {
  height: 22px;
  width: 13px;
  display: inline-block;
  top: 9px;
  left: 19px;
}
.homepage .custom-banner {
  /* height: 480px;*/
}
.homepage .custom-banner .banner-container {
  display: flex;
  background-color: #F8F8F8;
  border-radius: 6px;
  padding-left: 16px;
  justify-content: center;
  margin: 0 auto;
}
.homepage .custom-banner .banner-container .row {
  max-width: 1635px;
}
.homepage .custom-banner .banner-container .row .column {
  padding-right: 0;
  padding-left: 0;
}
.homepage .custom-banner .banner-container .row .banner-image {
  height: 100%;
  max-height: 480px;
  width: auto;
}
.homepage .custom-banner .banner-container .row .banner-image img {
  height: 100%;
  width: 100%;
}
.homepage .custom-banner .banner-container .row .custom-banner-body {
  height: 100%;
  max-height: 480px;
  display: block;
  padding-right: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: 600;
  width: 637px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte {
  max-height: 336px;
  overflow: hidden;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte ul {
  list-style-type: none;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte ul li {
  position: relative;
  padding-right: 23px;
  margin-bottom: 24px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte ul li:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -542px -83px;
  margin-left: 10px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container {
  margin-top: 11px;
  margin-bottom: 10px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul {
  list-style-type: none;
  display: flex;
  gap: 14px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container {
  width: 245px;
  height: 72px;
  background-color: white;
  box-shadow: 0px 8px 15px #00000029;
  border-radius: 8px;
  position: unset;
  padding-right: unset;
  padding-left: unset;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container {
  margin-right: 20px;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
  direction: row;
  justify-content: space-between;
  padding-top: 5px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title {
  display: flex;
  flex-direction: column;
  color: #D70926;
  text-decoration: none;
  font-size: 15px;
  text-align: right;
  line-height: 20px;
  overflow: hidden;
  height: 45px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title .custom-banner-title {
  font-size: 17px;
  font-weight: 600;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title .custom-banner-subtitle {
  font-size: 17px;
  font-weight: 600;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .banner-btn-icon {
  align-self: center;
  margin-left: 26px;
  margin-right: 26px;
  content: "";
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -62px -86px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container:after {
  margin-left: 20px;
  margin-right: 20px;
  content: "";
  align-self: center;
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -61px -86px;
  transition: margin-left 0.4s;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container:hover::after {
  margin-left: 5px;
}
.homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li:before {
  display: none;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row {
  margin: 0 auto;
  justify-content: center;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row a.item-leasing-card .card:hover, .homepage .list-service-leasing-wrapper .list-service-leasing-container .row #contactus-chat.item-leasing-card .card:hover {
  -webkit-box-shadow: 0px 0px 10px #00000026;
  box-shadow: 0px 0px 10px #00000026;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card {
  width: 220px;
  height: 200px;
  margin: 0 0 16px 10px;
  padding: 0;
  color: #231F20;
  text-decoration: none;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 1px solid #E5E5E5;
  box-shadow: 0px -8px 15px #00000005;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card .service-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card span {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card:last-child {
  margin-left: 0;
}
.homepage .list-vehicle-type-wrapper {
  padding: 52px 7vw 68px;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container h1 {
  font-size: 26px;
  padding-bottom: 60px;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container h3 {
  padding-bottom: 60px;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container h2 {
  padding-bottom: 60px;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container {
  position: relative;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-next {
  color: #D70926;
  border: 1px solid #D70926;
  border-radius: 2px;
  width: 38px;
  height: 38px;
  font-weight: bold;
  position: absolute;
  right: -18px;
  top: 75px;
  background-color: white;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-next:hover {
  background: #D70926;
  color: #fff;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-next:after {
  font-size: 10px;
  font-weight: bold;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-prev {
  color: #D70926;
  border: 1px solid #D70926;
  border-radius: 2px;
  width: 38px;
  height: 38px;
  font-weight: bold;
  position: absolute;
  left: -18px;
  top: 75px;
  background-color: white;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-prev:hover {
  background: #D70926;
  color: #fff;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .swiper-button-prev:after {
  font-size: 10px;
  font-weight: bold;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .card {
  /*width: 248px;*/
  height: 140px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 5px 15px #0000000F;
  border: none;
  border-radius: 6px;
  margin-bottom: 3px;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container .swiper-container .vehicle-img img {
  width: 100%;
  max-width: 151px;
  height: auto;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container a {
  text-decoration: unset;
}
.homepage .list-vehicle-type-wrapper .list-vehicle-type-container a .vehicle-title {
  color: #D70926;
  font-size: 20px;
  line-height: 48px;
  text-decoration: unset;
}
.homepage .full-screen-gallery-wrapper {
  position: relative;
}
.homepage .full-screen-gallery-wrapper .swiper-wrapper {
  height: unset;
}
.homepage .full-screen-gallery-wrapper .image-wrapper {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}
.homepage .full-screen-gallery-wrapper .image-wrapper img {
  height: 450px;
  object-fit: cover;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination {
  display: flex;
  flex-direction: column;
  top: 34%;
  right: 123px;
  max-height: 90px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  background: #231F20;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container {
  visibility: hidden;
  display: flex;
  flex-direction: row;
  height: 20px;
  position: relative;
  align-items: center;
  right: 26px;
  top: -20px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-0 .arrow-icon_0 {
  content: url(../assets/temp/chevron-left-black.svg);
  margin-left: 4px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-0 .slide-title_0 {
  color: #D70926;
  font-size: 16px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-1 .arrow-icon_1 {
  content: url(../assets/temp/chevron-left-black.svg);
  margin-left: 4px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-1 .slide-title_1 {
  color: #D70926;
  font-size: 16px;
  white-space: nowrap;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-2 .arrow-icon_2 {
  content: url(../assets/temp/chevron-left-black.svg);
  margin-left: 4px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet .content-container.content-2 .slide-title_2 {
  color: #D70926;
  font-size: 16px;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet-active {
  color: #fff;
  background: #D70926;
}
.homepage .full-screen-gallery-wrapper .swiper-pagination-bullet-active .content-container {
  visibility: visible;
}
.homepage .full-screen-gallery-wrapper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .homepage .full-screen-gallery-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-bottom: 13px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details {
  position: absolute;
  right: 270px;
  transform: translateY(-50%);
  top: 50%;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .title {
  font-size: 36px;
  font-weight: 600;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content {
  width: 70%;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .manufacturer-image {
  width: 110px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .manufacturer-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .vl {
  border-left: 1px solid #0000001A;
  height: 75%;
  align-self: center;
  margin: 0 10px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box {
  width: 100%;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box p {
  margin: 0;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box p .upper-text {
  color: #D70926;
  font-size: 17px;
  display: block;
  line-height: 19px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box p .lower-text {
  font-size: 21px;
  line-height: 21px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper {
  display: flex;
  flex-direction: row;
  height: 37px;
  margin-top: 12px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .price {
  color: #D70926;
  font-size: 50px;
  letter-spacing: -0.3px;
  display: block;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .currency-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 14px;
  /*                                align-self: flex-end;
  line-height: 21px;*/
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .currency-wrapper .currency-text {
  color: #D70926;
  font-size: 30px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .currency-wrapper .star-text {
  top: 160px;
  font-size: 30px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content button {
  width: 97%;
  border-color: #D70926;
  color: #D70926;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-top: 12px;
  width: 278px;
  font-size: 16px;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content button:hover {
  background-color: #a50017;
  color: #fff;
  cursor: pointer;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content button:focus {
  box-shadow: none;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content a {
  width: 97%;
  border-color: #D70926;
  background-color: #a50017;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-top: 12px;
  width: 278px;
  font-size: 16px;
  cursor: pointer;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content a:hover {
  color: #D70926;
  background: #FFF;
}
.homepage .full-screen-gallery-wrapper .gallery-box-details .main-content a:focus {
  box-shadow: none;
}
.homepage .leasing-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 14%;
  color: #f5f5f5;
  border-radius: 0;
  border: 0;
  color: #231F20;
  margin-bottom: 30px;
}
.homepage .leasing-card .head-card .middle-line {
  height: 3px;
  padding-top: 8px;
  padding-bottom: 30px;
}
.homepage .leasing-card .head-card .middle-line .sliced-red-line {
  background-color: #D70926;
  width: 83px;
  height: 3px;
}
.homepage .leasing-card .head-card p {
  font-size: 16px;
  line-height: 29px;
  padding-bottom: 62px;
}
.homepage .leasing-card ol, .homepage .leasing-card ul {
  padding: 0;
  margin: 0;
}
.homepage .leasing-card .container-fluid {
  padding: 0;
}
.homepage .leasing-card ul {
  list-style-type: none;
  justify-content: space-between;
}
.homepage .leasing-card ul li {
  margin-bottom: 10px;
}
.homepage .leasing-card ul li .icon-with-text-wrapper .circle-icon {
  opacity: 1;
  width: 99px;
  height: 99px;
  border-radius: 50%;
  background-color: #D70926;
  margin: 0 auto;
  box-shadow: 0px 0px 0px 9px rgba(215, 9, 38, 0.2);
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 21px;
}
.homepage .leasing-card ul li .icon-with-text-wrapper .circle-icon img {
  width: 100%;
  max-width: 41px;
  height: auto;
}
.homepage .leasing-card ul li .icon-with-text-wrapper span {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 22px;
}
.homepage .list-manufacturer-wrapper {
  position: relative;
  margin-bottom: 102px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container {
  position: relative;
  transition: height 1s;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list {
  max-width: 100%;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li {
  margin: 15px 15px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li .card {
  display: flex;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li .card .manufacturer-icon img {
  max-height: 45px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li .card:hover {
  border: 1px solid #D70926;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .container-fluid {
  padding: 10px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container h4 {
  /*padding-bottom: 20px;*/
  line-height: 33px;
  max-width: 59%;
  margin: 0 auto;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container h2 {
  /*padding-bottom: 20px;*/
  line-height: 33px;
  max-width: 59%;
  margin: 0 auto;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-max-height {
  max-height: 454px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul {
  list-style-type: none;
  overflow: hidden;
  margin: 0 auto;
  justify-content: center;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li {
  display: flex;
  margin: 15px 15px;
  width: 387px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card {
  width: 387px;
  height: 203px;
  width: 100%;
  cursor: pointer;
  border: 1px solid #E3E3E3;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card:hover {
  border-color: #d70926;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card .manufacturer-title {
  font-size: 24px;
  margin: 8px 0;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card .manufacturer-icon {
  padding-top: 24px;
  height: 100px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card .manufacturer-icon img {
  height: 100%;
  max-height: 55px;
  width: auto;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card p {
  font-size: 18px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container ul li .card p .price {
  color: #D70926;
  font-size: 20px;
  letter-spacing: -0.3px;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .opacity-block {
  position: absolute;
  width: 100%;
  bottom: 13px;
  height: 210px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 70%);
  right: 0;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn {
  all: unset;
  cursor: pointer;
  z-index: 1;
  bottom: -19px;
  position: absolute;
  transform: translate(-50%, 100%);
  left: 50%;
  background-color: #D70926;
  color: white;
  border-radius: 5px;
  padding: 7px 17px;
  font-size: 18px;
  display: flex;
  justify-content: center;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn:hover {
  background-color: #a50017;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn img {
  align-self: center;
}
.homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn span {
  padding-left: 5px;
}

.padded-homepage {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1279px) {
  #car-comparison-sidebar {
    top: 300px;
    width: 95%;
  }

  .homepage .list-service-leasing-wrapper .list-service-leasing-container .container-fluid {
    padding: 0;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row {
    padding: 0;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card {
    width: calc(50% - 10px) !important;
    max-width: 180px !important;
    margin: 5px !important;
    aspect-ratio: 1 !important;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card {
    padding: 10px;
    justify-content: center;
    /*Mobile*/
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card .service-icon {
    margin: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card .service-icon img {
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 80px;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card .service-leasing-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
  }
  .homepage .outgoing-banner .row {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .homepage .outgoing-banner .row img {
    width: 100%;
  }
  .homepage .content-text-container {
    margin-top: unset;
    max-width: 374px;
  }
  .homepage .custom-banner {
    height: auto;
    max-height: unset;
    height: unset;
  }
  .homepage .custom-banner .banner-container {
    padding: 0;
    max-height: unset;
    max-width: unset;
    height: unset;
  }
  .homepage .custom-banner .banner-container .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .homepage .custom-banner .banner-container .row .column {
    width: unset;
  }
  .homepage .custom-banner .banner-container .row .banner-image {
    border-radius: 6px 6px 0px 0px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body {
    max-height: unset;
    height: unset;
    padding: 30px;
    width: unset;
    font-weight: 600;
    width: 100%;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte {
    max-height: unset;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h1, .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h2, .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h3, .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h4, .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h5, .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h6 {
    text-align: center;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte h3 {
    line-height: 26px;
    padding-bottom: 10px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte p {
    line-height: unset;
    text-align: center;
    font-size: 20px;
    margin-bottom: 45px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte li {
    font-size: 18px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container {
    height: unset;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul {
    display: flex;
    justify-content: center;
    gap: 13px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container {
    width: 315px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container:after {
    margin: 0px 5px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title .custom-banner-title {
    font-size: 16px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title .custom-banner-subtitle {
    font-size: 16px;
    white-space: nowrap;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li .btn-container:not(:last-child) {
    margin-bottom: 20px;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li .btn-container:last-child {
    margin-bottom: unset;
  }
  .homepage .custom-banner .banner-container .row .custom-banner-body .banner-image img {
    border-radius: unset;
  }
  .homepage .questionsAndAnswersList {
    box-shadow: none;
  }
}
@media only screen and (max-width: 1199px) {
  .homepage .service-advert-box-list .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .homepage .service-advert-box-list .row .column {
    min-width: initial;
    width: 100%;
  }
  .homepage .service-advert-box-list .row .column .service-advert-box {
    height: 33%;
    width: 100%;
    margin: 0 auto 15px;
    aspect-ratio: 1/1;
    min-height: 265px;
    /*aspect-ratio: 1 / 1;
    height: 33%;*/
  }
  .homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details h2 {
    font-size: 24px;
  }
  .homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details p {
    font-size: 16px;
  }
  .homepage .banner-quick-checkout .quick-checkout-banner-container {
    flex-direction: column;
    text-align: center;
    font-weight: 600;
    padding: 44px 0 37px 0;
  }
  .homepage .banner-quick-checkout .quick-checkout-banner-container .banner-right {
    margin-right: unset;
    margin-bottom: 25px;
    color: #231F20;
    padding-right: 7px;
    padding-left: 7px;
  }
  .homepage .banner-quick-checkout .quick-checkout-banner-container .banner-right .banner-title {
    padding-bottom: 7.5px;
  }
  .homepage .banner-quick-checkout .quick-checkout-banner-container .banner-link .btn {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 172px;
  }
}
@media only screen and (max-width: 1024px) {
  .homepage .full-screen-gallery-wrapper .image-wrapper img {
    max-height: 374px;
    min-height: 220px;
    width: 100%;
  }
  .homepage .full-screen-gallery-wrapper .swiper-pagination {
    top: 22px;
    right: 17px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details {
    transform: translateY(0);
    position: static;
    margin: 0 auto;
    height: 320px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10vw;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .title {
    font-size: 22px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content button {
    margin: auto;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content {
    height: 100%;
    margin: 0 auto;
    justify-content: space-around;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box {
    width: 189px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box p .upper-text {
    font-size: 16px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .price {
    font-size: 35px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .currency-wrapper {
    line-height: 13px;
  }
  .homepage .full-screen-gallery-wrapper .gallery-box-details .main-content .details-content .text-box .price-wrapper .currency-wrapper .currency-text {
    font-size: 25px;
  }
  .homepage .car-search .rental-search-tab-wrapper .header-contant-wrapper {
    max-height: unset;
  }
}
/* ~~~~~~~ Mobile ~~~~~~~ */
@media only screen and (max-width: 768px) {
  .homepage .full-screen-gallery-wrapper .gallery-box-details {
    height: auto;
  }
  .homepage .full-screen-gallery-wrapper .image-wrapper img {
    max-height: 220px;
  }
  .homepage .column .outgoing-text-bottom {
    display: none;
  }
  .homepage .avis-modules-list {
    margin: 40px 17px 50px 17px;
  }
  .homepage .avis-modules-list .module-row {
    gap: 30px;
    width: 100%;
    max-width: 280px;
  }
  .homepage .avis-modules-list .module-row .moduleAvis {
    width: calc(50% - 6%);
    align-items: center;
  }
  .homepage .avis-modules-list .tags-row {
    width: 100%;
  }
  .homepage .leasing-card {
    padding: 30px 0;
    height: initial;
    margin-bottom: 0;
  }
  .homepage .leasing-card .head-card .head-card-title {
    text-align: center;
  }
  .homepage .leasing-card .head-card .middle-line {
    display: flex;
    justify-content: center;
    /*                    .sliced-red-line {
        width: 45%;
    }*/
  }
  .homepage .leasing-card .head-card p {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .homepage .leasing-card ul {
    display: flex;
    flex-direction: column;
    align-content: center;
  }
  .homepage .leasing-card ul li .icon-with-text-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .homepage .leasing-card ul li .icon-with-text-wrapper .circle-icon {
    margin: 14px 0;
  }
  .homepage .leasing-card ul li .icon-with-text-wrapper span {
    width: calc(100% - 81px);
    align-self: center;
    text-align: right;
    padding-right: 26px;
    max-width: 47%;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container ul li {
    margin: 5px 15px;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li {
    max-width: 48%;
    margin: 5px 0px;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn {
    width: 85%;
  }
  .homepage .list-vehicle-type-wrapper .list-vehicle-type-container h3 {
    font-size: 24px;
    padding-bottom: 35px;
  }
  .homepage .list-vehicle-type-wrapper .list-vehicle-type-container h2 {
    font-size: 24px;
    padding-bottom: 35px;
  }
  .homepage .list-vehicle-type-wrapper .list-vehicle-type-container h1 {
    font-size: 24px;
    padding-bottom: 35px;
  }
}
/*@media only screen and (max-width: 767px) {

    .homepage .service-advert-box-list .row .column {
        min-width: initial;

        .service-advert-box {
            height: 327px;*/
/*width: 374px;*/
/*margin: 0 auto 15px;
        }
    }
}*/
/* ~~~~~~~~~~~~ Marketing Banner ~~~~~~~~~~~~~~*/
.switch-position.marketing-banner-wrapper {
  flex-direction: row-reverse;
}
@media (max-width: 1279px) {
  .switch-position.marketing-banner-wrapper {
    flex-direction: column;
  }
}

.media-only .marketing-banner-wrapper {
  height: 500px;
  justify-content: center;
}
.media-only .marketing-banner-wrapper .media-wrapper {
  background-color: black;
  width: 50%;
}
.media-only .marketing-banner-wrapper .content-wrapper {
  display: none;
}

.marketing-banner-wrapper {
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  height: 400px;
  overflow: hidden;
}
.marketing-banner-wrapper .media-wrapper {
  background-color: black;
  width: 40%;
}
.marketing-banner-wrapper .media-wrapper video, .marketing-banner-wrapper .media-wrapper iframe {
  width: 100%;
  height: 100%;
}
.marketing-banner-wrapper .content-wrapper {
  width: 60%;
  background-color: #F8F8F8;
}
.marketing-banner-wrapper .content-wrapper .content {
  width: 100%;
  height: calc(100% - 90px);
  padding: 5% 5% 0 5%;
}
.marketing-banner-wrapper .content-wrapper .content h2.red-headline {
  line-height: 30px;
}
.marketing-banner-wrapper .content-wrapper .link-button {
  display: flex;
  width: 100%;
  height: 90px;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #DCDDDE;
  cursor: pointer;
  text-decoration: none;
  /* no underline */
}
.marketing-banner-wrapper .content-wrapper .link-button h4 {
  line-height: unset;
}
.marketing-banner-wrapper .content-wrapper .link-button .red-left-arrow-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -64px -86px;
  align-self: center;
  transition: transform 0.3s ease;
}
.marketing-banner-wrapper .content-wrapper .link-button:hover .red-left-arrow-icon {
  transform: translateX(-30px);
}
.marketing-banner-wrapper .contact-us-page-bg {
  background: white;
}

/* Marketing Banner in English */
body[dir=ltr] .marketing-banner-wrapper .content-wrapper .link-button .red-left-arrow-icon {
  transform: rotate(180deg);
}
body[dir=ltr] .marketing-banner-wrapper .content-wrapper .link-button:hover .red-left-arrow-icon {
  transform: translateX(30px) rotate(180deg);
}

/* Marketing Banner Mobile */
@media (max-width: 1279px) {
  .marketing-banner-wrapper {
    flex-direction: column;
    height: auto;
    width: 100%;
    margin: 0 auto;
    max-width: 387px;
  }
  .marketing-banner-wrapper .content h1 {
    text-align: center;
    font-size: 28px;
    line-height: unset;
    margin-bottom: 18px;
  }
  .marketing-banner-wrapper .media-wrapper {
    width: 100%;
    height: 250px;
  }
  .marketing-banner-wrapper .content-wrapper {
    width: 100%;
  }
  .marketing-banner-wrapper .content-wrapper .content p {
    font-size: 16px;
  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contact-us-mb-size {
  height: 321px;
  box-shadow: 0px 0px 15px #00000008;
}

.max-image {
  /*margin-bottom: 93px;*/
}
.max-image img {
  object-fit: cover;
  width: 100%;
  height: 552px;
}
.max-image .row {
  --bs-gutter-x: 0;
}
.max-image.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.text-content-opsition {
  text-align: unset;
}

@media (max-width: 1400px) {
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card {
    width: 180px;
    height: 160px;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card .service-icon img {
    max-width: 80%;
  }
  .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card .card span {
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .homepage .media-only .marketing-banner-wrapper {
    height: auto;
  }
  .homepage .media-only .marketing-banner-wrapper .media-wrapper {
    width: 100%;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list {
    margin-top: 10px;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li {
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .carsale-manufacturer-list li .card {
    display: flex;
    justify-content: center;
  }
  .homepage .list-manufacturer-wrapper .list-manufacturer-container .manufacturer-btn {
    width: 85%;
    max-width: 789px;
  }

  .text-content-opsition {
    text-align: center;
  }
}
/* ~~~~~~~~~~~~~~~~ENGLISH~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body {
  padding-right: unset;
  padding-left: 60px;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte ul li {
  padding-left: 30px;
  padding-right: unset;
  height: 45px;
  overflow: hidden;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .custom-banner-rte ul li:before {
  margin-left: unset;
  right: unset;
  left: 0;
  margin-right: 10px;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container {
  margin-right: unset;
  margin-left: 20px;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container .btn-title {
  text-align: left;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li.btn-container .btn-container:after {
  transform: rotate(180deg);
  transition: margin-right 0.3s;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul .btn-container:hover::after {
  margin-right: 5px;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .custom-banner-body .list-custom-banner-buttons-container ul li:before {
  display: none;
}
body[dir=ltr] .homepage .custom-banner .banner-container .row .banner-image img {
  border-radius: 6px 0 0 6px;
}
body[dir=ltr] .homepage .banner-container {
  padding-left: unset;
  padding-right: 16px;
}
body[dir=ltr] .homepage .list-service-leasing-wrapper .list-service-leasing-container .row .item-leasing-card {
  margin: 0 10px 16px 0;
}
body[dir=ltr] .homepage .service-advert-box-list .row .column .service-advert-box .advert-box-details .advert-box-hover-details .more-information span:after {
  display: inline-block;
  transform: rotate(180deg);
}
body[dir=ltr] .homepage .banner-quick-checkout .quick-checkout-banner-container .btn {
  border-radius: 6px 0 0 6px;
}
body[dir=ltr] .homepage .banner-quick-checkout .quick-checkout-banner-container .btn:after {
  display: inline-block;
  transform: rotate(180deg);
}
body[dir=ltr] .homepage .banner-quick-checkout .quick-checkout-banner-container .banner-right {
  margin-right: unset;
  margin-left: 50px;
}

/*@-webkit-keyframes slide {
    100% {
        left: -100px;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}*/
/*.page-padding {
    padding: 0 6% 60px 6%;
}*/
.page-background {
  background: linear-gradient(0deg, #fff 30px, #f8f8f8 30px calc(100% - 250px), #fff calc(100% - 250px) 100%);
}

.incoming-gray-background {
  background: linear-gradient(0deg, #fff 30px, #f8f8f8 30px calc(100% - 190px), #fff calc(100% - 190px) 100%);
}

.outgoing-gray-background {
  background: linear-gradient(0deg, #fff 30px, #f8f8f8 30px calc(100% - 190px), #fff calc(100% - 190px) 100%);
}

.darker-gray-background {
  background-color: #efefef !important;
}

#car-sale-sort-btn {
  width: 160px;
  justify-content: center;
}

#car-sale-select-sort-order-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  height: 50px;
  justify-content: center;
  background-color: #efefef;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 14px;
  color: #231F20;
  position: relative;
  width: 160px;
}
#car-sale-select-sort-order-btn .car-sort-default-value {
  position: absolute;
  font-size: 16px;
  z-index: 0;
}
#car-sale-select-sort-order-btn span {
  font-size: inherit;
  color: inherit;
}
#car-sale-select-sort-order-btn select {
  border: unset;
  padding-left: 20px;
  z-index: 1;
  width: inherit;
}
#car-sale-select-sort-order-btn select option {
  font-size: 14px;
}
#car-sale-select-sort-order-btn select:focus-visible {
  outline: unset;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CAR SALE FILTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.fixed-to-top-car-sale-filter {
  position: fixed;
  top: 60px;
  width: 387px;
  z-index: 8;
}

.search-results-wrapper {
  /*display: flex;*/
  /*flex-direction: row;*/
  width: 100%;
  gap: 30px;
  padding: 0 calc(var(--bs-gutter-x) * .5);
  padding: 0;
}
.search-results-wrapper .search-and-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 387px;
}
.search-results-wrapper .left-side-wrapper {
  width: calc(100% - 387px - 30px);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.search-results-wrapper .left-side-wrapper .filters-buttons-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  align-content: flex-start;
}
.search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .tags-filter-list {
  list-style-type: none;
  display: flex;
  gap: 12px;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 0;
  width: calc(100%-18%-10px);
  flex-wrap: wrap;
  align-items: center;
  min-width: 50px;
  flex: 1;
}
.search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .tags-filter-list li {
  height: 40px;
  border-radius: 80px;
  background-color: #EFEFEF;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .tags-filter-list li * {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  font-weight: 600;
}
.search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .tags-filter-list li:after {
  content: "";
  background: var(--general-image) -45px -122px;
  height: 28px;
  width: 28px;
  display: inline-block;
}
.search-results-wrapper .right-side-wrapper {
  width: 387px;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.search-results-wrapper h1 {
  color: #D70926;
  font-size: 30px;
  width: 100%;
  font-weight: 600;
  flex: 0 0 auto;
  line-height: normal;
  white-space: pre-wrap;
}

.results-page-top-part .results-page-top-part-left .results-page-description {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #231F20;
}
.car-sale-error-message .error-message {
  padding-top: 45px;
  padding-bottom: 45px;
}
.car-sale-error-message .error-message .error-header {
  padding-bottom: 10px;
}
.car-sale-error-message .error-message .no-results-want-to-consult {
  margin-top: 20px;
  font-size: 16px;
  line-height: normal;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

#result-car-cards-wrapper {
  display: flex;
  flex-direction: column;
}

/* Moblie */
@media (max-width: 1199px) {
  .car-sale-general-results-page .manufacturer-and-model-headline-part {
    padding-top: 0;
  }
  .car-sale-general-results-page .manufacturer-and-model-headline-part .title-with-logo h1 {
    line-height: 36px;
  }
  .car-sale-general-results-page .search-results-wrapper {
    padding-top: 0;
  }
  .car-sale-manufacturer-page .manufacturer-and-model-headline-part {
    padding-top: 0;
  }
  .page-background {
    background: linear-gradient(0deg, #fff 10%, #f8f8f8 10% 85%, #fff 85% 100%);
  }

  .outgoing-gray-background {
    background: linear-gradient(0deg, #fff 30px, #f8f8f8 30px calc(100% - 550px), #fff calc(100% - 550px) 100%);
  }

  .incoming-gray-background {
    background: linear-gradient(0deg, #fff 30px, #f8f8f8 30px calc(100% - 670px), #fff calc(100% - 670px) 100%);
  }

  .search-results-wrapper {
    flex-direction: column;
    justify-content: space-around;
    padding: 30px 0;
    gap: 0px;
  }
  .search-results-wrapper .row-height {
    height: unset;
  }
  .search-results-wrapper .left-side-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .search-results-wrapper .right-side-wrapper {
    width: 100%;
  }
  .search-results-wrapper h1 {
    line-height: 32px;
    font-size: 32px;
    text-align: center;
  }
  .search-results-wrapper .mobile-padding {
    width: 100%;
    margin: 15px auto;
  }
  .search-results-wrapper .search-and-filter-wrapper .simple_searh_form {
    width: 100%;
  }
  .search-results-wrapper .car-cards-results-wrapper {
    width: 100%;
  }
  .search-results-wrapper .outgoing-searchbox {
    width: 100%;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper {
    margin: 10px 0;
    max-width: 387px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .tags-filter-list {
    margin-top: 10px;
    width: 100%;
    order: 3;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 100%;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .sort-by-price-button {
    order: 2;
    width: 210px;
  }
}
@media only screen and (max-width: 1199px) {
  .filters-buttons-wrapper #car-sale-sort-btn,
.filters-buttons-wrapper #car-sale-select-sort-order-btn {
    width: unset;
    gap: 5px;
    align-items: center;
    height: unset;
    padding: 5px 10px;
  }
  .filters-buttons-wrapper #car-sale-sort-btn span,
.filters-buttons-wrapper #car-sale-select-sort-order-btn span {
    font-size: 14px;
  }
  .filters-buttons-wrapper #car-sale-sort-btn .car-sort-default-value,
.filters-buttons-wrapper #car-sale-select-sort-order-btn .car-sort-default-value {
    font-size: 14px;
  }
  .filters-buttons-wrapper #car-sale-select-sort-order-btn {
    justify-content: unset;
  }
  .filters-buttons-wrapper #car-sale-select-sort-order-btn .car-sort-default-value {
    font-size: 14px;
  }
  .filters-buttons-wrapper #car-sale-select-sort-order-btn select:has(option:checked[data-sord-type="5"]) {
    width: 75px;
  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General styling ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.unclickable {
  pointer-events: none;
}
.unclickable.red-left-purchase-button, .unclickable.bright-left-purchase-buttons {
  background-color: #EFEFEF;
  color: #999B9E;
}
.unclickable.red-left-purchase-button .arrow, .unclickable.bright-left-purchase-buttons .arrow {
  background: var(--general-image) -629px -87px;
}
.unclickable.bright-left-purchase-buttons {
  background-color: #EFEFEF;
  color: #999B9E;
}
.unclickable.bright-left-purchase-buttons .button-name-and-price .button-price .before-discount {
  color: #999B9E;
}
.unclickable.bright-left-purchase-buttons .button-name-and-price .button-price .after-discount {
  color: #999B9E;
}
.unclickable.bright-left-purchase-buttons .arrow {
  background: var(--general-image) -629px -87px;
}

.button-name-and-price .button-price .before-discount {
  text-decoration: line-through;
}

.flip-card {
  animation: card-flip 0.4s linear;
}

.blur-card {
  filter: blur(15px);
}

@keyframes card-flip {
  0% {
    transform: rotate3d(0, 1, 0, 0);
  }
  50% {
    transform: rotate3d(0, 1, 0, 90deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 0);
  }
}
.car-logo {
  width: 40px;
  height: 40px;
  display: inline;
}

/*.loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 4;
    width: 100%;
    height: 100%;

    .loader-effect {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url(/assets/preloader.gif?v=CcG6eICoR0YBz4qqaAeogDuutvQ);
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px;
    }
}*/
.like-button {
  display: flex;
  position: absolute;
  top: 9px;
  left: 14px;
  border: unset;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #F8F8F8;
  justify-content: center;
  z-index: 1;
}
.like-button:hover {
  background-color: #e9e9e9;
}
.like-button .heart-icon {
  height: 18px;
  width: 18px;
  align-self: center;
  background-image: url("/assets/icons/emptyHeartIcon.svg?v=LZt5OM1DyB_ceY12uy4YX65RDGQ");
}
.like-button.click .heart-icon {
  background-image: url("/assets/icons/fullHeartIcon.svg?v=P2cLVlJb1O-sj_T_QUm8NbQjopI");
}
.like-button img {
  height: 20px;
  width: 20px;
  align-self: center;
}

/* ~~~~~~~~ General Buttons ~~~~~~~~~~~~*/
.flip-card-button {
  cursor: pointer;
}

.coverage-plan-button {
  display: flex;
  justify-content: center;
  justify-items: center;
  gap: 5px;
  padding: 5px;
  cursor: pointer;
  /*.red-exclamation-mark-icon {
      flex: 1 0 auto;
  }*/
}
.coverage-plan-button span {
  font-size: 14px;
  color: #D70926;
}
.coverage-plan-button .black-exclamation-mark-icon {
  flex: 1 0 auto;
}

.price-button, .red-centered-price-button, .right-price-button, .gray-right-price-button, .left-price-button, .gray-left-price-button, .red-left-price-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 50%;
  cursor: pointer;
  border: unset;
  padding: 10px;
}

.left-price-button, .gray-left-price-button, .red-left-price-button {
  border-radius: 0 6px 6px 0;
}

.right-price-button, .gray-right-price-button {
  border-radius: 6px 0 0 6px;
}

.no-prices .right-price-button, .no-prices .gray-right-price-button {
  border-radius: 6px;
}

.red-left-price-button {
  background-color: #D70926;
  color: #FFFFFF;
}

.red-left-price-button .unclickable {
  background-color: #EFEFEF;
  color: #999B9E;
}
.red-left-price-button .unclickable .arrow {
  background: var(--general-image) -629px -87px;
}

.red-centered-price-button {
  border-radius: 6px;
  background-color: #D70926;
  color: #FFFFFF;
}
.red-centered-price-button.only-btn {
  width: calc(100% - 24px);
  padding: 10px 16px;
}

.red-left-price-button:hover, .red-centered-price-button:hover {
  background-color: #A50017;
}

.gray-left-price-button {
  background-color: #F6F6F6;
  color: #231F20;
}

/* ~~~~~~ gray-left-price-button only on car sale ~~~~~~~ */
.car-sale-car-card-wrapper .card-purchase-buttons, .car-sale-result-marketing-car-card .card-purchase-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.car-sale-car-card-wrapper .card-purchase-buttons .gray-left-price-button .button-name, .car-sale-result-marketing-car-card .card-purchase-buttons .gray-left-price-button .button-name {
  /*text-decoration: underline;*/
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  z-index: 1;
}
.car-sale-car-card-wrapper .card-purchase-buttons .gray-left-price-button .button-name .calculator-icon, .car-sale-result-marketing-car-card .card-purchase-buttons .gray-left-price-button .button-name .calculator-icon {
  width: 17px;
  flex: 0 0 auto;
}

.car-sale-result-marketing-car-card .card-purchase-buttons .gray-left-price-button .button-name .calculator-icon {
  height: 18px;
}

@media screen and (max-width: 1660px) {
  .car-sale-result-marketing-car-card .card-purchase-buttons .gray-left-price-button .button-name span {
    font-size: 14px;
  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.gray-right-price-button {
  background-color: #F6F6F6;
  color: #231F20;
}

.gray-right-price-button:hover, .gray-left-price-button:hover {
  background-color: #E9E9E9;
}

.red-left-purchase-button, .bright-left-purchase-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 0 6px 6px 0;
  background-color: #D70926;
  color: #FFFFFF;
  cursor: pointer;
  min-width: 170px;
}
.red-left-purchase-button .button-name-and-price, .bright-left-purchase-buttons .button-name-and-price {
  display: flex;
  flex-direction: column;
}
.red-left-purchase-button .button-name-and-price .button-name, .bright-left-purchase-buttons .button-name-and-price .button-name {
  min-width: 128px;
  font-size: 14px;
  color: inherit;
}
.red-left-purchase-button .button-name-and-price .button-price, .bright-left-purchase-buttons .button-name-and-price .button-price {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.red-left-purchase-button .button-name-and-price .button-price .before-discount, .bright-left-purchase-buttons .button-name-and-price .button-price .before-discount {
  color: inherit;
  font-size: 14px;
  align-self: center;
}
.red-left-purchase-button .button-name-and-price .button-price .after-discount, .bright-left-purchase-buttons .button-name-and-price .button-price .after-discount {
  font-size: 20px;
  color: inherit;
}
.red-left-purchase-button .arrow, .bright-left-purchase-buttons .arrow {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -80px -86px;
}
.red-left-purchase-button:hover, .bright-left-purchase-buttons:hover {
  background-color: #A50017;
}

.bright-left-purchase-buttons {
  background-color: #F6F6F6;
  color: #231F20;
}
.bright-left-purchase-buttons .button-name-and-price .button-price .after-discount {
  color: #E50019;
}
.bright-left-purchase-buttons .button-name-and-price .button-price .before-discount {
  color: #231F20;
}
.bright-left-purchase-buttons .arrow {
  background: var(--general-image) -64px -86px;
}
.bright-left-purchase-buttons:hover {
  background-color: #E9E9E9;
}

body[dir=ltr] .red-left-purchase-button, body[dir=ltr] .bright-left-purchase-buttons {
  border-radius: 6px 0 0 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Outgoing Card and Cards Continer additions  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.row .result-car-cards {
  padding: 0;
}

.result-car-cards {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.result-car-cards .similar-result-title {
  width: 100%;
  font-size: 30px;
  color: #D70926;
  text-align: center;
}
.result-car-cards .card-shadow-effect:hover {
  -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Card ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.result-car-card {
  display: block;
  width: 387px;
  padding: 0;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 8px 15px #00000008;
  border: unset;
}
.result-car-card.hot-offer-displayed .hot-offer {
  top: 50px;
}
.result-car-card .front-of-the-card .availability-status-and-more-info {
  display: flex;
  align-items: center;
  position: absolute;
  top: 12px;
  width: 100%;
  justify-content: space-between;
  z-index: 2;
}
.result-car-card .front-of-the-card .card-image-wrapper {
  height: 200px;
  margin-top: 40px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #F6F6F6;
  z-index: 1;
  display: flex;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.result-car-card .front-of-the-card .card-image-wrapper video -webkit-full-page-media {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
}
.result-car-card .front-of-the-card .card-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.result-car-card .front-of-the-card .card-car-details .details-top-part {
  display: flex;
  justify-content: space-between;
  padding: 12px 15px 0 15px;
}
.result-car-card .front-of-the-card .card-car-details .details-top-part .car-group {
  letter-spacing: NaNpx;
  color: #231F20;
  font-size: 18px;
}

/* ~~~~~~~~~~~~~~~ Hot Offer Card ~~~~~~~~~~~~~~~~~*/
.hot-offer {
  display: none;
  position: absolute;
  left: 0;
  top: 15px;
  background-color: #D70926;
  width: 172px;
  height: 33px;
  border-radius: 0 6px 6px 0;
  color: #fff;
  padding-right: 4px;
  text-overflow: ellipsis;
}
.hot-offer span {
  font-size: 14px;
  white-space: nowrap;
}
.hot-offer img {
  height: 20px;
  margin-bottom: 3px;
}

.hot-offer-displayed {
  border: 1px solid #D70926;
  border-bottom-width: 9px;
}
.hot-offer-displayed .hot-offer {
  display: flex;
  align-items: center;
}
.hot-offer-displayed .buttons-col {
  margin-bottom: 6px;
}
.hot-offer-displayed .card-purchase-buttons {
  margin-bottom: 6px;
}

.currency-icons {
  font-size: 20px;
  color: inherit;
  margin-right: 5px;
}

.white-block {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.card-locked {
  display: none;
  position: absolute;
  left: 0;
  width: 172px;
  height: 33px;
  border-radius: 0 6px 6px 0;
  padding-right: 10px;
  text-overflow: ellipsis;
  background-color: #979797;
  top: 105px;
  color: #ffffff;
  font-weight: 600;
}
.card-locked span {
  font-size: 14px;
  white-space: nowrap;
}

.card-locked-displayed .card-locked {
  display: flex;
  align-items: center;
}
.card-locked-displayed .white-block {
  display: block;
}

/* ~~~~~~~~~~~~ Car Sale Car Card ~~~~~~~~~~~~~~ */
.car-sale-car-card-wrapper .seperator {
  height: 1px;
  background: #EEE;
  margin: 0 12px;
}
.car-sale-car-card-wrapper .hot-offer {
  top: 65px !important;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper {
  margin-top: 0;
  align-items: center;
  width: 100%;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .button-price, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .button-price {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .button-price .currency-icons, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .button-price .currency-icons {
  font-size: 16px;
  margin: 0;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .purchase-button-lines, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .purchase-button-lines {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: normal;
  justify-content: space-between;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.top-line span, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.top-line span {
  font-weight: 600;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.bottom-line span, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.bottom-line span {
  font-size: 14px;
}
.car-sale-car-card-wrapper .red-centered-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line .price-before-discount, .car-sale-car-card-wrapper .gray-left-price-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line .price-before-discount {
  text-decoration: line-through;
}
.car-sale-car-card-wrapper .card-image-wrapper {
  aspect-ratio: 16/9;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
}
.car-sale-car-card-wrapper .card-image-wrapper .car-sale-details-badge {
  border-radius: 6px 0px 0px 6px;
  background: var(--white, #FFF);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 7px;
  min-height: 26px;
}
.car-sale-car-card-wrapper .card-image-wrapper .car-sale-details-badge img {
  height: 18px;
  width: 18px;
}
.car-sale-car-card-wrapper .card-image-wrapper .car-sale-details-badge .badge-text {
  font-size: 14px;
  line-height: 14px;
  color: #212121;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part {
  display: flex;
  justify-content: flex-end;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .car-specs, .car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .outgoing-car-specs {
  margin: 0;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .car-specs li, .car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .outgoing-car-specs li {
  margin: 0;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .car-specs.action-btns, .car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .action-btns.outgoing-car-specs {
  gap: 16px;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .car-specs.action-btns .action-btn, .car-sale-car-card-wrapper .car-card-headline-wrapper .headline-top-part .action-btns.outgoing-car-specs .action-btn {
  gap: 5px;
  padding: 5px;
  border-radius: 6px;
  background: #F8F8F8;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .details-headline {
  flex-direction: row;
  padding: 0;
  align-items: center;
  gap: 5px;
  margin-bottom: 0;
  line-height: 25px;
}
.car-sale-car-card-wrapper .car-card-headline-wrapper .details-headline .sub-title {
  font-size: 14px;
  margin-top: 5px;
  color: #231F20;
}
.car-sale-car-card-wrapper .car-specs, .car-sale-car-card-wrapper .outgoing-car-specs {
  margin: 15px 10px 0px 15px;
}
.car-sale-car-card-wrapper .car-specs li, .car-sale-car-card-wrapper .outgoing-car-specs li {
  justify-content: flex-start;
  width: auto;
  min-width: 60px;
}
.car-sale-car-card-wrapper .car-specs li span, .car-sale-car-card-wrapper .outgoing-car-specs li span {
  font-weight: 600;
}
.car-sale-car-card-wrapper .car-specs.car-features li, .car-sale-car-card-wrapper .car-features.outgoing-car-specs li {
  flex-direction: column;
  justify-content: center;
}

.car-sale-car-badges {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.car-sale-car-badges .rounded-badge {
  border-radius: 6px 0px 0px 6px;
}

.car-sale-badge {
  padding: 5px;
  background: var(--Avis, #D70926);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.12);
  color: white;
  display: flex;
  gap: 5px;
  align-items: center;
  line-height: normal;
  width: fit-content;
  padding: 7px;
}
.car-sale-badge span {
  font-size: 14px;
  line-height: 14px;
}
.car-sale-badge .price {
  display: flex;
  align-items: center;
}
.car-sale-badge .price span {
  font-weight: 600;
}
.car-sale-badge.rounded-badge {
  border-radius: 6px 0px 0px 6px;
}

.car-sale-car-card-wrapper.limited-information-card .car-specs, .car-sale-car-card-wrapper.limited-information-card .outgoing-car-specs {
  justify-content: center;
  gap: 16px;
}
.car-sale-car-card-wrapper.limited-information-card .car-specs.car-features li, .car-sale-car-card-wrapper.limited-information-card .car-features.outgoing-car-specs li {
  flex-direction: row;
  min-width: unset;
}
.car-sale-car-card-wrapper.limited-information-card .car-main-details {
  color: black;
}
.car-sale-car-card-wrapper.limited-information-card .car-main-details .car-sale-manufacturer {
  font-size: 18px;
}
.car-sale-car-card-wrapper.limited-information-card .car-main-details .sub-title {
  color: var(--Text-light, #616161);
  margin: 0;
  display: flex;
  gap: 5px;
}

.car-sale-car-card-wrapper .car-card-marketing-banner,
.car-sale-result-marketing-car-card .car-card-marketing-banner {
  padding: 0 16px 0 15px;
}
.car-sale-car-card-wrapper .car-card-marketing-banner .flip-card-warrant-button,
.car-sale-result-marketing-car-card .car-card-marketing-banner .flip-card-warrant-button {
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

/* ~~~~~~~~~~~~ Car Name (Title) ~~~~~~~~~~~~ */
.details-headline {
  display: flex;
  width: 100%;
  padding: 0 15px;
  flex-direction: column;
  text-decoration: none;
}
.details-headline .title {
  display: block;
  font-size: 24px;
  color: #D70926;
  line-height: 35px;
  font-weight: 600;
}
.details-headline .car-title-wrapper {
  display: flex;
  flex-direction: column;
}
.details-headline .title-additional-data {
  display: inline-block;
  gap: 8px;
}
.details-headline .car-sale-title {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  color: #D70926;
  font-weight: 600;
  gap: 4px;
}
.details-headline .car-sale-title span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
.details-headline .car-sale-title .sub-title {
  display: inline-block;
  font-size: 14px;
  color: #231F20;
}

/* ~~~~~~~~~~~~~~~~~~ Car availability status ~~~~~~~~~~~~~~~~~ */
[dir=ltr] .car-availability-status .phone_approval {
  margin-left: 5px;
  padding-left: unset;
  padding-right: 15px;
}
[dir=ltr] .car-availability-status .phone_approval .availability-indicator {
  margin-right: 0;
  margin-left: 5px;
}
[dir=ltr] .car-availability-status .car-available {
  margin-left: 19px;
}
[dir=ltr] .car-availability-status .car-not-available {
  margin-left: 19px;
}

.car-availability-status {
  display: inline-block;
  position: relative;
  max-width: 280px;
}
.car-availability-status .availability-indicator {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: black;
  flex: 0 0 auto;
}
.car-availability-status .availability-text {
  display: inline;
  font: normal normal normal 16px/48px Assistant;
  color: #231F20;
  position: relative;
  line-height: 20px;
}
.car-availability-status .phone_approval {
  background-color: rgba(53, 156, 246, 0.1);
  border-radius: 38px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px;
  margin-right: 5px;
  padding-left: 15px;
}
.car-availability-status .phone_approval .availability-indicator {
  background-color: #359CF6;
  margin-right: 5px;
}
.car-availability-status .phone_approval .availability-text {
  color: #359CF6;
  font-size: 14px;
  line-height: unset;
}
.car-availability-status .car-available {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  height: 29px;
  margin-right: 19px;
}
.car-availability-status .car-available .availability-indicator {
  background-color: #7BC62D;
}
.car-availability-status .car-available .availability-text {
  color: #231F20;
  font-size: 16px;
}
.car-availability-status .car-not-available {
  background-color: rgba(211, 16, 47, 0.1);
  border-radius: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-right: 19px;
  padding: 5px 10px;
}
.car-availability-status .car-not-available .availability-indicator {
  background-color: #D70926;
}
.car-availability-status .car-not-available .availability-text {
  color: #D70926;
}

.availability-popup {
  display: none;
  position: absolute;
  top: 35px;
  box-shadow: 0px 3px 6px #00000029;
  right: 15px;
  width: calc(100% - 15px - 14%);
  max-width: 300px;
  z-index: 2;
}
.availability-popup .custom-arrow {
  background-color: #fff;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  left: 6px;
  box-shadow: 0px 3px 6px #00000029;
}
.availability-popup .popup-content {
  background-color: #fff;
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  border-bottom: 4px solid #D70926;
  padding: 15px;
  width: 100%;
}
.availability-popup .popup-content p {
  margin: 0;
  font-size: 16px;
}

.car-availability-status:hover + .availability-popup {
  display: initial;
}

/* ~~~~~~~~~~~~~~~~~~ Car features ~~~~~~~~~~~~~~~~~~ */
[dir=ltr] .outgoing-car-specs li {
  padding: 0;
}

.feature-border-right {
  border-right: solid 1px #F6F6F6;
}
.feature-border-right:first-child {
  border-right: none;
}

.car-specs, .outgoing-car-specs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 15px 15px 11px 15px;
  padding: 0;
  justify-content: space-between;
}
.car-specs li, .outgoing-car-specs li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 25px;
  gap: 2px;
  padding: 0px 3px 0px 3px;
  margin: 5px 0;
}
.car-specs li span, .outgoing-car-specs li span {
  font-size: 14px;
}
.car-specs .comparison-button, .outgoing-car-specs .comparison-button {
  display: inherit;
  cursor: pointer;
}
.car-specs .remove-comparison-button, .outgoing-car-specs .remove-comparison-button {
  display: none;
  cursor: pointer;
}

.outgoing-car-specs {
  justify-content: start;
  gap: 0px 15px;
}

/* ~~~~~~~~~~~~~~~~~~ Incoming Card additions ~~~~~~~~~~~~~~~~~~~~~~~~ */
[dir=ltr] .more-info-button {
  padding-right: 13px;
  padding-left: 0;
}

.more-info-button {
  display: flex;
  position: relative;
  justify-content: center;
  justify-items: center;
  gap: 2px;
  padding-left: 13px;
}
.more-info-button .button-text {
  font-size: 16px;
  color: #231F20;
  align-self: center;
}
.more-info-button .black-exclamation-mark-icon {
  align-self: center;
}

[dir=ltr] .car-card-marketing-banner {
  padding: 0px 5px 0px 10px;
}

.car-card-marketing-banner {
  display: flex;
  width: calc(100%);
  background-color: #F6F6F6;
  height: 56px;
  align-items: center;
  gap: 16px;
  padding: 0px 10px 0px 5px;
  overflow: hidden;
}
.car-card-marketing-banner .warranty-wrapper {
  display: flex;
  flex-direction: column;
}
.car-card-marketing-banner span {
  font-size: 14px;
  color: #231F20;
  font-weight: 600;
  line-height: normal;
}

.no-card-to-proccess-link {
  display: flex;
  width: calc(100% - 15px);
  margin: 0 auto;
  background-color: #F6F6F6;
  height: 74px;
  align-items: center;
  gap: 16px;
  padding: 17px 25px;
  overflow: hidden;
}
.no-card-to-proccess-link span {
  font-size: 16px;
  color: #D70926;
  font-weight: 400;
  line-height: normal;
}

[dir=ltr] .card-purchase-buttons .online-purchase-button {
  border-radius: 6px 0 0 6px;
}
[dir=ltr] .card-purchase-buttons .purchase-button {
  border-radius: 0 6px 6px 0;
}
[dir=ltr] .card-purchase-buttons .red-right-arrow-icon {
  transform: rotate(0deg);
  margin-top: 2px;
}
[dir=ltr] .card-purchase-buttons .white-left-arrow-icon {
  transform: rotate(180deg);
  margin-top: 3px;
}

.card-purchase-buttons {
  display: flex;
  gap: 4px;
  flex-direction: row;
  margin: 15px 0px;
}
.card-purchase-buttons.no-prices {
  justify-content: center;
}
.card-purchase-buttons.no-prices .online-purchase-button {
  border-radius: 6px;
}
.card-purchase-buttons.no-prices .purchase-button-text-wrapper {
  justify-content: center;
  gap: 10px;
}
.card-purchase-buttons .online-purchase-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 50%;
  border-radius: 0 6px 6px 0;
  border: none;
  background-color: #D70926;
  color: #FFFFFF;
  padding: 0 10px;
  gap: 5px;
}
.card-purchase-buttons .online-purchase-button.unclickable {
  background-color: #EFEFEF;
  color: #999B9E;
}
.card-purchase-buttons .online-purchase-button.unclickable .white-left-arrow-icon {
  background: var(--general-image) -631px -86px;
}
.card-purchase-buttons .online-purchase-button:hover {
  background-color: #A50017;
}
.card-purchase-buttons .purchase-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 50%;
  border-radius: 6px 0px 0px 6px;
  border: none;
  background-color: #F6F6F6;
  color: #231F20;
  padding: 0 10px;
  gap: 5px;
}
.card-purchase-buttons .purchase-button:hover {
  background-color: #E9E9E9;
}
.card-purchase-buttons .purchase-button.unclickable {
  background-color: #EFEFEF;
  color: #999B9E;
}
.card-purchase-buttons .purchase-button.unclickable .red-right-arrow-icon {
  background: var(--general-image) -631px -89px;
}
.card-purchase-buttons .purchase-button-text-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  align-items: center;
}
.card-purchase-buttons .button-name {
  color: inherit;
  font-size: 16px;
  letter-spacing: -0.24px;
  line-height: normal;
}
.card-purchase-buttons .top-line {
  font-size: 16px;
}
.card-purchase-buttons.small-price .button-name,
.card-purchase-buttons.small-price .button-price {
  font-size: 14px;
}
.card-purchase-buttons .button-price {
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card-purchase-buttons .button-price .price {
  color: inherit;
  font-size: 24px;
  letter-spacing: -0.36px;
  line-height: 22px;
}
.card-purchase-buttons .button-price .per-day {
  color: inherit;
  font-size: 14px;
  letter-spacing: -0.36px;
  line-height: 15px;
  height: 15px;
}

/* ~~~~~~~~~~~~~~~~~~ Outgoing Card additions ~~~~~~~~~~~~~~~~~~~~~~~~ */
[dir=ltr] .coverage-plan-buttons-wrapper {
  padding-right: unset;
  padding-left: 16px;
}
[dir=ltr] .coverage-plan-buttons-wrapper .red-left-purchase-button .arrow, [dir=ltr] .coverage-plan-buttons-wrapper .bright-left-purchase-buttons .arrow {
  transform: rotate(180deg);
}

.buttons-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 15px 0;
}

.coverage-plan-buttons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 16px;
}
.coverage-plan-buttons-wrapper .coverage-plan-button span {
  color: #231F20;
}

.accesible-car-banner {
  display: flex;
  background-color: #F6F6F6;
  margin: 0 auto;
  justify-content: center;
  width: calc(100% - 10px);
  padding: 15px 10px 0 10px;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.accesible-car-banner .accesible-car-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 5px;
  overflow: auto;
  height: 110px;
  flex-wrap: wrap;
}
.accesible-car-banner .v-point {
  display: flex;
  flex-direction: row;
  max-width: 175px;
}
.accesible-car-banner .v-point span {
  font-size: 13px;
}
.accesible-car-banner a:link, .accesible-car-banner a:visited, .accesible-car-banner a:hover, .accesible-car-banner a:active {
  color: #000000;
  text-decoration: none;
}
.accesible-car-banner a {
  display: flex;
  border: unset;
  background-color: transparent;
  border-top: 1px solid #dcddde;
  margin-top: 10px;
  padding: 15px 0;
  justify-content: center;
  gap: 10px;
}
.accesible-car-banner a span {
  font-size: 20px;
  color: #231F20;
  font-weight: 400;
  border-bottom: unset;
}
.accesible-car-banner a span.number {
  color: #D4002A;
}

.outgoing-banner {
  display: flex;
  background-color: #F6F6F6;
  min-height: 74px;
  margin: 0 auto;
  justify-content: center;
  width: calc(100% - 10px);
  align-items: center;
  gap: 5px;
  padding: 5px;
  flex-direction: column;
}
.outgoing-banner .bullet-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  word-break: break-word;
}
.outgoing-banner .bullet-row span {
  font-size: 14px;
}
.outgoing-banner .v-point {
  display: flex;
  flex-direction: row;
}
.outgoing-banner .v-point span {
  font-size: 12px;
  white-space: nowrap;
}

.outgoing-card-price-included-wrapper {
  display: flex;
  width: 100%;
  justify-content: start;
  padding: 20px 12px;
}
.outgoing-card-price-included-wrapper .outgoing-card-price-included {
  font-size: 12px;
  color: #757575;
}

/* ~~~~~~~~~~~~~~~~~~ Back of the card ~~~~~~~~~~~~~~~~~~~~~~~~ */
[dir=ltr] .back-of-the-card .outgoing .bullet-row {
  justify-content: left;
}

.back-of-the-card,
.back-of-the-card-warranty,
.front-of-the-card-warranty,
.back-of-the-card-warranty-additional-data {
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 3;
  padding: 22px 22px 0 22px;
  overflow-y: auto;
}
.back-of-the-card .more-info-close-button,
.back-of-the-card-warranty .more-info-close-button,
.front-of-the-card-warranty .more-info-close-button,
.back-of-the-card-warranty-additional-data .more-info-close-button {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: var(--general-image) -6px -120px;
  cursor: pointer;
}
.back-of-the-card .title,
.back-of-the-card-warranty .title,
.front-of-the-card-warranty .title,
.back-of-the-card-warranty-additional-data .title {
  color: #D70926;
  font-size: 24px;
}
.back-of-the-card .content,
.back-of-the-card-warranty .content,
.front-of-the-card-warranty .content,
.back-of-the-card-warranty-additional-data .content {
  color: #231F20;
  font-size: 16px;
}
.back-of-the-card .additional-info-title,
.back-of-the-card-warranty .additional-info-title,
.front-of-the-card-warranty .additional-info-title,
.back-of-the-card-warranty-additional-data .additional-info-title {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 33px;
  /*.red-exclamation-mark-icon {
      align-self: center;
  }*/
}
.back-of-the-card .additional-info-title span,
.back-of-the-card-warranty .additional-info-title span,
.front-of-the-card-warranty .additional-info-title span,
.back-of-the-card-warranty-additional-data .additional-info-title span {
  font-size: 18px;
  color: #D70926;
}
.back-of-the-card .additional-info-title .black-exclamation-mark-icon,
.back-of-the-card-warranty .additional-info-title .black-exclamation-mark-icon,
.front-of-the-card-warranty .additional-info-title .black-exclamation-mark-icon,
.back-of-the-card-warranty-additional-data .additional-info-title .black-exclamation-mark-icon {
  align-self: center;
}
.back-of-the-card .top-header,
.back-of-the-card-warranty .top-header,
.front-of-the-card-warranty .top-header,
.back-of-the-card-warranty-additional-data .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.back-of-the-card .top-header .action-btns,
.back-of-the-card-warranty .top-header .action-btns,
.front-of-the-card-warranty .top-header .action-btns,
.back-of-the-card-warranty-additional-data .top-header .action-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
.back-of-the-card .top-header .action-btns .flip-card-warrant-additional-data-button,
.back-of-the-card-warranty .top-header .action-btns .flip-card-warrant-additional-data-button,
.front-of-the-card-warranty .top-header .action-btns .flip-card-warrant-additional-data-button,
.back-of-the-card-warranty-additional-data .top-header .action-btns .flip-card-warrant-additional-data-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.back-of-the-card .extras-info,
.back-of-the-card-warranty .extras-info,
.front-of-the-card-warranty .extras-info,
.back-of-the-card-warranty-additional-data .extras-info {
  display: flex;
  flex-direction: column;
}
.back-of-the-card .cradit-card-info,
.back-of-the-card-warranty .cradit-card-info,
.front-of-the-card-warranty .cradit-card-info,
.back-of-the-card-warranty-additional-data .cradit-card-info {
  display: flex;
  flex-direction: column;
}
.back-of-the-card .outgoing .title,
.back-of-the-card-warranty .outgoing .title,
.front-of-the-card-warranty .outgoing .title,
.back-of-the-card-warranty-additional-data .outgoing .title {
  color: #D70926;
  font-size: 20px;
  margin: 10px 0;
}
.back-of-the-card .outgoing .bullet-row,
.back-of-the-card-warranty .outgoing .bullet-row,
.front-of-the-card-warranty .outgoing .bullet-row,
.back-of-the-card-warranty-additional-data .outgoing .bullet-row {
  justify-content: right;
}
.back-of-the-card .outgoing .bullet-container,
.back-of-the-card-warranty .outgoing .bullet-container,
.front-of-the-card-warranty .outgoing .bullet-container,
.back-of-the-card-warranty-additional-data .outgoing .bullet-container {
  padding: 0 0 30px 0;
}
.back-of-the-card .bullet-container,
.back-of-the-card-warranty .bullet-container,
.front-of-the-card-warranty .bullet-container,
.back-of-the-card-warranty-additional-data .bullet-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.back-of-the-card .bullet-row,
.back-of-the-card-warranty .bullet-row,
.front-of-the-card-warranty .bullet-row,
.back-of-the-card-warranty-additional-data .bullet-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  word-break: break-word;
}
.back-of-the-card .bullet-row span,
.back-of-the-card-warranty .bullet-row span,
.front-of-the-card-warranty .bullet-row span,
.back-of-the-card-warranty-additional-data .bullet-row span {
  font-size: 14px;
}
.back-of-the-card .bullet-row .small-v-icon,
.back-of-the-card-warranty .bullet-row .small-v-icon,
.front-of-the-card-warranty .bullet-row .small-v-icon,
.back-of-the-card-warranty-additional-data .bullet-row .small-v-icon {
  flex: 0 0 auto;
}
.back-of-the-card .content,
.back-of-the-card-warranty .content,
.front-of-the-card-warranty .content,
.back-of-the-card-warranty-additional-data .content {
  font-size: 14px;
  margin-bottom: 30px;
}
.back-of-the-card .content a,
.back-of-the-card-warranty .content a,
.front-of-the-card-warranty .content a,
.back-of-the-card-warranty-additional-data .content a {
  font-size: 14px;
}
.back-of-the-card .card-warranty .top-header,
.back-of-the-card-warranty .card-warranty .top-header,
.front-of-the-card-warranty .card-warranty .top-header,
.back-of-the-card-warranty-additional-data .card-warranty .top-header {
  padding-bottom: 18px;
  border-bottom: 1px solid #F1F1F1;
}
.back-of-the-card .card-warranty .top-header.mb,
.back-of-the-card-warranty .card-warranty .top-header.mb,
.front-of-the-card-warranty .card-warranty .top-header.mb,
.back-of-the-card-warranty-additional-data .card-warranty .top-header.mb {
  margin-bottom: 18px;
}
.back-of-the-card .card-warranty .top-header .title,
.back-of-the-card-warranty .card-warranty .top-header .title,
.front-of-the-card-warranty .card-warranty .top-header .title,
.back-of-the-card-warranty-additional-data .card-warranty .top-header .title {
  font-size: 18px;
  color: #212121;
}
.back-of-the-card .card-warranty .top-header .title.primary-color,
.back-of-the-card-warranty .card-warranty .top-header .title.primary-color,
.front-of-the-card-warranty .card-warranty .top-header .title.primary-color,
.back-of-the-card-warranty-additional-data .card-warranty .top-header .title.primary-color {
  color: #d70926;
}
.back-of-the-card .card-warranty .card-subtitle,
.back-of-the-card-warranty .card-warranty .card-subtitle,
.front-of-the-card-warranty .card-warranty .card-subtitle,
.back-of-the-card-warranty-additional-data .card-warranty .card-subtitle {
  font-size: 15px;
  padding: 30px 0;
  color: #D70926;
}
.back-of-the-card .card-warranty ul,
.back-of-the-card-warranty .card-warranty ul,
.front-of-the-card-warranty .card-warranty ul,
.back-of-the-card-warranty-additional-data .card-warranty ul {
  list-style: none;
}
.back-of-the-card .card-warranty ul li,
.back-of-the-card-warranty .card-warranty ul li,
.front-of-the-card-warranty .card-warranty ul li,
.back-of-the-card-warranty-additional-data .card-warranty ul li {
  padding-right: 10px;
  position: relative;
  font-size: 15px;
}
.back-of-the-card .card-warranty ul li:before,
.back-of-the-card-warranty .card-warranty ul li:before,
.front-of-the-card-warranty .card-warranty ul li:before,
.back-of-the-card-warranty-additional-data .card-warranty ul li:before {
  display: flex;
  background: var(--general-image) -96px -86px;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  content: "";
  gap: 10px;
  position: absolute;
  right: -5px;
}
.back-of-the-card .card-warranty p,
.back-of-the-card-warranty .card-warranty p,
.front-of-the-card-warranty .card-warranty p,
.back-of-the-card-warranty-additional-data .card-warranty p {
  font-size: 15px;
}

.incomong-additional-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.incomong-additional-data .more-info-close-button {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: var(--general-image) -6px -120px;
  cursor: pointer;
}
.incomong-additional-data .title {
  color: #D70926;
  font-size: 24px;
}
.incomong-additional-data .content {
  color: #231F20;
  font-size: 16px;
  white-space: pre-wrap;
  line-height: 20px;
}
.incomong-additional-data .additional-info-title {
  display: flex;
  gap: 10px;
  /* .red-exclamation-mark-icon {
      align-self: center;
  }*/
}
.incomong-additional-data .additional-info-title span {
  font-size: 18px;
  color: #D70926;
}
.incomong-additional-data .additional-info-title .black-exclamation-mark-icon {
  align-self: center;
}
.incomong-additional-data .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.incomong-additional-data .extras-info {
  display: flex;
  flex-direction: column;
}
.incomong-additional-data .cradit-card-info {
  display: flex;
  flex-direction: column;
}
.incomong-additional-data .outgoing .title {
  color: #D70926;
  font-size: 20px;
  margin: 10px 0;
}
.incomong-additional-data .outgoing .bullet-row {
  justify-content: right;
}
.incomong-additional-data .outgoing .bullet-container {
  padding: 0 0 30px 0;
}
.incomong-additional-data .bullet-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.incomong-additional-data .bullet-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}
.incomong-additional-data .bullet-row span {
  font-size: 14px;
}
.incomong-additional-data .bullet-row .small-v-icon {
  flex: 0 0 auto;
}

@media (max-width: 1279px) {
  .row .result-car-cards {
    margin: 0 auto;
  }

  .result-car-cards {
    margin: 0 auto;
  }

  .result-car-card {
    max-width: 387px;
    margin: 0;
  }
}
/*     ENGLISH    */
body[dir=ltr] .availability-popup {
  right: unset;
  left: 15px;
}
body[dir=ltr] .availability-popup .custom-arrow {
  background-color: #fff;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  left: 6px;
  box-shadow: 0px 3px 6px #00000029;
}
.search-header {
  display: flex;
  padding: 0;
  margin: 19px auto 11px;
}
.search-header h1.title-page {
  margin: 0;
  font-weight: 600;
  color: #D70926;
  font-size: 40px;
  line-height: 40px;
  width: 387px;
}
.search-header #car-results-wrapper-id {
  width: calc(100% - 387px);
  display: flex;
  justify-content: space-between;
  padding: 0 30px 0 0;
}
.search-header #car-results-wrapper-id .sort-and-filter-mobile .sort-btn-and-modal-filter-button {
  visibility: hidden;
  width: 0px;
  height: 0px;
}

.filters-tags {
  list-style-type: none;
  display: flex;
  gap: 12px;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 0;
}
.filters-tags .tags-filter-list {
  list-style-type: none;
  display: flex;
  gap: 12px;
  padding: 0;
  box-sizing: border-box;
}
.filters-tags .tags-filter-list li {
  height: 40px;
  border-radius: 80px;
  background-color: #EFEFEF;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.filters-tags .tags-filter-list li * {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  font-weight: 600;
}
.filters-tags .tags-filter-list li:after {
  content: "";
  background: var(--general-image) -45px -122px;
  height: 28px;
  width: 28px;
  display: inline-block;
}

.car-results-container {
  display: flex;
  gap: 30px;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.car-results-container .car-results-right {
  width: 387px;
  max-width: 387px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0;
  margin: 19px auto 11px;
}
.car-results-container .car-results-right .filter-and-sort-controls .car-search {
  margin-bottom: 100px;
}
.car-results-container .car-results-right .filter-and-sort-controls .car-search .sort-options .form-check-input:checked {
  content: url("../assets/check.svg");
  border-color: #D70926;
  background: #D70926;
}
.car-results-container .car-results-right .filter-and-sort-controls .car-search .sort-options .form-check-label {
  padding-right: 10px;
}
.car-results-container .car-results-right .filter-and-sort-controls .car-search .sort-options .form-check-input:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: none;
}
.car-results-container .car-results-left {
  padding: 0;
  margin: 19px auto 11px;
  display: flex;
  width: calc(100% - 387px - 30px);
}

.filter-type {
  margin-top: 10px;
  margin-bottom: 10px;
}

.car-search {
  margin-bottom: 100px;
  display: flex;
  gap: 30px;
}
.car-search .sort-options {
  width: 100%;
  box-shadow: 0px 8px 15px #0000000F;
  background-color: #fff;
  border-radius: 6px;
}
.car-search .sort-options .form-check-input:checked {
  content: url("../assets/check.svg");
  border-color: #D70926;
  background: #D70926;
}
.car-search .sort-options .form-check-label {
  padding-right: 10px;
}
.car-search .sort-options .form-check-input:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: none;
}
.car-search .sort-options h3 {
  font-size: 20px;
}
.car-search .sort-options #reset-filter-selection {
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
}
.car-search .sort-options #reset-filter-selection:before {
  content: "";
  width: 22px;
  height: 22px;
  background: var(--general-image) -352px -96px;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.car-search .sort-options .sort-options-top-section {
  display: flex;
  justify-content: space-between;
  padding: 30px 32px 30px 20px;
  align-items: center;
}
.car-search .sort-options .sort-options-top-section * {
  margin: 0;
  font-weight: 600;
}
.car-search .sort-options .sort-options-top-section h3 {
  color: #D70926;
}
.car-search .sort-options .sort-options-bottom-section div {
  border-top: 1px solid #DCDDDE;
  padding: 25px 32px 25px 22px;
}
.car-search .sort-options .sort-options-bottom-section div #car-gear-sort-options {
  list-style-type: none;
  padding: 0;
}
.car-search .sort-options .sort-options-bottom-section div #car-gear-sort-options li.filter-type {
  margin-top: 10px;
  margin-bottom: 10px;
}
.car-search .sort-options .sort-options-bottom-section div .car-sort-header {
  width: 100%;
  border: 0;
  background: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: baseline;
}
.car-search .sort-options .sort-options-bottom-section div .car-sort-header h3 {
  margin: 0;
  line-height: 20px;
  font-weight: 600;
}
.car-search .sort-options .sort-options-bottom-section div .car-sort-header img {
  transform: rotate(90deg);
  transition: transform 200ms;
}
.car-search .sort-options .sort-options-bottom-section div .car-sort-header.collapsed > img {
  transform: rotate(270deg);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ filter Box and Modal ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sort-options {
  width: 100%;
  box-shadow: 0px 8px 15px #0000000F;
  background-color: #fff;
  height: 100%;
  border-radius: 6px;
  border: unset;
}
.sort-options .form-check-input:checked {
  content: url("../assets/check.svg");
  border-color: #D70926;
  background: #D70926;
}
.sort-options .form-check-label {
  padding-right: 10px;
}
.sort-options .form-check-input:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: none;
}
.sort-options h3 {
  font-size: 20px;
}
.sort-options #reset-filter-selection {
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.sort-options #reset-filter-selection:before {
  content: "";
  width: 22px;
  height: 22px;
  background: var(--general-image) -352px -87px;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.sort-options .sort-options-top-section {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  align-items: center;
}
.sort-options .sort-options-top-section * {
  margin: 0;
  font-weight: 600;
}
.sort-options .sort-options-top-section .reset-filter-selection {
  display: flex;
  line-height: 18px;
}
.sort-options .sort-options-top-section h3 {
  color: #D70926;
  font-size: 20px;
  line-height: normal;
}
.sort-options .sort-options-bottom-section {
  border-top: 1px solid #DCDDDE;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.sort-options .sort-options-bottom-section .reset-filters {
  font-size: 16px;
}
.sort-options .sort-options-bottom-section ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sort-options .sort-options-bottom-section ul li.filter-type {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sort-options .sort-options-bottom-section .car-sort-header {
  width: 100%;
  border: 0;
  background: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
  padding-bottom: 10px;
  align-items: center;
}
.sort-options .sort-options-bottom-section .car-sort-header h3 {
  line-height: 20px;
  margin: 0;
  font-weight: 600;
}
.sort-options .sort-options-bottom-section .car-sort-header img {
  transform: rotate(90deg);
  transition: transform 200ms;
  /*margin-top: 17px;*/
}
.sort-options .sort-options-bottom-section .car-sort-header.collapsed > img {
  transform: rotate(270deg);
}
.sort-options .btn-submit-filters {
  background-color: #D70926;
  border: none;
  width: 100%;
  color: white;
}

.btn.modal-open {
  background-color: #F8F8F8;
  visibility: visible;
  display: flex;
  align-items: center;
  border-radius: 6px;
  font-size: 16px;
  width: 100px;
  height: 50px;
}

@media screen and (max-width: 1279px) {
  .search-results-wrapper .filters-buttons-wrapper.sort-by-price-button, .search-results-wrapper .filters-buttons-wrapper.price-list-btn {
    width: unset;
  }

  .search-results-wrapper .left-side-wrapper {
    /*}*/
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper {
    /* flex-direction: column;

    .car-results-right {
        .sort-options {
            display: none;
        }

        h1.title-page {
            text-align: center;
            margin-bottom: 30px;
            margin-top: 30px;
        }
    }*/
    /*  display: flex;
    flex-direction: column-reverse;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;*/
    /* .sort-btn-and-modal-filter-button {*/
    /* display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 30px;*/
    /* .sort-btn-and-modal-filter-button {
            visibility: visible;

            .btn.modal-open {
                background-color: #F8F8F8;
                visibility: visible;
                display: flex;
                border-radius: 6px;
                font-size: 16px;
                width: 100px;
                height: 50px;
            }
        }

        .sort-by-price-button {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            gap: 5px;
            width: 224px;
            height: 50px;
            background-color: #F8F8F8;

            span {
                text-align: right;
                font-size: 14px;
                color: #231F20;
                letter-spacing: -0.21px;
            }

            .ascending {
                color: $redColor;
            }

            .descending {
                color: $redColor;
            }
        }*/
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header {
    border-top: solid 5px #D70926;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    align-items: start;
    box-shadow: 0px 3px 6px #00000029;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header .title-and-close-button {
    min-width: 125px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header .title-and-close-button .btn-close-modal {
    border: none;
    background-color: white;
    display: flex;
    align-items: center;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header .title-and-close-button .btn-close-modal:before {
    content: "";
    width: 16px;
    height: 16px;
    background: var(--general-image) -318px -128px;
    display: inline-block;
    vertical-align: middle;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header .title-and-close-button h3 {
    padding-right: 10px;
    font-size: 20px;
    line-height: 20px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header .title-and-close-button label {
    font-size: 16px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-top-section.modal-header p {
    font-size: 16px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-bottom-section {
    padding: 30px 20px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .sort-options-bottom-section .car-sort-header h3 {
    line-height: 20px;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .modal-footer {
    bottom: 22px;
    position: absolute;
    width: 100%;
  }
  .search-results-wrapper .left-side-wrapper .filters-buttons-wrapper .modal .modal-footer .btn-submit-filters:after {
    content: "";
    width: 22px;
    height: 22px;
    background: var(--general-image) -83px -91px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 7px;
    top: 2px;
  }
}
body[dir=ltr] .sort-by-price-button {
  padding: 0 5px 0 10px;
}

body[dir=ltr] .sort-options .form-check-label {
  padding-right: unset;
  padding-left: 10px;
}
.row-height {
  flex: 0 0 auto;
  min-height: 80px;
  margin: 20px 0;
}

/* car sale results page override */
/*
    .car-sale-results-page {
    .row-height {
        min-height: 40px;
    }

    .filter-list {
        li {
            padding: 5px 10px;
            height: 30px;
            font-size: 12px;
            gap: 5px;

            p {
                font-size: 14px;
            }
        }
    }

    .manufacturer-and-model-headline-part {
        .title-with-logo {
            h1 {
                color: unset
            }
        }
    }
}

*/
.sort-by-price-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 5px;
  padding: 0px 10px 0 5px;
  height: 50px;
  background-color: #F8F8F8;
  border-radius: 6px;
}
.sort-by-price-button span {
  font-size: 14px;
  color: #231F20;
  letter-spacing: -0.21px;
}
.sort-by-price-button .ascending {
  color: #d70926;
}
.sort-by-price-button .descending {
  color: #d70926;
}

.action-btns-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.price-list-btn {
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.15px;
}
.price-list-btn a {
  text-decoration: none;
}
.price-list-btn .default-price-quote {
  color: white;
  border-radius: 6px;
  background: var(--Avis, #D70926);
  display: inline-flex;
  height: 50px;
  padding: 0 16px 0 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.price-list-btn .default-price-quote:hover {
  background: var(--Avis-dark, #B90922);
}
.price-list-btn .non-default-price-quote {
  color: black;
  border-radius: 6px;
  border: 1px solid var(--Avis, #D70926);
  background-color: transparent;
  display: inline-flex;
  height: 50px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.price-list-btn .non-default-price-quote:hover {
  background-color: #F8F8F8;
}
.price-list-btn .double-white-arrow {
  height: 50px;
  width: 50px;
  transform: rotate(90deg);
}

.filter-list {
  list-style-type: none;
  margin: 0;
  gap: 12px;
  max-width: 77%;
}
.filter-list li {
  height: 40px;
  background-color: #EFEFEF;
  border-radius: 80px;
  padding: 0 20px 0 10px;
  gap: 8px;
  cursor: default;
  /*        &::after {
      content: url('../assets/x-circle.svg');
      height: 24px;
  }*/
}
.filter-list li p {
  margin: 0;
  font-size: 16px;
}

.manufacturer-and-model-description {
  font-size: 16px;
  text-overflow: ellipsis;
}
.manufacturer-and-model-description p {
  word-break: break-word;
}

.manufacturer-and-model-headline-part {
  display: flex;
}
.manufacturer-and-model-headline-part .results-page-description {
  padding: 0;
  display: block;
  max-width: 1000px;
  color: #231F20;
  margin-right: 15px;
  align-self: center;
  width: calc(94% - calc(387px + 15px));
}
.manufacturer-and-model-headline-part .results-page-description .description {
  font-size: 16px;
  text-overflow: ellipsis;
}
.manufacturer-and-model-headline-part .results-page-description .description p {
  word-break: break-word;
}
.manufacturer-and-model-headline-part .title-with-logo {
  display: flex;
  border-left: 1px solid #DCDDDE;
  padding: 0;
  width: calc(387px + 15px);
  justify-content: flex-start;
  align-items: center;
}
.manufacturer-and-model-headline-part .title-with-logo h1 {
  display: inline;
  color: #D70926;
  font-size: 30px;
  font-weight: 600;
}
.manufacturer-and-model-headline-part .title-with-logo img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-left: 20px;
}

.manufacturer-models {
  border-right: 1px solid #dcddde;
  padding-right: 15px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.manufacturer-models span {
  color: #231F20;
  font-size: 16px;
  display: flex;
  align-items: center;
  height: 30px;
}
.manufacturer-models a {
  display: flex;
  background-color: #EFEFEF;
  width: auto;
  height: 30px;
  border-radius: 80px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #231F20;
  padding: 0 10px;
}
.manufacturer-models a span {
  font-size: 14px;
  letter-spacing: -0.21px;
}
.manufacturer-models a:hover {
  color: #231F20;
}

.result-marketing-car-card, .car-sale-result-marketing-car-card, .leasing-result-marketing-car-card {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: row;
  border-radius: 6px;
  flex-wrap: wrap;
  overflow: hidden;
  min-height: 420px;
  background-color: #fff;
}
.result-marketing-car-card.hot-offer-displayed, .hot-offer-displayed.car-sale-result-marketing-car-card, .hot-offer-displayed.leasing-result-marketing-car-card {
  border-bottom-width: 1px;
}
.result-marketing-car-card .card-purchase-buttons, .car-sale-result-marketing-car-card .card-purchase-buttons, .leasing-result-marketing-car-card .card-purchase-buttons {
  padding-bottom: 12px;
  margin: 0;
}
.result-marketing-car-card .buttons-col, .car-sale-result-marketing-car-card .buttons-col, .leasing-result-marketing-car-card .buttons-col {
  margin: 10px 0 0 0;
  padding-bottom: 33px;
}
.result-marketing-car-card .hot-offer, .car-sale-result-marketing-car-card .hot-offer, .leasing-result-marketing-car-card .hot-offer {
  z-index: 1;
  top: 65px;
}

@media (max-width: 1660px) {
  #manufacturer-and-model-headline-part {
    max-width: 1221px;
  }

  .search-results-wrapper {
    justify-content: center;
  }
  .search-results-wrapper .left-side-wrapper {
    max-width: calc(calc(387px * 2) + 30px);
  }
  .search-results-wrapper .left-side-wrapper .result-marketing-car-card:not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card):not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card.leasing-result-marketing-car-card) .marketing-image-wrapper, .search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card:not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card):not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card.leasing-result-marketing-car-card) .marketing-image-wrapper, .search-results-wrapper .left-side-wrapper .leasing-result-marketing-car-card:not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card):not(.search-results-wrapper .left-side-wrapper .car-sale-result-marketing-car-card.leasing-result-marketing-car-card) .marketing-image-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.marketing-image-wrapper {
  position: relative;
  background-size: cover;
  background-position: center;
  width: 55%;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
}
.marketing-image-wrapper .image-gradient {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column-reverse;
  align-items: center;
  background: transparent linear-gradient(183deg, #231F2000 50%, #000000 100%) 0% 0% no-repeat padding-box;
}
.marketing-image-wrapper .car-specifications {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding: 0 21% 33px 21%;
}
.marketing-image-wrapper .car-specifications .item {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.marketing-image-wrapper .car-specifications .item .name {
  font-size: 18px;
  color: #FFFFFF;
}
.marketing-image-wrapper .car-specifications .item .value {
  font-size: 30px;
  color: #FFFFFF;
  align-self: center;
  max-height: 34px;
}

.marketing-details-wrapper {
  position: relative;
  display: flex;
  width: 45%;
  background-color: #FFFFFF;
  flex-direction: column;
  justify-content: space-between;
}
.marketing-details-wrapper #front-of-the-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.marketing-details-wrapper #front-of-the-card .car-card-marketing-banner {
  width: 100%;
  margin-bottom: 10px;
}
.marketing-details-wrapper #front-of-the-card .outgoing-banner {
  width: 100%;
}
.marketing-details-wrapper .top-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
}
.marketing-details-wrapper .marketing-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px 20px 0 20px;
}
.marketing-details-wrapper .marketing-details .availability-popup {
  top: 55px;
}
.marketing-details-wrapper .marketing-details .content {
  color: #231F20;
  font-size: 14px;
  overflow: hidden;
  max-height: 150px;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  white-space: pre-line;
  font-weight: 600;
  min-height: 100px;
  overflow: auto;
}
.marketing-details-wrapper .marketing-details .details-headline {
  padding: 0;
  line-height: 20px;
}
.marketing-details-wrapper .marketing-details .details-headline .title {
  font-size: 22px;
  color: #D70926;
}
.marketing-details-wrapper .marketing-details .details-headline .sub-title {
  font-size: 14px;
  margin-top: 5px;
}
.marketing-details-wrapper .marketing-details .car-available {
  margin: 0;
}
.marketing-details-wrapper .card-purchase-buttons .button-name {
  font-size: 18px;
}
.marketing-details-wrapper .car-details-bottom-elements {
  padding-bottom: 26px;
}

.leasing-marketing-card-width {
  cursor: pointer;
  width: 100%;
}

/* Leasing Marketing Card */
.leasing-result-marketing-car-card {
  max-width: unset !important;
}
.leasing-result-marketing-car-card.hot-offer-displayed {
  border: 1px solid #D70926;
  border-bottom-width: 1px;
}
.leasing-result-marketing-car-card.hot-offer-displayed .hot-offer {
  top: 25px;
  display: flex;
  align-items: center;
}
.leasing-result-marketing-car-card.hot-offer-displayed .marketing-details-wrapper .car-details-bottom-elements .more-details {
  background-color: #D70926;
}
.leasing-result-marketing-car-card.hot-offer-displayed .marketing-details-wrapper .car-details-bottom-elements .more-details p {
  color: #fff;
}
.leasing-result-marketing-car-card.hot-offer-displayed .marketing-details-wrapper .car-details-bottom-elements .more-details p:after {
  content: url("../assets/temp/white-arrow.svg");
}
.leasing-result-marketing-car-card .marketing-image-wrapper {
  background-size: cover;
}
.leasing-result-marketing-car-card .marketing-image-wrapper .car-specifications {
  padding: 0;
  padding-bottom: 30px;
  gap: 7%;
  justify-content: center;
}
.leasing-result-marketing-car-card .marketing-details-wrapper .car-details-bottom-elements {
  padding-bottom: 9px;
}
.leasing-result-marketing-car-card .marketing-details-wrapper .car-details-bottom-elements .monthly-price {
  display: flex;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
}
.leasing-result-marketing-car-card .marketing-details-wrapper .car-details-bottom-elements .monthly-price span {
  margin-top: 5px;
  font-size: 14px;
  line-height: 14px;
}
.leasing-result-marketing-car-card .marketing-details-wrapper .car-details-bottom-elements .monthly-price p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.leasing-result-marketing-car-card .marketing-details-wrapper .car-details-bottom-elements .monthly-price .price {
  font-size: 28px;
  font-weight: 400;
}

.car-sale-result-marketing-car-card {
  border: none;
}
.car-sale-result-marketing-car-card .marketing-image-wrapper {
  background-size: cover;
}
.car-sale-result-marketing-car-card .marketing-image-wrapper .hot-offer {
  top: 65px;
}
.car-sale-result-marketing-car-card #front-of-the-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.car-sale-result-marketing-car-card .headline-top-part .car-specs {
  margin: 0;
}
.car-sale-result-marketing-car-card .headline-top-part .car-specs.action-btns {
  gap: 16px;
}
.car-sale-result-marketing-car-card .headline-top-part .car-specs.action-btns .action-btn {
  gap: 5px;
  padding: 5px;
  border-radius: 6px;
  background: #F8F8F8;
}
.car-sale-result-marketing-car-card .marketing-details .content {
  line-height: 18pt;
  height: 210px;
}
.car-sale-result-marketing-car-card .card-purchase-buttons {
  gap: 10px;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper {
  align-items: center;
  margin-top: 0px;
  width: 100%;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .button-price {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 16px;
  align-items: center;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .button-price .currency-icons {
  font-size: 16px;
  margin: 0;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .purchase-button-lines {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: normal;
  justify-content: space-between;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.top-line span {
  font-weight: 600;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line.bottom-line span {
  font-size: 14px;
}
.car-sale-result-marketing-car-card .card-purchase-buttons #purchase-button .purchase-button-text-wrapper .purchase-button-lines .purchase-button-line .price-before-discount {
  text-decoration: line-through;
}
.car-sale-result-marketing-car-card .details-headline {
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.car-sale-result-marketing-car-card .car-specifications {
  margin-bottom: 20px;
  padding: 0 !important;
  gap: 30px;
  justify-content: center;
}
.car-sale-result-marketing-car-card .car-specifications .item {
  align-items: center;
  gap: 10px;
}
.car-sale-result-marketing-car-card .car-specifications .item .name {
  font-size: 16px;
}
.car-sale-result-marketing-car-card .car-specifications .item .value {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.15px;
  max-height: unset;
}
.car-sale-result-marketing-car-card .like-button {
  z-index: 1;
}
.car-sale-result-marketing-car-card .card-locked {
  z-index: 1;
}
.car-sale-result-marketing-car-card .hot-offer {
  z-index: 1;
  top: 65px;
}
.car-sale-result-marketing-car-card .white-block {
  position: absolute;
}
.car-sale-result-marketing-car-card .image-gradient {
  position: absolute;
}
.car-sale-result-marketing-car-card .car-sale-car-badges {
  position: absolute;
  top: 10px;
  right: 0;
  display: flex;
}
.car-sale-result-marketing-car-card .car-sale-details-badge {
  border-radius: 6px 0px 0px 6px;
  background: var(--white, #FFF);
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: normal;
  color: #212121;
  padding: 7px;
}
.car-sale-result-marketing-car-card .car-sale-details-badge img {
  height: 18px;
  width: 18px;
}
.car-sale-result-marketing-car-card .car-sale-details-badge .badge-text {
  font-size: 14px;
  line-height: 14px;
  color: #212121;
}
.car-sale-result-marketing-car-card .car-sale-badge {
  padding: 5px;
  background: var(--Avis, #D70926);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.12);
  color: white;
  display: flex;
  gap: 5px;
  align-items: center;
  line-height: normal;
  width: fit-content;
  padding: 7px;
}
.car-sale-result-marketing-car-card .car-sale-badge span {
  font-size: 17px;
}
.car-sale-result-marketing-car-card .car-sale-badge .price {
  display: flex;
  align-items: center;
}
.car-sale-result-marketing-car-card .car-sale-badge .price span {
  font-weight: 600;
}
.car-sale-result-marketing-car-card .car-sale-badge.rounded-badge {
  border-radius: 6px 0px 0px 6px;
}

.remove-comparison {
  display: none;
}

.car-logo {
  display: inline;
  height: 40px;
}
.car-logo img {
  height: 100%;
  object-fit: contain;
}

.car-details-bottom-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 9px;
}
.car-details-bottom-elements p {
  margin: 0;
  font-size: 16px;
  white-space: nowrap;
}
.car-details-bottom-elements .monthly-price {
  padding: 0 15px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: unset;
  margin-bottom: 10px;
}
.car-details-bottom-elements .monthly-price span {
  margin-top: 5px;
  font-size: 14px;
  line-height: 14px;
}
.car-details-bottom-elements .monthly-price p {
  margin: 0;
  font-size: 20px;
}
.car-details-bottom-elements .monthly-price .price {
  line-height: 24px;
  font-size: 24px;
  color: #d70926;
  font-weight: 600;
}
.car-details-bottom-elements .more-details {
  height: 40px;
  background-color: #F6F6F6;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  text-decoration: none;
}
.car-details-bottom-elements .more-details p {
  gap: 14px;
  color: #D70926;
  line-height: 40px;
}
.car-details-bottom-elements .more-details p:after {
  content: url("../assets/temp/red-arrow.svg");
  transition: margin-right 0.2s linear;
}
.car-details-bottom-elements .more-details:hover p:after {
  margin-right: 10px;
}

.btn.modal-open {
  background-color: #F8F8F8;
  visibility: visible;
  display: flex;
  align-items: center;
  border-radius: 6px;
  font-size: 16px;
  width: 100px;
  height: 50px;
}

.car-name {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.car-name h5 {
  color: #D70926;
  line-height: normal;
}
.car-name h2 {
  color: #D70926;
  font-size: 20px;
  line-height: 24px;
}
.car-name span {
  font-size: 14px;
}

.card-shadow-effect {
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -ms-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}

.card-shadow-effect:hover {
  -webkit-box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.3);
}

.leasing-car-details-card .car-details-bottom, .leasing-result-marketing-car-card .car-details-bottom {
  display: flex;
  flex-direction: column;
}
.leasing-car-details-card .car-details-bottom .car-details-bottom-elements, .leasing-result-marketing-car-card .car-details-bottom .car-details-bottom-elements {
  padding-bottom: 0;
}
.leasing-car-details-card .car-details-bottom .car-details-bottom-elements .more-details, .leasing-result-marketing-car-card .car-details-bottom .car-details-bottom-elements .more-details {
  margin-top: 10px;
}
.leasing-car-details-card .car-details-bottom .period-text, .leasing-result-marketing-car-card .car-details-bottom .period-text {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 19px;
  padding-right: 15px;
}
.leasing-car-details-card.hot-offer-displayed .car-details-bottom .period-text, .leasing-result-marketing-car-card.hot-offer-displayed .car-details-bottom .period-text {
  margin-bottom: 9px;
}

/* ~~~~~~~ Mobile ~~~~~~~ */
@media (max-width: 1199px) {
  .leasing-marketing-card-width {
    max-width: 387px;
  }

  .search-results-wrapper {
    max-width: 420px !important;
    padding-top: 0;
  }
  .search-results-wrapper .right-side-wrapper {
    margin: auto;
  }
  .search-results-wrapper .right-side-wrapper h1 {
    margin-top: 0;
    text-align: start;
  }

  .price-list-btn {
    width: 100%;
    padding: 0px 30px 10px 30px;
  }
  .price-list-btn .default-price-quote, .price-list-btn .non-default-price-quote {
    width: 100%;
  }
  .price-list-btn .default-price-quote *, .price-list-btn .non-default-price-quote * {
    font-size: 14px;
  }

  .manufacturer-and-model-headline-part {
    flex-direction: column;
    padding: 0 25px;
  }
  .manufacturer-and-model-headline-part .title-with-logo {
    border-left: unset;
    width: calc(100% - 15px);
  }
  .manufacturer-and-model-headline-part .title-with-logo img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .manufacturer-and-model-headline-part .results-page-description {
    width: 100%;
    margin-right: 0;
  }
  .manufacturer-and-model-headline-part .results-page-description .description {
    height: auto;
  }

  .filter-list {
    order: 3;
    width: 100%;
    max-width: 100%;
  }

  /* car sale results page override */
  .car-sale-results-page .filter-list {
    gap: 5px;
  }
  .car-sale-results-page .filter-list li {
    height: 25px;
  }
  .car-sale-results-page .filter-list li p {
    font-size: 14px;
  }

  .row-height {
    min-height: 0px;
  }

  .sort-by-price-button {
    width: 212px;
  }

  .result-marketing-car-card, .leasing-result-marketing-car-card, .car-sale-result-marketing-car-card {
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    max-width: 387px;
  }
  .result-marketing-car-card .buttons-col, .leasing-result-marketing-car-card .buttons-col, .car-sale-result-marketing-car-card .buttons-col {
    margin: 0px 0 13px 0px;
    padding: 0;
  }
  .result-marketing-car-card .card-purchase-buttons, .leasing-result-marketing-car-card .card-purchase-buttons, .car-sale-result-marketing-car-card .card-purchase-buttons {
    padding-bottom: 13px;
  }
  .result-marketing-car-card .card-purchase-buttons .red-right-arrow-icon, .leasing-result-marketing-car-card .card-purchase-buttons .red-right-arrow-icon, .car-sale-result-marketing-car-card .card-purchase-buttons .red-right-arrow-icon {
    margin: 0;
  }
  .result-marketing-car-card .marketing-image-wrapper, .leasing-result-marketing-car-card .marketing-image-wrapper, .car-sale-result-marketing-car-card .marketing-image-wrapper {
    width: 100%;
    height: 229px;
    flex-shrink: 0;
  }
  .result-marketing-car-card .marketing-image-wrapper .car-specifications, .leasing-result-marketing-car-card .marketing-image-wrapper .car-specifications, .car-sale-result-marketing-car-card .marketing-image-wrapper .car-specifications {
    padding: 0 7% 21px 7%;
  }
  .result-marketing-car-card .marketing-image-wrapper .car-specifications .item .name, .leasing-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .name, .car-sale-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .name {
    font-size: 14px;
  }
  .result-marketing-car-card .marketing-image-wrapper .car-specifications .item .value, .leasing-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .value, .car-sale-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .value {
    font-size: 26px;
  }
  .result-marketing-car-card.car-sale-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .value, .car-sale-result-marketing-car-card .marketing-image-wrapper .car-specifications .item .value {
    font-size: 16px;
  }
  .result-marketing-car-card .marketing-details-wrapper, .leasing-result-marketing-car-card .marketing-details-wrapper, .car-sale-result-marketing-car-card .marketing-details-wrapper {
    width: 100%;
    height: calc(100% - 229px);
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details {
    padding: 10px 19px 0 19px;
    height: calc(100% - 86px);
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details .top-wrapper .more-info-button, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details .top-wrapper .more-info-button, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details .top-wrapper .more-info-button {
    padding: 0px;
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline {
    padding: 0px 0px 10px;
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline .title, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline .title, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details .details-headline .title {
    font-size: 20px;
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details .content, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details .content, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details .content {
    margin-bottom: 20px;
    height: auto;
  }
  .result-marketing-car-card .marketing-details-wrapper .marketing-details .car-available, .leasing-result-marketing-car-card .marketing-details-wrapper .marketing-details .car-available, .car-sale-result-marketing-car-card .marketing-details-wrapper .marketing-details .car-available {
    margin: 0;
  }
  .result-marketing-car-card .card-purchase-buttons .button-name, .leasing-result-marketing-car-card .card-purchase-buttons .button-name, .car-sale-result-marketing-car-card .card-purchase-buttons .button-name {
    font-size: 16px;
  }
}
.hidden {
  visibility: hidden;
  display: none !important;
}

body[dir=ltr] .movie-effect .move-right {
  transform: translateX(10px) rotate(180deg);
}
body[dir=ltr] .ui-datepicker-buttonpane::after {
  content: "Holiday";
  float: right;
}
body[dir=ltr] .ui-datepicker-current::before {
  content: "View ";
}

.ui-datepicker-title select {
  color: #fff;
  background-image: none;
  -webkit-appearance: auto;
  appearance: auto;
}
.ui-datepicker-title select option {
  color: #000;
}
.ui-datepicker-title select.bottom-border {
  border-bottom: 1px solid #ffffff;
}

.movie-effect .move-right {
  transition: transform 0.3s ease;
}
.movie-effect:hover .move-right {
  transform: translateX(-10px);
}

.no-btn-style {
  border: none;
  background-color: transparent;
}

.rotate-arrow-down {
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}

.rotate-arrow-up {
  transform: rotate(180deg);
  transition: transform 0.3s linear;
}

.rotate-arrow-around {
  transform: rotate(180deg);
}

.card-shadow-effect {
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -ms-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}

.card-shadow-effect:hover {
  -webkit-box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
}

.discount-small-logo {
  width: 35px;
  height: 25px;
  align-self: center;
}

.whatsapp-main-chat {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  cursor: pointer;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
  height: 60px;
  width: 60px;
}

.car-sale-error-message {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
.car-sale-error-message h1 {
  font-size: 30px;
  color: #D70926;
  text-align: center;
}
.car-sale-error-message h2 {
  font-size: 30px;
  color: #D70926;
  text-align: center;
}
.car-sale-error-message .error-message {
  max-width: 800px;
  /* p {
      font-size: 35px;
      color: #231F20;
  }*/
}

.break-spaces {
  white-space: break-spaces;
}

.error-message {
  margin: 0 auto;
  box-shadow: 0px 3px 6px #00000024;
  border-radius: 6px;
  height: fit-content;
  padding: 6%;
  background-color: white;
  overflow-x: auto;
}
.error-message p {
  color: #D70926;
  font-size: 35px;
  max-width: 634px;
  text-align: center;
  line-height: 46px;
}
.error-message span {
  color: #D70926;
  font-size: 35px;
  max-width: 634px;
  text-align: center;
  line-height: 46px;
  font-weight: 600;
  display: flex;
  justify-content: center;
}
.error-message a {
  border-radius: 6px;
  background-color: #D70926;
  height: 50px;
  width: calc(100% - 10px);
  margin: auto;
  max-width: 300px;
  display: flex;
  align-content: center;
  text-decoration: unset;
  color: white;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.error-message a:hover {
  color: white;
}

.randomization-headline .leasing-offers-wrapper {
  width: 1638px;
}

@media screen and (max-width: 1279px) {
  .error-message {
    margin-bottom: 60px;
    width: 100%;
  }
  .error-message p {
    max-width: unset;
    font-size: 26px;
    line-height: 26px;
  }
  .error-message span {
    max-width: unset;
    font-size: 26px;
    line-height: 26px;
  }
  .error-message a {
    height: 40px;
  }

  .randomization-headline .leasing-offers-wrapper {
    max-width: 387px;
  }
}
@media screen and (max-width: 1279px) {
  .randomization-headline .leasing-offers-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
  .randomization-headline .leasing-offers-wrapper {
    width: 804px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1775px) {
  .randomization-headline .leasing-offers-wrapper {
    width: 1221px;
  }
}
/*!
 * jQuery UI Datepicker 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
/*! jQuery UI - v1.12.1 - 2016-10-18 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=&bgTextureShadow=flat&bgColorShadow=%23000000&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23929292&fcHighlight=%23ffffff&borderColorHighlight=%23ffffff&bgTextureHighlight=flat&bgColorHighlight=%237b7b7b&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23ffffff&bgTextureActive=flat&bgColorActive=%23b20a2b&iconColorHover=%23555555&fcHover=%236c0a1d&borderColorHover=%23ffffff&bgTextureHover=flat&bgColorHover=%23fca7b8&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23ffffff&bgTextureDefault=flat&bgColorDefault=%23ffffff&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23575757&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23ffffff&fcHeader=%23ffffff&borderColorHeader=%23b20a2b&bgTextureHeader=flat&bgColorHeader=%23b20a2b&cornerRadius=0&fwDefault=normal&fsDefault=1em&ffDefault='Spacer%20EN'%2C%20Arial%2C%20sans-serif * Copyright jQuery Foundation and other contributors;
 Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers ----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues ----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons ----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals ----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  height: 2.3em;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  /*background-color: #D4002A;
   border: none;
   color: white;
  */
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  font-size: 16px;
}

.ui-datepicker th span {
  font-size: 16px;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif; base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  /* top: -.3em;
   margin-left: -.6em;
  */
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers ----------------------------------*/
#ui-datepicker-div {
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #D70926;
}

.ui-widget {
  font-family: "Open Sans Hebrew", "Open Sans", Arial, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Open Sans Hebrew", "Open Sans", Arial, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #ffffff;
}

.ui-widget-content {
  border: 1px solid #575757;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #D70926;
  background: #D70926;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/*.ui-widget-header a .ui-icon {
     content: url("../../AgentsNew/css/images/chevron-left.svg") 
}
*/
.ui-widget-header .ui-datepicker-title span {
  color: #ffffff;
}

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button,
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-weight: normal;
  color: #454545;
  font-size: 16px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ffffff;
  background: #fca7b8;
  font-weight: normal;
  color: #6c0a1d;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #6c0a1d;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #ffffff;
  background: #D70926;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #ffffff;
  background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues ----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #ffffff;
  background: #7b7b7b;
  color: #ffffff;
}

.ui-state-checked {
  border: 1px solid #ffffff;
  background: #7b7b7b;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #ffffff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons ----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("datepicker/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("datepicker/images/ui-icons_ffffff_256x240.png");
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next {
  content: url("/assets/chevron-left.svg?v=GYHqL2kdCMLvEoF7DAHv9UM__NY");
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev {
  content: url("/assets/chevron-right.svg?v=GYHqL2kdCMLvEoF7DAHv9UM__NY");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("datepicker/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("datepicker/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("datepicker/images/ui-icons_929292_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("datepicker/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("datepicker/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals ----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #000000;
  box-shadow: 0px 0px 5px #000000;
}

#car-sale-form .ui-slider {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000001A;
  border-radius: 80px;
  height: 6px;
}

#car-sale-form .ui-slider .ui-slider-range {
  height: 6px;
}

#car-sale-form .ui-slider-handle {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 15px #0000001A;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  top: -10px;
  margin: 0;
  outline: none;
}

#car-sale-form .ui-slider-handle:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  background: #D70926;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

#car-sale-form .ui-slider-handle {
  margin-left: -10px;
}

/* #car-sale-form .ui-slider-handle:after {
     content: "";
     height: 30px;
     width: 70px;
     display: block;
     position: absolute;
}
*/
.inline-transparent-datepicker .ui-datepicker {
  box-shadow: unset;
  width: 365px;
  height: 320px;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-header {
  background-color: #fff;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-prev span, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-next {
  content: url("/assets/icons/left-arrow.svg?v=p_VdrDuxiRUeFBvKEjDZUEWDcyQ");
  height: 20px;
  width: 20px;
  position: static;
  margin: 0 !important;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-next span, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-prev {
  content: url("/assets/icons/right-arrow.svg?v=XUerzoqfwwojdF-0ef5cVQyI8UI");
  height: 20px;
  width: 20px;
  position: static;
  margin: 0 !important;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-header::after, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-header::before {
  display: none;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-title {
  margin: 0;
  flex-grow: 1;
  text-align: start;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-title * {
  color: #212121;
  letter-spacing: 0.1px;
  font-size: 15px;
  font-weight: 600;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-header {
  padding: 0 0 4px;
  border: unset;
  border-bottom: 1px solid #DCDCDC;
}

.inline-transparent-datepicker td.ui-datepicker-week-end, .inline-transparent-datepicker td.ui-datepicker-today .ui-state-default {
  background-color: #fff;
  color: #454545 !important;
}

.inline-transparent-datepicker tr td a, .inline-transparent-datepicker tr td span {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-hover, .inline-transparent-datepicker .ui-datepicker .ui-widget-content .ui-datepicker-calendar .ui-state-hover, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-focus, .inline-transparent-datepicker .ui-datepicker .ui-widget-content .ui-datepicker-calendar .ui-state-focus, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-button:hover, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-button:focus, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active, .inline-transparent-datepicker .ui-datepicker .ui-widget-content .ui-datepicker-calendar .ui-state-active {
  background-color: rgba(215, 9, 38, 0.12);
  border-radius: 100%;
}

.inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active, .inline-transparent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-active {
  color: #D70926 !important;
}

.inline-transparent-datepicker .ui-datepicker th span {
  font-size: 15px;
  font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  font-size: 15px;
}

@media screen and (max-width: 1200px) {
  .inline-transparent-datepicker .ui-datepicker {
    width: 100%;
  }
}
@charset "UTF-8";
#ui-datepicker-div {
  z-index: 100 !important;
}

.ui-datepicker {
  -webkit-box-shadow: 0 2px 12px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 12px 3px rgba(0, 0, 0, 0.2);
  z-index: 12;
}

.ui-datepicker > .ui-datepicker-group:first-child {
  border-left: 1px solid #d6d6d6;
  margin-left: -1px;
}

a.ui-corner-all {
  cursor: pointer;
}

.ui-corner-all.ui-state-hover {
  background: transparent;
  top: 2px;
  margin-right: 1px;
  margin-left: 1px;
  border: none;
}

.ui-datepicker td a {
  padding: 0.2em 0.35em 0.25em;
}

.ui-datepicker .ui-state-hover span {
  top: 49%;
}

td.ui-datepicker-week-end {
  background: rgba(0, 0, 0, 0.075);
}

td.ui-datepicker-week-end .ui-state-default:not(.ui-state-active):not(:hover) {
  border-color: transparent;
  background: transparent;
}

.ui-datepicker-today:not(.cal-holiday) .ui-state-highlight:not(.ui-state-active):not(.ui-state-hover) {
  color: #454545;
}

td.ui-datepicker-week-end .ui-state-default.ui-state-active {
  border-color: #ececec;
}

td.ui-datepicker-week-end .ui-state-default:hover {
  border-color: #ececec;
}

.ui-datepicker-today .ui-state-default {
  border: 1px solid #fff;
  background: #7b7b7b;
}

.ui-datepicker-current {
  opacity: 1 !important;
}

.ui-datepicker-current::before {
  content: "הצג את ";
}

.ui-datepicker-buttonpane {
  border: none;
}

.ui-datepicker-buttonpane::after {
  content: "* יום חג";
  margin: 0.5em 0.2em 0.4em;
  padding: 0.2em 0.6em 0.3em 0.6em;
  float: left;
  color: #D70926;
  font-size: 16px;
  font-weight: 600;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
  font-weight: normal;
  float: none !important;
}

.ui-datepicker-buttonpane button {
  border-radius: calc(28px / 2);
}

.ui-datepicker-buttonpane button:hover {
  color: #b20a2b;
  border-color: #b20a2b;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  padding: 0 0.6em;
}

.cal-holiday {
  position: relative;
}

.cal-holiday.ui-state-disabled {
  pointer-events: auto;
}

.cal-holiday > .ui-state-default:not(.ui-state-active) {
  color: #D70926;
  font-weight: 600;
}

.cal-holiday > .ui-state-default::after {
  content: " *";
  position: absolute;
}

/*# sourceMappingURL=datepicker-avis-doubled.css.map */
body[dir=ltr] .ui-datepicker-current::before {
  content: "View ";
}

body[dir=ltr] .ui-datepicker-buttonpane::after {
  content: "Holiday";
  float: right;
}

body[dir=ltr] .movie-effect .move-right {
  transform: translateX(10px) rotate(180deg);
}

body[dir=ltr] #ui-datepicker-div {
  min-width: 280px;
}
.x-button {
  background: var(--general-image) -47px -123px;
  height: 24px;
  width: 24px;
  display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CARS ICONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* first line */
.honda {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px 0px;
}

.kia {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px 0px;
}

.land-rover {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px 0px;
}

.mercedes {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px 0px;
}

.mini {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px 0px;
}

.skoda {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px 0px;
}

/* second line */
.toyota {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -50px;
}

.volvo {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px -50px;
}

.alfa-romeo {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -50px;
}

.bmw {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -50px;
}

.dacia {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -50px;
}

.dodge {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -50px;
}

/* third line */
.ford {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -100px;
}

.infiniti {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px -100px;
}

.jaguar {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -100px;
}

.lexus {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -100px;
}

.mazda {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -100px;
}

.mitsubishi {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -100px;
}

/* fourth line */
.peugeot {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -150px;
}

.porsche {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px -150px;
}

.seat {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -150px;
}

.ssangyong {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -150px;
}

.subaru {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -150px;
}

.suzuki {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -150px;
}

/* fifth line */
.volkswagen {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -200px;
}

.renault {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px -200px;
}

.fiat {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -200px;
}

.hyundai {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -200px;
}

.jeep {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -200px;
}

.nissan {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -200px;
}

/* sixth line */
.opel {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -250px;
}

.citroen {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--all-logos-36) -50px -250px;
}

.audi {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -250px;
}

.mg {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -250px;
}

.polestar {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -250px;
}

.lancia {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -250px;
}

/* seventh line */
.tesla {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0px -300px;
}

.chevrolet {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -50px -300px;
}

.kadilak {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -300px;
}

.isuzu {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -150px -300px;
}

.aiways {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -250px -300px;
}

.skywell {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -200px -300px;
}

/* eighth line */
.maxus {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0 -350px;
}

.byd {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -50px -350px;
}

.seres {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -100px -350px;
}

.cherry {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -150px -350px;
}

.geely {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -200px -350px;
}

.cupra {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -250px -350px;
}

/* ninth line */
.forthing {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) 0 -400px;
}

.xpeng {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -50px -400px;
}

.chrysler {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--all-logos-36) -100px -400px;
}

.aston-martin {
  display: inline-block;
  width: 48px;
  height: 45px;
  background: var(--all-logos-36) -150px -400px;
}

.lynk-n-co {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--all-logos-36) -200px -400px;
}

.ds-automobiles {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--all-logos-36) -250px -400px;
}

/* tenth line */
.eveasy {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--all-logos-36) 0 -450px;
}

.jaecoo {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--all-logos-36) -50px -450px;
}

/* large icons */
/* first line */
.honda-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px 0px;
}

.kia-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px 0px;
}

.land-rover-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px 0px;
}

.mercedes-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px 0px;
}

.mini-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px 0px;
}

.skoda-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px 0px;
}

/* second line */
.toyota-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -100px;
}

.volvo-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -100px;
}

.alfa-romeo-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -100px;
}

.bmw-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -100px;
}

.dacia-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -100px;
}

.dodge-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -100px;
}

/* third line */
.ford-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -200px;
}

.infiniti-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -200px;
}

.jaguar-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -200px;
}

.lexus-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -200px;
}

.mazda-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -200px;
}

.mitsubishi-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -200px;
}

/* fourth line */
.peugeot-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -300px;
}

.porsche-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -300px;
}

.seat-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -300px;
}

.ssangyong-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -300px;
}

.subaru-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -300px;
}

.suzuki-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -300px;
}

/* fifth line */
.volkswagen-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -400px;
}

.renault-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -400px;
}

.fiat-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -400px;
}

.hyundai-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -400px;
}

.jeep-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -400px;
}

.nissan-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -400px;
}

/* sixth line */
.opel-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -500px;
}

.citroen-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -500px;
}

.audi-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -500px;
}

.mg-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -500px;
}

.polestar-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -500px;
}

.lancia-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -500px;
}

/* seventh line */
.tesla-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0px -600px;
}

.chevrolet-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -600px;
}

.kadilak-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -600px;
}

.isuzu-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -600px;
}

.aiways-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -600px;
}

.skywell-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -600px;
}

/* eight line */
.maxus-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0 -700px;
}

.byd-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -700px;
}

.seres-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -700px;
}

.cherry-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -700px;
}

.geely-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -700px;
}

.cupra-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -700px;
}

/* ninth line */
.forthing-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0 -800px;
}

.xpeng-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -800px;
}

.chrysler-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -200px -800px;
}

.aston-martin-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -300px -800px;
}

.lynk-n-co-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -400px -800px;
}

.ds-automobiles-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -500px -800px;
}

/* tenth line */
.eveasy-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) 0 -900px;
}

.jaecoo-large {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: var(--large-logos) -100px -900px;
}

.logo {
  display: inline-block;
  width: 45px;
  height: 45px;
}

/* ~~~~~~~~~~~~~~~ General Icons ~~~~~~~~~~~~~~~~~~~ */
.icon-m {
  display: inline-block;
  height: 20px;
  width: 20px;
  flex: 0 0 auto;
  position: relative;
  /* row 9 */
  /* ~~~ Row 3 ~~~ */
}
.icon-m:after {
  position: absolute;
  height: 40px;
  width: 40px;
  content: "";
  transform: scale(0.5);
  top: -10px;
  left: -10px;
}
.icon-m.abs-icon:after {
  background: var(--generalX2-image) -8px -113px;
}
.icon-m.steering-wheel-icon:after {
  background: var(--generalX2-image) -113px -113px;
}
.icon-m.radio-icon:after {
  background: var(--generalX2-image) -221px -113px;
}
.icon-m.air-conditioner-icon:after {
  background: var(--generalX2-image) -270px -113px;
}
.icon-m.bag-icon:after {
  background: var(--generalX2-image) -326px -113px;
}
.icon-m.gps-icon:after {
  background: var(--generalX2-image) -386px -113px;
}
.icon-m.car-door-icon:after, .icon-m.doors-icon:after {
  background: var(--generalX2-image) -445px -113px;
}
.icon-m.car-seat-icon:after, .icon-m.moshavim-icon:after {
  background: var(--generalX2-image) -502px -113px;
}
.icon-m.wheel-icon:after {
  background: var(--generalX2-image) -558px -113px;
}
.icon-m.suitcase-icon:after {
  background: var(--generalX2-image) -615px -113px;
}
.icon-m.kms-icon:after {
  background: var(--generalX2-image) -16px -881px;
}
.icon-m.enginetype-electric-icon:after {
  background: var(--generalX2-image) -72px -881px;
}
.icon-m.kohsus-icon:after {
  background: var(--generalX2-image) -128px -881px;
}
.icon-m.car-seat-icon:after {
  background: var(--generalX2-image) -184px -881px;
}
.icon-m.battery-icon:after {
  background: var(--generalX2-image) -240px -881px;
}
.icon-m.hand-number-icon:after, .icon-m.hand-icon:after {
  background: var(--generalX2-image) -296px -881px;
}
.icon-m.enginetype-gasoline-icon:after {
  background: var(--generalX2-image) -352px -881px;
}
.icon-m.enginecapacity-icon:after {
  background: var(--generalX2-image) -408px -881px;
}
.icon-m.gear-icon:after {
  background: var(--generalX2-image) -464px -881px;
}
.icon-m.enginetype-hybrid-icon:after {
  background: var(--generalX2-image) -520px -881px;
}
.icon-m.dashboard-icon:after {
  background: var(--generalX2-image) -576px -881px;
}
.icon-m.discount-check-icon:after {
  background: var(--generalX2-image) -632px -881px;
}
.icon-m.empty-icon:after {
  background: var(--generalX2-image) -688px -881px;
}
.icon-m.full-icon:after {
  background: var(--generalX2-image) -744px -881px;
}
.icon-m.calculator-icon:after {
  background: var(--generalX2-image) -800px -881px;
}
.icon-m.plus-button-icon:after {
  background: var(--generalX2-image) -856px -881px;
}
.icon-m.minus-button-icon:after {
  background: var(--generalX2-image) -912px -881px;
}
.icon-m.share-icon:after {
  background: var(--generalX2-image) -968px -881px;
}
.icon-m.black-exclamation-mark-icon:after {
  background: var(--generalX2-image) -1024px -881px;
}
.icon-m.gray-exclamation-mark-icon:after {
  background: var(--generalX2-image) -1080px -881px;
}
.icon-m.gray-station-wagon-icon {
  width: 25px;
}
.icon-m.gray-station-wagon-icon:after {
  background: var(--generalX2-image) -1328px -881px;
  width: 50px;
}
.icon-m.gray-plugin-hybrid-icon:after {
  background: var(--generalX2-image) -1390px -884px;
}
.icon-m.gray-electric-icon:after {
  background: var(--generalX2-image) -1450px -884px;
}
.icon-m.red-station-wagon-icon:after {
  background: var(--generalX2-image) -1137px -881px;
  width: 50px;
}
.icon-m.red-abs-icon:after {
  background: var(--generalX2-image) -721px -113px;
}
.icon-m.calendar-black-icon:after {
  background: var(--generalX2-image) -653px -174px;
}
.icon-m.red-exclamation-mark-icon:after {
  background: var(--generalX2-image) -760px -174px;
}

/* ~~~~ ICONS size large ~~~~~ */
.icon-l {
  display: inline-block;
  height: 30px;
  width: 30px;
  flex: 0 0 auto;
  position: relative;
}
.icon-l:after {
  position: absolute;
  height: 60px;
  width: 60px;
  content: "";
  transform: scale(0.5);
  top: -15px;
  left: -15px;
}
.icon-l.red-happy-car-icon:after {
  background: var(--generalX2-image) -395px -237px;
}
.icon-l.hand-number-icon::after {
  background: var(--generalX2-image) -660px -338px;
}
.icon-l.kms-icon::after {
  background: var(--generalX2-image) -714px -338px;
}
.icon-l.calendar-icon::after {
  background: var(--generalX2-image) -768px -339px;
}
.icon-l.enginetype-gasoline-icon::after {
  background: var(--generalX2-image) -822px -338px;
}
.icon-l.enginetype-hybrid-icon::after {
  background: var(--generalX2-image) -876px -338px;
}
.icon-l.enginetype-electric-icon::after {
  background: var(--generalX2-image) -930px -339px;
}

.icon-xl {
  display: inline-block;
  height: 60px;
  width: 60px;
  flex: 0 0 auto;
  background-repeat: no-repeat;
}
.icon-xl.car-sale-model-icon {
  background: var(--general-image) -313px -227px;
}
.icon-xl.trade-in-model-icon {
  background: var(--general-image) -237px -227px;
}
.icon-xl.rental-car-model-icon {
  background: var(--general-image) -156px -227px;
}
.icon-xl.private-leasing-model-icon {
  background: var(--general-image) -3px -227px;
}
.icon-xl.business-leasing-model-icon {
  background: var(--general-image) -85px -227px;
}
.icon-xl.red-car-sale-model-icon {
  background: var(--general-image) -313px -370px;
}
.icon-xl.red-trade-in-model-icon {
  background: var(--general-image) -237px -370px;
}
.icon-xl.red-rental-car-model-icon {
  background: var(--general-image) -156px -370px;
}
.icon-xl.red-private-leasing-model-icon {
  background: var(--general-image) -3px -370px;
}
.icon-xl.red-business-leasing-model-icon {
  background: var(--general-image) -85px -370px;
}
.icon-xl.white-car-sale-model-icon {
  background: var(--general-image) -313px -296px;
}
.icon-xl.white-trade-in-model-icon {
  background: var(--general-image) -237px -296px;
}
.icon-xl.white-rental-car-model-icon {
  background: var(--general-image) -156px -296px;
}
.icon-xl.white-private-leasing-model-icon {
  background: var(--general-image) -3px -296px;
}
.icon-xl.white-business-leasing-model-icon {
  background: var(--general-image) -85px -227px;
}

.circle-x-black {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: var(--general-image) -6px -120px;
  cursor: pointer;
}

.multi-select-custom-wrapper .multi-select-buttons button {
  font-weight: bold;
}

.black-arrow-down-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -250px -86px;
}

.red-arrow-down-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -235px -86px;
}

.red-left-arrow-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -64px -86px;
}

.tiny-red-left-arrow-icon {
  height: 15px;
  width: 15px;
  display: inline-block;
  background: var(--general-image) -192px -90px;
}

.red-right-arrow-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -66px -88px;
  transform: rotate(180deg);
}

.white-right-arrow-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -81px -88px;
  transform: rotate(180deg);
}

.white-left-arrow-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -81px -86px;
}

.v-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -118px -90px;
  flex: 0 0 auto;
}

.small-v-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -96px -86px;
}

.icon-close-black {
  height: 16px;
  width: 16px;
  display: inline-block;
  background: var(--general-image) -117px -127px;
}
.icon-close-black::hover {
  cursor: pointer;
}

.tiny-left-white-arrow {
  /*    width: 10px;
  height: 13px;
  border: 1px solid red;
  position: absolute;
  left: 128px;
  top: 179px;*/
  height: 13px;
  width: 10px;
  display: inline-block;
  background: var(--general-image) -128px -179px;
}

.x-close-icon {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: var(--general-image) -6px -120px;
}

.grid-icon.red-pointer-icon {
  width: 21px;
  background: var(--general-image) -239px -125px;
}

/* ~~~ From Files ~~~ */
.like-icon {
  height: 20px;
  width: 20px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/emptyHeartIcon.svg?v=LZt5OM1DyB_ceY12uy4YX65RDGQ");
}

.date-edit-icon {
  flex: 0 0 auto;
  height: 17px;
  width: 17px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/Date-Edit.svg?v=i9poX1edhplubp06SHGmVWlU6d4");
}

.like-icon {
  height: 20px;
  width: 20px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/emptyHeartIcon.svg?v=LZt5OM1DyB_ceY12uy4YX65RDGQ");
}

.airport-icon {
  height: 21px;
  width: 24px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/airport.svg?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.building-icon {
  height: 21px;
  width: 24px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/city.svg?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.train-icon {
  height: 21px;
  width: 24px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/railway.svg?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.arrow-upward-icon {
  height: 40px;
  width: 40px;
  align-self: center;
  background: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/icons/arrow_upward.svg?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.right-circle-arrow-icon {
  height: 30px;
  width: 30px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/right-circle-arrow.png?v=VcksyNsWd6JFlGqii3h5-Y3NBpw");
}

.waze-icon {
  width: 45px;
  height: 45px;
  background: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/icons/waze.png?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.google-map-icon {
  width: 45px;
  height: 45px;
  background: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/icons/googleMap.png?v=BSJht9StTGOiFP4wafK0F7P9Tb0");
}

.plus-button-icon:not(.icon-m) {
  height: 18px;
  width: 18px;
  display: inline-block;
  align-self: center;
  flex: 0 0 auto;
  background-image: url("/assets/icons/plusBlack.svg?v=P2cLVlJb1O-sj_T_QUm8NbQjopI");
}

.minus-button-icon:not(.icon-m) {
  height: 20px;
  width: 20px;
  display: inline-block;
  align-self: center;
  flex: 0 0 auto;
  background-image: url("/assets/icons/minusBlack.svg?v=_MVDjoFrU7XcphSv78KMbYiOO9w");
}

.left-circle-arrow-icon {
  height: 30px;
  width: 30px;
  align-self: center;
  background: no-repeat;
  background-image: url("/assets/icons/left-circle-arrow.png?v=VcksyNsWd6JFlGqii3h5-Y3NBpw");
}

.like-black-icon {
  height: 30px;
  width: 30px;
  align-self: center;
  background: no-repeat;
  background-position: center;
  background-image: url("/assets/icons/like-black-icon.svg?v=OZN6-2gKm1T5cISdC4NT-QQdMVM");
}
.like-black-icon.has-counter {
  background-image: url("/assets/icons/like-red-icon.svg?v=OZN6-2gKm1T5cISdC4NT-QQdMVM");
}

.calculator-icon:not(.icon-m) {
  background: url("/assets/icons/calculator.svg?v=u6QAuK7C6pa0WQAH_5EVJDr4C_g");
  display: inline-block;
  height: 18px;
  width: 18px;
}

.calendar-icon:not(.icon-l) {
  height: 20px;
  width: 20px;
  display: inline-block;
  align-self: center;
  transform: unset;
  margin-left: 5px;
  flex: 0 0 auto;
  background-image: url("/assets/icons/calendarIcon.svg?v=hi_iRF7LF-L-bjzvIjSkXbBnItc");
}

/*
.hand-number-icon {
    height: 20px;
    width: 20px;
    display: inline-block;
    transform: unset;
    align-self: center;
    margin-left: 5px;
    background-image: url('/assets/icons/handNumberIcon.svg?v=hi_iRF7LF-L-bjzvIjSkXbBnItc');
}*/
.map-icon {
  display: inline-flex;
  height: 20px;
  width: 20px;
  background: url(../assets/map-icon.svg);
}

.download-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  align-self: center;
  flex: 0 0 auto;
  background-image: url("/assets/icons/downloadIcon.svg?v=SaX28I_5XHd0Mn9VJwYWWjVble4");
}

.red-position-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background: var(--general-image) -989px -125px;
  flex: 0 0 auto;
}

.full-map-m {
  display: inline-block;
  background: url(../assets/FullMapM.png);
}

.icon-red-arrow-down {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: var(--general-image) -1001px -86px;
}

.grid-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
}

.gray-info-icon {
  display: block;
  height: 40px;
  width: 40px;
  align-self: center;
  background: no-repeat;
  background-position: center;
  background-image: url("/assets/icons/gray-info.svg?v=hcBd3FT8oBi0VVwGUfiJbpna8f4");
}

.red-check-icon {
  display: block;
  height: 40px;
  width: 40px;
  align-self: center;
  background: no-repeat;
  background-position: center;
  background-image: url("/assets/icons/red-check.svg?v=EueGhxThTOXqrrLMpmB5fnppKyI");
}