/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/theme-white-label.css ***!
  \*******************************************************************************************************************************************************************************************************************/
/**
 * White Label Theme - Black & White Color Palette
 *
 * Questo file contiene le variabili CSS per il tema white label
 * con una palette di colori in bianco e nero (grayscale).
 *
 * IMPORTANTE: Questo file DEVE sovrascrivere le variabili definite più avanti in styles.css
 * Per questo motivo usa !important su tutte le variabili di colore.
 */

:root,
:before,
:after {
  /* ========================================
     PRIMARY COLORS - Black/Dark Grays
     ======================================== */
  --primary: #000000 !important;
  --primary-05: rgba(0, 0, 0, 0.05) !important;
  --primary-10: rgba(0, 0, 0, 0.1) !important;
  --primary-20: rgba(0, 0, 0, 0.2) !important;
  --primary-30: rgba(0, 0, 0, 0.3) !important;
  --primary-40: rgba(0, 0, 0, 0.4) !important;
  --primary-50: rgba(0, 0, 0, 0.5) !important;
  --primary-60: rgba(0, 0, 0, 0.6) !important;
  --primary-70: rgba(0, 0, 0, 0.7) !important;
  --primary-80: rgba(0, 0, 0, 0.8) !important;
  --primary-90: rgba(0, 0, 0, 0.9) !important;
  --primary-dark: #1a1a1a !important;
  --primary-medium: #262626 !important;
  --primary-light: #333333 !important;
  --primary-bright: #4d4d4d !important;

  /* PrimeNG Primary variations */
  --primary-50: #fafafa !important;
  --primary-100: #f0f0f0 !important;
  --primary-200: #e0e0e0 !important;
  --primary-300: #cccccc !important;
  --primary-400: #999999 !important;
  --primary-500: var(--primary) !important;
  --primary-600: #1a1a1a !important;
  --primary-700: #262626 !important;
  --primary-800: #333333 !important;
  --primary-900: #4d4d4d !important;

  /* ========================================
     SECONDARY COLORS - Mid Grays
     ======================================== */
  --secondary: #666666 !important;
  --secondary-dark: #4d4d4d !important;
  --secondary-medium: #595959 !important;
  --secondary-light: #808080 !important;
  --secondary-bright: #999999 !important;
  --secondary-white: #f5f5f5 !important;
  --secondary-5: rgba(102, 102, 102, 0.05) !important;
  --secondary-10: rgba(102, 102, 102, 0.1) !important;
  --secondary-20: rgba(102, 102, 102, 0.2) !important;
  --secondary-30: rgba(102, 102, 102, 0.3) !important;
  --secondary-40: rgba(102, 102, 102, 0.4) !important;
  --secondary-50: rgba(102, 102, 102, 0.5) !important;
  --secondary-60: rgba(102, 102, 102, 0.6) !important;
  --secondary-70: rgba(102, 102, 102, 0.7) !important;
  --secondary-80: rgba(102, 102, 102, 0.8) !important;
  --secondary-90: rgba(102, 102, 102, 0.9) !important;

  /* ========================================
     ACCENT COLORS - Light Grays
     ======================================== */
  --accent: #333333 !important;
  --accent-dark: #1a1a1a !important;
  --accent-medium: #262626 !important;
  --accent-light: #666666 !important;
  --accent-bright: #4d4d4d !important;
  --accent-gradient: linear-gradient(45deg, #333333, #666666 30%, #cccccc 60%) !important;

  /* Tertiary Colors */
  --tertiary: #999999 !important;
  --tertiary-dark: #737373 !important;
  --tertiary-light: #b3b3b3 !important;
  --tertiary-5: rgba(153, 153, 153, 0.05) !important;
  --tertiary-10: rgba(153, 153, 153, 0.1) !important;
  --tertiary-20: rgba(153, 153, 153, 0.2) !important;
  --tertiary-30: rgba(153, 153, 153, 0.3) !important;
  --tertiary-40: rgba(153, 153, 153, 0.4) !important;
  --tertiary-50: rgba(153, 153, 153, 0.5) !important;

  /* ========================================
     STATUS/ALERT COLORS - Grayscale
     ======================================== */
  --orange: #666666 !important;
  --yellow: #999999 !important;
  --dark-green: #009247FF !important;
  --alert-warn: #EE9D00FF !important;
  --alert-success: #4d4d4d !important;
  --alert-error: #DD082CFF !important;
  --success: #2d2d2d !important;
  --warning: #666666 !important;
  --error: #1a1a1a !important;
  --info: #4d4d4d !important;
  --danger: #000000 !important;
  --alert: #ffffff !important;

  /* ========================================
     GRADIENTS - Grayscale
     ======================================== */
  --linear-gradient-h: linear-gradient(90deg, #000000 0%, #666666 100%) !important;
  --linear-gradient-v: linear-gradient(0deg, #000000 0%, #666666 100%) !important;
  --linear-gradient-light: linear-gradient(93deg, rgba(0, 0, 0, 0.1) 0%, rgba(102, 102, 102, 0.1) 100%) !important;

  /* ========================================
     GRAY VARIATIONS
     ======================================== */
  --dark-gray: #666666 !important;
  --light-gray: #e0e0e0 !important;
  --bright-gray: #f5f5f5 !important;
  --bluish-gray: #74839DFF !important;
  --bluish-gray-70: rgba(128, 128, 128, 0.7) !important;
  --bluish-light-gray: #f0f0f0 !important;

  /* Standard Grays */
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;

  /* ========================================
     NEUTRAL COLORS
     ======================================== */
  --white: #ffffff !important;
  --white-80: rgba(255, 255, 255, 0.8) !important;
  --white-70: rgba(255, 255, 255, 0.7) !important;
  --black: #000000 !important;

  /* ========================================
     BACKGROUND COLORS
     ======================================== */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-tertiary: #eeeeee;
  --bg-dark: #000000;
  --bg-light: #fafafa;

  /* ========================================
     BORDER COLORS
     ======================================== */
  --border-color: #e0e0e0;
  --border-color-dark: #bdbdbd;
  --border-color-light: #f5f5f5;

  /* ========================================
     TEXT COLORS
     ======================================== */
  --text-primary: #000000;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-disabled: #cccccc;
  --text-on-dark: #ffffff;
  --text-color: var(--primary);
  --text-color-secondary: #666666;

  /* ========================================
     SURFACE COLORS (PrimeNG)
     ======================================== */
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --surface-ground: #f5f5f5;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #e0e0e0;
  --surface-hover: #f5f5f5;

  /* ========================================
     SHADOWS
     ======================================== */
  --shadow-color: rgba(0, 0, 0, 0.1);
  --shadow-color-dark: rgba(0, 0, 0, 0.2);
  --shadow-color-light: rgba(0, 0, 0, 0.05);
  --soft-blue-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) !important;

  /* ========================================
     FOCUS/HIGHLIGHT
     ======================================== */
  --focus-ring: 0 0 0 0.2rem rgba(0, 0, 0, 0.15) !important;
  --highlight-bg: #f5f5f5;
  --highlight-text: #000000;

  /* ========================================
     OVERLAY/MASK
     ======================================== */
  --maskbg: rgba(0, 0, 0, 0.4);

  /* ========================================
     TYPOGRAPHY
     ======================================== */
  --primary-color: var(--primary);
  --primary-color-text: #ffffff;
  --font-family: Raleway, system-ui, sans-serif;
  --font-raleway: "Raleway", system-ui, sans-serif !important;

  /* ========================================
     PRIMENG COLOR PALETTE (Grayscale)
     ======================================== */
  --blue-50: #fafafa !important;
  --blue-100: #f0f0f0 !important;
  --blue-200: #e0e0e0 !important;
  --blue-300: #cccccc !important;
  --blue-400: #999999 !important;
  --blue-500: #666666 !important;
  --blue-600: #4d4d4d !important;
  --blue-700: #333333 !important;
  --blue-800: #1a1a1a !important;
  --blue-900: #000000 !important;

  --green-50: #fafafa !important;
  --green-100: #f0f0f0 !important;
  --green-200: #e0e0e0 !important;
  --green-300: #cccccc !important;
  --green-400: #999999 !important;
  --green-500: #4d4d4d !important;
  --green-600: #404040 !important;
  --green-700: #333333 !important;
  --green-800: #262626 !important;
  --green-900: #1a1a1a !important;

  --yellow-50: #fafafa !important;
  --yellow-100: #f5f5f5 !important;
  --yellow-200: #eeeeee !important;
  --yellow-300: #e0e0e0 !important;
  --yellow-400: #bdbdbd !important;
  --yellow-500: #999999 !important;
  --yellow-600: #808080 !important;
  --yellow-700: #666666 !important;
  --yellow-800: #4d4d4d !important;
  --yellow-900: #333333 !important;

  --cyan-50: #fafafa !important;
  --cyan-100: #f0f0f0 !important;
  --cyan-200: #e0e0e0 !important;
  --cyan-300: #cccccc !important;
  --cyan-400: #999999 !important;
  --cyan-500: #666666 !important;
  --cyan-600: #595959 !important;
  --cyan-700: #4d4d4d !important;
  --cyan-800: #404040 !important;
  --cyan-900: #333333 !important;

  --pink-50: #fafafa !important;
  --pink-100: #f0f0f0 !important;
  --pink-200: #e0e0e0 !important;
  --pink-300: #cccccc !important;
  --pink-400: #999999 !important;
  --pink-500: #666666 !important;
  --pink-600: #595959 !important;
  --pink-700: #4d4d4d !important;
  --pink-800: #404040 !important;
  --pink-900: #333333 !important;

  --indigo-50: #fafafa !important;
  --indigo-100: #f0f0f0 !important;
  --indigo-200: #e0e0e0 !important;
  --indigo-300: #cccccc !important;
  --indigo-400: #999999 !important;
  --indigo-500: #666666 !important;
  --indigo-600: #595959 !important;
  --indigo-700: #4d4d4d !important;
  --indigo-800: #404040 !important;
  --indigo-900: #333333 !important;

  --teal-50: #fafafa !important;
  --teal-100: #f0f0f0 !important;
  --teal-200: #e0e0e0 !important;
  --teal-300: #cccccc !important;
  --teal-400: #999999 !important;
  --teal-500: #666666 !important;
  --teal-600: #595959 !important;
  --teal-700: #4d4d4d !important;
  --teal-800: #404040 !important;
  --teal-900: #333333 !important;

  --orange-50: #fafafa !important;
  --orange-100: #f0f0f0 !important;
  --orange-200: #e0e0e0 !important;
  --orange-300: #cccccc !important;
  --orange-400: #999999 !important;
  --orange-500: #666666 !important;
  --orange-600: #595959 !important;
  --orange-700: #4d4d4d !important;
  --orange-800: #404040 !important;
  --orange-900: #333333 !important;

  --bluegray-50: #fafafa !important;
  --bluegray-100: #f0f0f0 !important;
  --bluegray-200: #e0e0e0 !important;
  --bluegray-300: #cccccc !important;
  --bluegray-400: #999999 !important;
  --bluegray-500: #808080 !important;
  --bluegray-600: #737373 !important;
  --bluegray-700: #666666 !important;
  --bluegray-800: #595959 !important;
  --bluegray-900: #4d4d4d !important;

  --purple-50: #fafafa !important;
  --purple-100: #f0f0f0 !important;
  --purple-200: #e0e0e0 !important;
  --purple-300: #cccccc !important;
  --purple-400: #999999 !important;
  --purple-500: #666666 !important;
  --purple-600: #595959 !important;
  --purple-700: #4d4d4d !important;
  --purple-800: #404040 !important;
  --purple-900: #333333 !important;

  --red-50: #fafafa !important;
  --red-100: #f0f0f0 !important;
  --red-200: #e0e0e0 !important;
  --red-300: #cccccc !important;
  --red-400: #999999 !important;
  --red-500: #1a1a1a !important;
  --red-600: #262626 !important;
  --red-700: #333333 !important;
  --red-800: #404040 !important;
  --red-900: #4d4d4d !important;

  /* ========================================
     LAYOUT (unchanged)
     ======================================== */
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 5px;
  color-scheme: light;
}

/* ========================================
   COMPONENT OVERRIDES
   ======================================== */

* {
  box-sizing: border-box;
}

/* PrimeNG Components */
.p-component {
  font-family: "Raleway", system-ui, sans-serif;
  font-feature-settings: "pnum" on, "lnum" on, "liga" off;
  font-weight: 600;
  font-size: 1rem;
}

.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

.p-disabled,
.p-component:disabled {
  opacity: 0.5;
}

.p-error {
  color: var(--error) !important;
}

.p-text-secondary {
  color: var(--text-secondary);
}

.pi {
  font-size: 1rem;
}

.p-icon {
  width: 1rem;
  height: 1rem;
}

.p-link {
  font-size: 1rem;
  font-family: "Raleway", system-ui, sans-serif;
  border-radius: 5px;
}

.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: var(--focus-ring);
}

/* Animation */
.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}

@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}

/* ========================================
   HARDCODED COLOR OVERRIDES
   Sovrascrive i colori hardcoded in styles.css
   ======================================== */

/* Backgrounds */
.background-sky-blue,
::-webkit-scrollbar-thumb,
.box-selected-card-sky-blue-border,
.circle-box-selected,
.badge-blue,
.mat-calendar-body-selected {
  background-color: var(--primary) !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-dark) !important;
}

/* Borders */
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover,
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  border-color: var(--primary) !important;
}

/* Text Colors */
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  background: var(--gray-200) !important;
  color: var(--primary) !important;
}

p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: var(--error) !important;
}

/* Gradients */
.gradient-primary {
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.gradient-secondary {
  background: linear-gradient(90deg, var(--secondary) 0%, var(--tertiary) 100%) !important;
}

/* Links and Hover States */
a {
  color: var(--primary);
}

a:hover {
  color: var(--secondary);
}

/* Buttons with colored backgrounds */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.btn-accent {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* Focus states */
*:focus {
  outline-color: var(--primary) !important;
}

/* Selection */
::selection {
  background-color: var(--primary) !important;
  color: white !important;
}

::-moz-selection {
  background-color: var(--primary) !important;
  color: white !important;
}

.darken.no-image.img-gradient::after {
  background-image: none;
  background: #000000 !important;
}

img.no-image {
  display: none;
}
input {
  background-image: none !important;
}

svg, rect, path {
  fill: black !important;
  stroke: black !important;
}

.hero__line span.top{
  background: lightgrey !important;
}

.hero__line span.bottom, .card-banner {
  background: darkgray !important;
}

.button {
  background-color: black !important;
}

.swiper-button-next.custom-next,
.swiper-button-prev.custom-prev {
  background-color: black !important;
}

.timeline-marker.ng-star-inserted,
.p-timeline-event-connector.ng-star-inserted{
  background-color: black !important;
}

.security-banner-title{
  color: black !important;
}

.ng-star-inserted span.dot {
  background-color: black !important;
}

.security-banner-content img {
  display: none;
}

.footer__info {
  display: none;
}

/* Stili per il pannello dropdown dei menu lingua/paese */
.p-dropdown-panel {
  background: white !important;
  border: 1px solid grey !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important;
}

.p-dropdown-panel .p-dropdown-items {
  background: white !important;
}

.p-dropdown-panel .p-dropdown-item {
  background: white !important;
  color: black !important;
}

.p-dropdown-panel .p-dropdown-item .language-selection-item {
  color: black !important;
}

.p-dropdown-panel .p-dropdown-item .language-selection-item div {
  color: black !important;
}

.p-dropdown-panel .p-dropdown-item:hover {
  background: grey !important;
}
.p-multiselect-panel .p-multiselect-header {
  padding: .75rem 1.25rem;
  border-bottom: 1px solid #dee2e6;
  color: #343a40;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: .75rem 1.25rem;
  border: 0 none;
  color: var(--primary);
  background: transparent;
  transition: box-shadow .2s;
  border-radius: 0;
}
.p-multiselect-panel {
  background: #fff;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  color: black !important;
  border: 0 none;
  border-radius: 5px;
  box-shadow: 0 2px 12px #0000001a;
}

.p-slider .p-slider-range {
  background: black !important;
}
.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #fff;
  border: 2px solid var(--primary);
  border-radius: 50%;
  transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
}
.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -.5715rem;
  margin-left: -.5715rem;
}
.p-slider-horizontal .p-slider-range {
  top: 0;
  left: 0;
  height: 100%;
}
.p-slider.p-slider-horizontal {
  height: .286rem;
}
.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 5px;
}
.bar-navigation-clip__right,
.bar-navigation-clip__center,
.bar-navigation-clip__left{
  background: grey !important;
}

.swiper-outer-container .swiper-button-next.custom-next,
.swiper-outer-container .swiper-button-prev.custom-prev{
  background-color: black !important ;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.p-overflow-hidden {
    overflow: hidden;
    padding-right: var(--scrollbar-width);
}

@layer primeng {
    .p-component,
    .p-component * {
        box-sizing: border-box;
    }

    .p-hidden {
        display: none;
    }

    .p-hidden-space {
        visibility: hidden;
    }

    .p-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .p-hidden-accessible input,
    .p-hidden-accessible select {
        transform: scale(0);
    }

    .p-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

    .p-disabled,
    .p-disabled * {
        cursor: default !important;
        pointer-events: none;
    }

    .p-component-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .p-unselectable-text {
        -webkit-user-select: none;
                user-select: none;
    }

    .p-scrollbar-measure {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px;
    }
    @keyframes p-fadein {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    input[type='button'],
    input[type='submit'],
    input[type='reset'],
    input[type='file']::-webkit-file-upload-button,
    button {
        border-radius: 0;
    }

    .p-link {
        text-align: left;
        background-color: transparent;
        margin: 0;
        padding: 0;
        border: none;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
    }

    .p-link:disabled {
        cursor: default;
    }

    .p-sr-only {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important;
    }

    /* Non ng overlay animations */
    .p-connected-overlay {
        opacity: 0;
        transform: scaleY(0.8);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    .p-connected-overlay-visible {
        opacity: 1;
        transform: scaleY(1);
    }

    .p-connected-overlay-hidden {
        opacity: 0;
        transform: scaleY(1);
        transition: opacity 0.1s linear;
    }

    .p-toggleable-content.ng-animating {
        overflow: hidden;
    }

    .p-icon-wrapper {
        display: inline-flex;
    }

    .p-icon {
        display: inline-block;
    }

    .p-icon-spin {
        animation: p-icon-spin 2s infinite linear;
    }
}

@keyframes p-icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@layer primeng {
    .p-badge {
        display: inline-block;
        border-radius: 10px;
        text-align: center;
        padding: 0 0.5rem;
    }

    .p-overlay-badge {
        position: relative;
    }

    .p-overlay-badge .p-badge {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(50%, -50%);
        transform-origin: 100% 0;
        margin: 0;
    }

    .p-badge-dot {
        width: 0.5rem;
        min-width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        padding: 0;
    }

    .p-badge-no-gutter {
        padding: 0;
        border-radius: 50%;
    }
}

@layer primeng {
    .p-button {
        margin: 0;
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        align-items: center;
        vertical-align: bottom;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

    .p-button-label {
        flex: 1 1 auto;
    }

    .p-button-icon-right {
        order: 1;
    }

    .p-button:disabled {
        cursor: default;
        pointer-events: none;
    }

    .p-button-icon-only {
        justify-content: center;
    }

    .p-button-icon-only:after {
        content: 'p';
        visibility: hidden;
        clip: rect(0 0 0 0);
        width: 0;
    }

    .p-button-vertical {
        flex-direction: column;
    }

    .p-button-icon-bottom {
        order: 2;
    }

    .p-buttonset .p-button {
        margin: 0;
    }

    .p-buttonset .p-button:not(:last-child) {
        border-right: 0 none;
    }

    .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
        border-radius: 0;
    }

    .p-buttonset .p-button:first-of-type {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .p-buttonset .p-button:last-of-type {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .p-buttonset .p-button:focus {
        position: relative;
        z-index: 1;
    }

    p-button[iconpos='right'] spinnericon {
        order: 1;
    }
}

@layer primeng {
    .p-checkbox {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        vertical-align: bottom;
        position: relative;
    }

    .p-checkbox-disabled {
        cursor: default !important;
        pointer-events: none;
    }

    .p-checkbox-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    p-checkbox {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center;
    }

    .p-checkbox-label {
        line-height: 1;
    }
}

.p-colorpicker-panel .p-colorpicker-color {
    background: transparent url('color.png') no-repeat left top; 
}

.p-colorpicker-panel .p-colorpicker-hue {
   background: transparent url('hue.png') no-repeat left top; 
}
@layer primeng {
    .p-inputtext {
        margin: 0;
    }

    .p-fluid .p-inputtext {
        width: 100%;
    }

    /* InputGroup */
    .p-inputgroup {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .p-inputgroup-addon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-inputgroup .p-float-label {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .p-inputgroup .p-inputtext,
    .p-fluid .p-inputgroup .p-inputtext,
    .p-inputgroup .p-inputwrapper,
    .p-inputgroup .p-inputwrapper > .p-component {
        flex: 1 1 auto;
        width: 1%;
    }

    /* Floating Label */
    .p-float-label {
        display: block;
        position: relative;
    }

    .p-float-label label {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-top: -0.5rem;
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1;
    }

    .p-float-label textarea ~ label {
        top: 1rem;
    }

    .p-float-label input:focus ~ label,
    .p-float-label input.p-filled ~ label,
    .p-float-label textarea:focus ~ label,
    .p-float-label textarea.p-filled ~ label,
    .p-float-label .p-inputwrapper-focus ~ label,
    .p-float-label .p-inputwrapper-filled ~ label {
        top: -0.75rem;
        font-size: 12px;
    }

    .p-float-label .input:-webkit-autofill ~ label {
        top: -20px;
        font-size: 12px;
    }

    .p-float-label .p-placeholder,
    .p-float-label input::placeholder,
    .p-float-label .p-inputtext::placeholder {
        opacity: 0;
        transition-property: all;
        transition-timing-function: ease;
    }
    .p-float-label .p-focus .p-placeholder,
    .p-float-label input:focus::placeholder,
    .p-float-label .p-inputtext:focus::placeholder {
        opacity: 1;
        transition-property: all;
        transition-timing-function: ease;
    }

    .p-input-icon-left,
    .p-input-icon-right {
        position: relative;
        display: inline-block;
    }

    .p-input-icon-left > i,
    .p-input-icon-left > .p-icon-wrapper,
    .p-input-icon-right > i,
    .p-input-icon-right > .p-icon-wrapper {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
    }

    .p-fluid .p-input-icon-left,
    .p-fluid .p-input-icon-right {
        display: block;
        width: 100%;
    }
}

@layer primeng {
    .p-inputtextarea-resizable {
        overflow: hidden;
        resize: none;
    }

    .p-fluid .p-inputtextarea {
        width: 100%;
    }
}

@layer primeng {
    .p-password {
        position: relative;
        display: inline-flex;
    }

    .p-password-panel {
        position: absolute;
        top: 0;
        left: 0;
    }

    .p-password .p-password-panel {
        min-width: 100%;
    }

    .p-password-meter {
        height: 10px;
    }

    .p-password-strength {
        height: 100%;
        width: 0%;
        transition: width 1s ease-in-out;
    }

    .p-fluid .p-password {
        display: flex;
    }

    .p-password-input::-ms-reveal,
    .p-password-input::-ms-clear {
        display: none;
    }

    .p-password-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
    }

    .p-password-clearable.p-password-mask .p-password-clear-icon {
        margin-top: unset;
    }

    .p-password-clearable {
        position: relative;
    }
}

@layer primeng {
    .p-radiobutton {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        vertical-align: bottom;
        position: relative;
    }

    .p-radiobutton-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .p-radiobutton-icon {
        backface-visibility: hidden;
        transform: translateZ(0) scale(0.1);
        border-radius: 50%;
        visibility: hidden;
    }

    .p-radiobutton-box.p-highlight .p-radiobutton-icon {
        transform: translateZ(0) scale(1, 1);
        visibility: visible;
    }

    p-radiobutton {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center;
    }

    .p-radiobutton-label {
        line-height: 1;
    }
}

@layer primeng {
    .p-ripple {
        overflow: hidden;
        position: relative;
    }

    .p-ink {
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        transform: scale(0);
    }

    .p-ink-active {
        animation: ripple 0.4s linear;
    }

    .p-ripple-disabled .p-ink {
        display: none !important;
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@layer primeng {
    .p-tooltip {
        position: absolute;
        display: none;
        padding: 0.25em 0.5rem;
        max-width: 12.5rem;
        pointer-events: none;
    }

    .p-tooltip.p-tooltip-right,
    .p-tooltip.p-tooltip-left {
        padding: 0 0.25rem;
    }

    .p-tooltip.p-tooltip-top,
    .p-tooltip.p-tooltip-bottom {
        padding: 0.25em 0;
    }

    .p-tooltip .p-tooltip-text {
        white-space: pre-line;
        word-break: break-word;
    }

    .p-tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .p-tooltip-right .p-tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -0.25rem;
        border-width: 0.25em 0.25em 0.25em 0;
    }

    .p-tooltip-left .p-tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -0.25rem;
        border-width: 0.25em 0 0.25em 0.25rem;
    }

    .p-tooltip.p-tooltip-top {
        padding: 0.25em 0;
    }

    .p-tooltip-top .p-tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -0.25rem;
        border-width: 0.25em 0.25em 0;
    }

    .p-tooltip-bottom .p-tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -0.25rem;
        border-width: 0 0.25em 0.25rem;
    }
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
.background-sky-blue,::-webkit-scrollbar-thumb,.box-selected-card-sky-blue-border,.circle-box-selected,.badge-blue,.mat-calendar-body-selected {
  background-color: #00a0df
}

::-webkit-scrollbar {
  width: 10px
}

::-webkit-scrollbar-track {
  background-color: transparent
}

::-webkit-scrollbar-thumb {
  opacity: 1
}

::-webkit-scrollbar-thumb:hover {
  background-color: #4b65bb;
  opacity: 1
}

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

.ck.ck-balloon-panel.ck-powered-by-balloon {
  --ck-z-modal: 1;
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  --ck-z-modal: 1;
}

.message-card {
  --left-line-width: 4px;
  background: var(--secondary-white);
  padding: var(--spacing-32) var(--spacing-24) var(--spacing-32) calc(var(--spacing-24) + var(--left-line-width));
  border-radius: var(--radius-10);
  border: 1px solid var(--secondary);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: var(--spacing-16);
  max-width: 400px
}

.message-card:before {
  content: "";
  position: absolute;
  width: var(--left-line-width);
  height: 100%;
  background-color: var(--secondary);
  left: 0;
  top: 0;
  bottom: 0
}

.message-card .icon-alert-circle {
  font-size: var(--fz-32);
  color: var(--secondary)
}

.message-card__wrapper {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4)
}

.message-card__wrapper__title {
  font-size: var(--fz-18);
  font-weight: 600;
  color: var(--primary)
}

.message-card__wrapper__description {
  display: -webkit-box;
  font-size: var(--fz-14);
  font-weight: 600;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.message-card__wrapper__cta {
  margin-top: var(--spacing-12);
  margin-right: auto
}

@media (max-width: 809px) {
  .message-card {
    max-width: 100%
  }
}

.auction-details {
  grid-column: var(--main-area);
  gap: var(--spacing-16);
  display: flex;
  flex-flow: column;
  padding: var(--spacing-40) 0;
  padding-bottom: var(--spacing-8)
}

.auction-details__rules-and-message {
  display: flex;
  gap: var(--spacing-24)
}

@media (max-width: 809px) {
  .auction-details__rules-and-message {
    flex-flow: column
  }
}

.auction-details__additional-filters {
  display: flex;
  justify-content: space-between;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  flex-wrap: wrap;
  row-gap: var(--spacing-16)
}

@media (max-width: 809px) {
  .auction-details__additional-filters {
    gap: var(--spacing-24)
  }
}

.auction-details__additional-filters__flex {
  display: flex;
  column-gap: var(--spacing-32);
  row-gap: var(--spacing-16);
  align-items: flex-end;
  flex-wrap: wrap
}

@media (max-width: 809px) {
  .auction-details__additional-filters__flex {
    width: 100%;
    gap: var(--spacing-24)
  }
}

.auction-details .select-input {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 700;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  flex-shrink: 0
}

@media (max-width: 809px) {
  .auction-details .select-input {
    width: 100%
  }
}

.auction-details .select-input.horizontal {
  flex-flow: row;
  align-items: center
}

@media (max-width: 809px) {
  .auction-details .select-input.horizontal {
    flex-flow: column-reverse;
    align-items: flex-start
  }
}

.auction-details .select-input__rectangle {
  height: 50px;
  min-width: 200px;
  border: 1px solid var(--primary-10);
  border-radius: var(--radius-5);
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.auction-details .select-input__circle {
  border-radius: 40px;
  height: 30px;
  width: 50px;
  flex-shrink: 0;
  margin: 10px 0;
  background: var(--white)
}

@media (max-width: 809px) {
  .auction-details .select-input__circle {
    margin: 0
  }
}

.auction-details__page-selector {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-16);
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-72)
}

.auction-details__search-results {
  font-size: var(--fz-16);
  font-weight: 600;
  color: var(--primary)
}

.basic-hero {
  grid-column: var(--full-width);
  background: var(--primary);
  margin-top: -110px;
  /*min-height: 350px;*/
  max-height: 190px;
  /*padding-top: 110px;*/
  box-sizing: border-box;
  position: relative;
  z-index: 4;
  transition: all .3s ease-in-out
}

.basic-hero .breadcrumb {
  position: absolute;
  /*top: 0;*/
  left: 0;
  right: 0;
  width: 100%
}

.basic-hero .tabs {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--accent)
}

.basic-hero .tabs__element {
  font-weight: 500;
  color: #f0f4f7cc;
  width: auto;
  padding: var(--spacing-8) var(--spacing-12)
}

.basic-hero .tabs__element:before {
  height: 4px;
  color: var(--accent)
}

.basic-hero .tabs__element:hover {
  color: #fff
}

.basic-hero .tabs__element:hover:before {
  opacity: 1
}

.basic-hero .tabs__element.active {
  color: var(--white)
}

.basic-hero__image {
  position: absolute;
  inset: 0;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.basic-hero__main {
  position: relative;
  z-index: 1;
  width: var(--grid-inner-width);
  margin: auto;
  min-height: 240px;
  display: flex;
  justify-content: flex-end;
  height: 100%;
  align-items: flex-end;
  padding: var(--spacing-64) 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: var(--spacing-32)
}

.basic-hero__main__pretitle {
  color: var(--white);
  font-size: var(--fz-20);
  font-weight: 600;
  letter-spacing: .9rem;
  text-transform: uppercase;
  width: 100%
}

@media screen and (max-width: 809px) and (max-width: 809px) {
  .basic-hero__main:has(.basic-hero__main__info-wrapper) {
    padding-bottom: 0
  }
}

.basic-hero__main__title {
  font-size: var(--fz-40);
  /*font-size: var(--fz-55);*/
  font-weight: 500;
  color: var(--white);
  flex-grow: 2;
}

@media screen and (max-width: 809px) {
  .basic-hero__main__title {
    font-size: var(--fz-28)
  }
}

.basic-hero__main__info-wrapper {
  background: var(--white-80);
  padding: var(--spacing-16);
  display: flex;
  gap: var(--spacing-16);
  border-radius: var(--radius-10);
  justify-content: space-evenly
}

.basic-hero__main__info-wrapper__item {
  display: flex;
  gap: var(--spacing-8);
  align-items: baseline
}

.basic-hero__main__info-wrapper__item__count {
  font-size: var(--fz-32);
  font-weight: 600;
  color: var(--primary)
}

.basic-hero__main__info-wrapper__item__label {
  font-size: var(--fz-14);
  font-weight: 500;
  color: var(--primary)
}

.basic-hero__main__info-wrapper__item .icon {
  font-size: var(--fz-24);
  color: var(--primary)
}

.basic-hero__main__info-wrapper__line {
  width: 1px;
  align-self: stretch;
  background: var(--linear-gradient-v)
}

@media screen and (max-width: 809px) {
  .basic-hero__main__info-wrapper {
    width: 100vw;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 0;
    padding: var(--spacing-8) var(--spacing-12);
    gap: var(--spacing-12)
  }

  .basic-hero__main__info-wrapper__item__count {
    font-size: var(--fz-22)
  }
}

.basic-hero.sticky {
  position: sticky;
  top: 0;
  overflow: hidden
}

.basic-hero.sticky .basic-hero__main__title {
  transition: transform .2s ease-in-out, opacity .2s ease-in-out
}

.basic-hero.sticky .basic-hero__main__info-wrapper {
  transition: transform .2s ease-in-out
}

.basic-hero.sticky .basic-hero__main {
  transition: padding .2s ease-in-out
}

.basic-hero.sticky .basic-hero__image {
  transition: all .5s ease-in-out
}

.basic-hero.scrolled {
  min-height: 0
}

.basic-hero.sticky.scrolled {
  min-height: 0
}

.basic-hero.scrolled .basic-hero__main__title {
  transform: scale(.5);
  transform-origin: left bottom;
  opacity: 0
}

.basic-hero.scrolled .basic-hero__main__pretitle {
  display: none
}

.basic-hero.scrolled .basic-hero__main__info-wrapper {
  transform: scale(.7);
  transform-origin: right center
}

.basic-hero.scrolled .basic-hero__main {
  padding: 0;
  min-height: 0;
  transition: padding .2s ease-in-out .2s
}

.basic-hero.scrolled .basic-hero__image {
  opacity: .4
}

.basic-hero.scrolled:not(:has(.basic-hero__main__info-wrapper), :has(.breadcrumb)) {
  height: 110px
}

.basic-hero.scrolled:not(:has(.basic-hero__main__info-wrapper)):has(.breadcrumb) {
  height: 150px
}

.basic-hero.scrolled:not(:has(.basic-hero__main__info-wrapper)):has(.breadcrumb):has(.tabs) {
  height: 190px
}

@media screen and (max-width: 1199px) {
  .basic-hero.scrolled .basic-hero__main__title {
    display: none
  }
}

@media screen and (max-width: 809px) {
  .basic-hero.scrolled .breadcrumb {
    display: none
  }

  .basic-hero.scrolled .basic-hero__main__info-wrapper {
    transform: none
  }

  .basic-hero.scrolled:not(:has(.basic-hero__main__info-wrapper)) {
    height: 110px !important
  }

  .basic-hero.scrolled:not(:has(.basic-hero__main__info-wrapper)):has(.breadcrumb):has(.tabs) {
    height: 150px !important
  }

  .basic-hero.scrolled:has(.basic-hero__main__info-wrapper) {
    height: auto !important
  }
}

.breadcrumb {
  padding: var(--spacing-12) 0;
  font-size: var(--fz-12);
  list-style: none
}

.breadcrumb__list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%
}

.breadcrumb__list .icon {
  color: var(--light-gray);
  padding: 0 var(--spacing-8)
}

.breadcrumb__list__item {
  display: contents
}

.breadcrumb__list__item a {
  color: var(--light-gray);
  text-decoration: none;
  text-wrap: none;
  text-overflow: ellipsis;
  overflow: hidden
}

.breadcrumb__list__item.active {
  font-weight: 700
}

.color-chip {
  --bg: var(--primary);
  --color: var(--white);
  border-radius: var(--radius-5);
  background: var(--bg);
  color: var(--color);
  font-size: var(--fz-12);
  font-weight: 700;
  padding: var(--spacing-8) var(--spacing-12);
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-8)
}
.color-chip .icon {
  font-size: var(--fz-16)
}

.color-chip.fit-content {
  width: -moz-fit-content;
  width: fit-content
}

.color-chip.uppercase {
  text-transform: uppercase
}

.color-chip.spacing {
  letter-spacing: var(--letter-spacing-small)
}

.color-chip.blue {
  --bg: var(--primary)
}

.color-chip.gradient {
  --bg: var(--linear-gradient-h)
}

.color-chip.grey {
  --bg: var(--dark-gray)
}

.color-chip.yellow {
  --bg: var(--alert-warn);
  --color: var(--primary)
}

.color-chip.lightblue {
  --bg: var(--secondary);
  --color: var(--primary)
}

.color-chip.green {
  --bg: var(--alert-success);
  --color: var(--primary)
}

.color-chip.darkgreen {
  --bg: var(--dark-green)
}

.color-chip.orange {
  --bg: var(--orange)
}
.color-chip.green-light {
  --bg: var(--alert-success)
}
.color-chip.secondary {
  --bg: var(--secondary)
}
.color-chip.accent {
  --bg: var(--accent)
}

.footer {
  --footer-line-height: 18rem;
  min-height: 200px;
  background: var(--primary);
}

@media (min-width: 810px) {
  .footer {
    display: block
  }
}

.footer * {
  box-sizing: border-box
}

.footer a {
  text-decoration: none;
  color: inherit
}

.footer ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.footer select {
  appearance: none
}

.footer__main {
  width: var(--grid-inner-width);
  display: grid;
  grid-template-columns: var(--grid-inner-columns-template);
  margin: auto;
  column-gap: 0;
  color: var(--white);
  padding: 4.5rem 0;
  row-gap: var(--spacing-48)
}


.footer__main .footer__column-container {
  grid-column: span 12;
  display: grid;
  gap: var(--spacing-32)
}

.footer__main .footer__column-container .line-separator {
  width: 100%;
  height: .0625rem;
  background: var(--linear-gradient-h)
}

.footer__main .footer__column-container .footer__column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32)
}

.footer__main .footer__column-container .footer__column.column_logo {
  gap: 2.5rem
}

.footer__main .footer__column-container .footer__column .column__title {
  font-weight: 600;
  font-size: var(--fz-18)
}

.footer__main .footer__column-container .footer__column .footer__links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--fz-14);
  font-weight: 400
}

.footer__main .footer__column-container .footer__column .footer__links.submenu {
  opacity: .7;
  margin-top: 1.5rem
}

.footer__main .footer__column-container .footer__column .contact {
  font-size: var(--fz-16);
  display: flex;
  flex-direction: column;
  gap: .625rem;
  margin-top: -.625rem;
  align-items: flex-start
}

.footer__main .footer__column-container .footer__column .contact__icon {
  padding-top: .1875rem
}

.footer__main .footer__column-container .footer__column .contact__text-area {
  display: flex;
  flex-direction: column;
  gap: .25rem
}

.footer__main .footer__column-container .footer__column .contact__label {
  font-weight: 600
}

.footer__main .footer__column-container .footer__column .contact__voice {
  font-weight: 400
}

.footer__main .footer__column-container .footer__column .footer__logo {
  max-width: 10rem;
  max-height: 2.1875rem
}

.footer__main .footer__column-container .footer__column .footer__info p {
  margin: 0;
  font-size: var(--fz-14);
  font-weight: 500;
  opacity: .7
}

@media screen and (max-width: 1200px) {
  .footer__main {
    width: var(--grid-inner-width);
    display: flex;
    grid-template-columns: var(--grid-inner-columns-template);
    margin: auto;
    column-gap: calc(8%);
    color: var(--white);
    padding: 4.5rem 0;
    row-gap: var(--spacing-48)
  }

}

@media screen and (max-width: 810px) {
  .footer__main {
    display: grid
  }
}

@media screen and (max-width: 810px) {
  .footer__main {
    display: grid
  }
}


@media screen and (min-width: 810px) {
  .footer .footer__column-container {
    grid-column: var(--grid-half);
    grid-template-columns: .0625rem 1fr;
    gap: 1.5rem
  }

  .footer .footer__column-container .line-separator {
    order: 1;
    grid-column: 1/2;
    width: var(--footer-line-height);
    transform-origin: top left;
    transform: rotate(90deg)
  }

  .footer .footer__column-container.container_logo {
    grid-column: span 12
  }

  .footer .footer__column-container .footer__column {
    order: 2;
    grid-column: 2/3;
    min-height: var(--footer-line-height)
  }

  .footer .footer__column-container .footer__column.column_logo {
    grid-column: 1/-1;
    flex-direction: column;
    min-height: auto
  }

  .footer .footer__column-container .footer__column .footer__info {
    max-width: var(--footer-line-height)
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__column-container {
    grid-column: span 3;
    order: 2
  }

  .footer .footer__column-container.container_logo {
    grid-column: span 5;
    order: 1
  }

  .footer .footer__column-container.container_menu {
    grid-column: span 4
  }

  .footer .footer__column-container .footer__column.column_logo {
    flex-direction: column
  }

  .footer .footer__column-container .footer__column .footer__info {
    max-width: 40rem
  }
}

:root {
  --header-small-height: 2.5rem;
  --header-main-height: 4.375rem;
  --header-tabs-height: 3rem;
  --horizontal-padding: calc((100% - var(--grid-inner-width)) / 2);
  --padding: 0 var(--horizontal-padding);
}

.header {
  min-height: calc(var(--header-small-height) + var(--header-main-height));
  grid-column: var(--full-width);
  display: flex;
  flex-flow: column;
  position: sticky;
  top: 0;
  color: var(--white);
  text-transform: uppercase;
  z-index: 10
}


.header * {
  box-sizing: border-box
}

.header a {
  text-decoration: none;
  color: inherit
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.header select {
  appearance: none
}


.header .p-dropdown .p-dropdown-trigger {
  /*background: transparent;*/
  color: #6c757d;
  width: 1rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.header__small,
.header__main {
  padding: var(--padding)
}

.header__small {
  height: var(--header-small-height);
  background: var(--linear-gradient-h);
  display: flex;
  justify-content: space-between;
  flex-direction: row; /* row-reverse; */
  align-items: center
}

.header__small .region-menu,
.header__small .info-menu {
  display: flex;
  align-items: center
}

.header__small .region-menu {
  font-size: var(--fz-12);
  gap: .875rem
}

.header__small .region-menu__select {
  display: flex;
  align-items: center;
  gap: 1rem
}

.header__small .region-menu__select.language .select__label {
  display: none
}

.header__small .region-menu .icon-drivalia {
  font-size: var(--fz-20)
}

.header__small .info-menu {
  display: none;
  font-weight: 700
}

.header .menu__divider {
  border-top: 1px solid var(--light-gray);
  z-index: 3;
  position: absolute;
  top: var(--header-main-height);
  left: 0;
  right: 1rem
}

.header .vertical-separator {
  height: 1.25rem;
  width: .0625rem;
  border-left: 1px solid var(--white);
  opacity: .2
}

.header__main {
  position: relative;
  height: var(--header-main-height);
  background-color: color-mix(in srgb, var(--primary) 3%, transparent);
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent)
}

.header__main.opaque {
  background-color: var(--primary)
}

.header__main .right-container {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-transform: none
}

.header__main .right-container .profile {
  display: flex;
  align-items: center;
  gap: 16px
}

.header__main .right-container .profile .btn.simple {
  padding: 0
}

.header__main .right-container .profile .btn.simple.profile-menu__btn {
  padding: 0 /* display: none */
}

.header__main .right-container .profile .btn {
  display: flex
}

.header__main .left-container {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  height: var(--header-main-height)
}

.header__main__tabs-container {
  height: calc(var(--header-main-height) + var(--header-tabs-height));
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.header__main__tabs-container__divider {
  position: absolute;
  inset: 0;
  top: var(--header-main-height);
  border-top: 1px solid var(--light-gray)
}

.header__main__tabs-row {
  border-bottom: 1px solid var(--accent);
  display: flex;
  justify-content: space-between
}

.header__main__tabs-row__tab {
  text-transform: none;
  width: 100%;
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 700;
  padding: var(--spacing-8) var(--spacing-16);
  position: relative;
  border: none;
  background: none;
  text-align: center;
  min-width: 100px;
  cursor: pointer
}

.header__main .menu__list,.header__main .dropdown-menu{
  display:none;
  z-index:1;
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:calc(100vh - var(--header-small-height));
  background:var(--white);
  flex-direction:column;
  color:var(--primary);
  text-transform:none;
  font-weight:500;
  padding:1.5rem var(--horizontal-padding);
  padding-top:calc(var(--header-main-height) + 25px);
  gap:2rem
}

.header__main .menu__list.open,
.header__main .dropdown-menu.open {
  display: flex
}

.header__main .menu__list {
  align-items: stretch;
  font-size: var(--fz-18);
  font-weight: 600;
  line-height: var(--spacing-32)
}

.header__main .menu__list.open {
  transform: translate(0)
}
.header__main .menu__list.covered {
  transform: translate(-100%)
}

.header__main .menu__list .menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .9375rem
}

.header__main .menu__list .menu__item .menu__link {
  display: flex;
  align-items: center;
  gap: .5rem
}

.header__main .menu__list .menu__item .menu__link:hover {
  text-decoration: underline
}

.header__main .menu__list .menu__item .menu__link .icon-eye {
  position: relative
}

.header__main .menu__list .menu__item .icon-chevron-down {
  display: none
}

.header__main .menu__list .menu__item .eye-notification {
  background: var(--accent);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  top: -.3rem;
  right: -.5rem;
  font-size: var(--fz-10);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: var(--white)
}

.header__main .menu__list .menu__item .eye-notification span {
  font-family: var(--font-raleway);
  font-size: var(--fz-10);
  font-weight: 600
}

.header__main .dropdown-menu {
    position: absolute;
    width: 20rem;
    right: 0;
    left: auto;
    top: var(--header-main-height);
    height: calc(100vh - var(--header-small-height));
    padding-top: 1.5625rem
  /*
    transform: translate(100%);
    transform-origin: top right;
    transition: transform .2s ease-in-out
    */
}
.header__main .dropdown-menu.open {
  transform: translate(0);
  transform-origin: top right;
  border: 1px solid grey;
}
.header__main .dropdown-menu.open .dropdown-menu__column {
  opacity: 1
}

.header__main .dropdown-menu__title {
  font-weight: 700;
  font-size: var(--fz-22);
  display: flex;
  align-items: center;
  gap: .625rem;
  margin-left: -.375rem
}

.header__main .dropdown-menu__title.profile {
  margin-left: 0;
  align-items: center;
  align-self: center
}

.header__main .dropdown-menu__column {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.header__main .dropdown-menu__column_profile {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: .5rem;
}

.header__main .dropdown-menu__column .column__title {
  font-weight: 600;
  font-size: var(--fz-18);
}

.header__main .dropdown-menu__column .column__link {
  font-size: var(--fz-14);
  font-weight: 500
}

.header__main .dropdown-menu__column_profile .link_underlined:hover {
  text-decoration: underline;
  cursor: pointer;
}

.header__main .dropdown-menu__column .link_underlined:hover {
  text-decoration: underline;
  cursor: pointer;
}

.header__main .dropdown-menu.profile-menu__btn {
  display: none
}

.header__main .dropdown-menu.profile-menu .profile__header {
  align-self: stretch;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.header__main .dropdown-menu.profile-menu .profile__header .dropdown-menu__title {
  display: block;
  margin-left: 0
}

.header__main .dropdown-menu.profile-menu .profile__header .profile__id {
  color: var(--dark-gray);
  font-size: var(--fz-14)
}

.header__main .dropdown-menu.profile-menu .profile__header .menu__divider {
  position: static
}

.header__main .logo {
  display: flex;
  align-items: center
}

.header__main .logo__img {
  max-width: 5.625rem;
  transform: scaleX(1);
  transform-origin: center right;
  transition: transform .1s ease-in-out;
  transition-delay: .1s
}

.header__main .logo__img.hidden:not(.with-tabs) {
  display: none
}

.header__main .logo__img.dark {
  position: absolute;
  z-index: 2
}

.header__main .hamburger {
  z-index: 2;
  position: relative;
  border-radius: var(--radius-5);
  overflow: hidden;
  width: 2rem;
  height: 2rem
}

.header__main .hamburger .icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1
}

.header__main .hamburger .icon.hidden {
  opacity: 0
}
.header__main .hamburger .icon.hidden:before {
  opacity: 1;
  transform: scaleY(0)
}
.header__main .hamburger .icon:before {
  opacity: 1;
  transform: scaleY(1);
  transition: transform .3s ease-in-out
}


.header__main .hamburger .icon-hamburger {
  background-color: color-mix(in srgb, var(--white) 20%, transparent)
}

.header__main .hamburger .icon-hamburger:not(.icon-x).with-tabs {
  background-color: var(--primary-20);
  color: var(--primary)
}

.header__main .hamburger .icon-x {
  background-color: var(--primary);
  position: absolute;
  inset: 0;
}

.header__main [class^=icon-]:before,
.header__main [class*=icon-]:before {
  color: inherit;
  font-size: var(--fz-22)
}

.header__main [class^=icon-] .icon-chevron-down,
.header__main [class*=icon-] .icon-chevron-down {
  display: none
}

@media screen and (min-width: 810px) {
  .header__small .region-menu__select.language .select__label {
    display: block
  }

  .header__main .logo__img {
    max-width: 11.3125rem
  }

  .header__main .logo__img.dark,
  .header__main__tabs-container {
    display: none
  }

  .header__main .menu__list,
  .header__main .dropdown-menu {
    position: absolute;
    width: 20rem;
    right: 0;
    left: auto;
    top: var(--header-main-height);
    height: calc(100vh - var(--header-small-height));
    padding-top: 1.5625rem
  }

  .header__main .menu__list .menu__divider,
  .header__main .dropdown-menu .menu__divider {
    display: none
  }

  .header__main .menu-wrapper {
    position: absolute;
    width: 20rem;
    right: 0;
    top: 0;
    left: auto;
    height: calc(100vh - var(--header-small-height));
    overflow: hidden;
    pointer-events: none
  }
  .header__main .menu-wrapper.open {
    pointer-events: all
  }

  .header__main .hamburger .icon-hamburger:not(.icon-x).with-tabs {
    background-color: color-mix(in srgb, var(--white) 20%, transparent);
    color: var(--white)
  }

  .header__main .hamburger .icon-x {
    color: var(--primary);
    background: var(--white)
  }
}

@media screen and (min-width: 1200px) {
  .header__small .region-menu__select {
    display: flex;
    align-items: center;
    gap: 1rem
  }

  .header__small {
    flex-direction: row
  }

  .header__small .info-menu {
    display: flex;
    gap: 1.5rem
  }

  .header__main .right-container .profile .btn,
  .header__main .right-container .profile .btn.simple.profile-menu__btn {
    display: flex
  }

  .header__main .left-container .logo {
    margin-right: 1.5rem
  }

  .header__main .left-container .icon-drivalia,
  .header__main .left-container .vertical-separator {
    display: block
  }

  .header__main .menu-wrapper {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    pointer-events: all
  }

  .header__main .menu__list {
    width: auto;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    height: auto;
    background: none;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-self: stretch;
    color: var(--white);
    text-transform: inherit;
    font-size: inherit;
    font-weight: inherit;
    gap: 1.5rem;
    padding: 0
  }

  .header__main .menu__list .menu__item {
    align-items: stretch;
    position: relative
  }

  .header__main .menu__list .menu__item .menu__link:hover {
    text-decoration: none
  }

  .header__main .menu__list .menu__item:before {
    content: "";
    position: absolute;
    height: 2px;
    background: var(--white);
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .3s ease-in
  }

  .header__main .menu__list .menu__item:hover:before {
    opacity: 1
  }

  .header__main .menu__list .menu__item [class^=icon-],
  .header__main .menu__list .menu__item [class*=icon-] {
    align-self: center
  }

  .header__main .menu__list .menu__item .icon-chevron-down {
    display: inline
  }

  .header__main .menu__list .menu__item .icon-chevron-right,
  .header__main .menu__list .info-menu_mobile,
  .header__main .hamburger {
    display: none
  }

  .header__main .dropdown-menu {
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform .2s ease-in-out;
    top: var(--header-main-height);
    left: 0;
    width: auto;
    height: auto;
    flex-direction: row;
    padding-top: var(--spacing-48);
    padding-left: calc(10.5rem + var(--horizontal-padding));
    padding-bottom: 3.125rem;
    gap: 2rem;
    min-height: 12.5rem
  }

  .header__main .dropdown-menu.open,
  .header__main .dropdown-menu:hover {
    transform: scaleY(1);
    transform-origin: top
  }
  .header__main .dropdown-menu.open .dropdown-menu__column,
  .header__main .dropdown-menu:hover .dropdown-menu__column,
  .header__main .dropdown-menu.open.profile-menu .profile__header {
    opacity: 1
  }

  .header__main .dropdown-menu__title {
    display: none
  }

  .header__main .dropdown-menu.profile-menu {
    width: 18rem;
    right: calc(var(--horizontal-padding) - var(--spacing-8));
    left: auto;
    flex-direction: column;
    padding: 1.5rem;
    top: var(--header-main-height);
    border-radius: var(--radius-5);
    border: 1px solid grey;
  }

  .header__main .dropdown-menu.profile-menu .profile__header {
    opacity: 0;
    align-items: center
  }
  .header__main .dropdown-menu.profile-menu .profile__header .dropdown-menu__title {
    pointer-events: none;
    display: block;
    margin-left: 0
  }
  .header__main .dropdown-menu.profile-menu .profile__header .dropdown-menu__title .icon-chevron-left {
    display: none
  }

  .header__main .dropdown-menu.profile-menu .profile__divider {
    display: block;
    position: static;
  }

  .header__main .dropdown-menu.profile-menu .dropdown-menu__column,
  .header__main .dropdown-menu.profile-menu .dropdown-menu__column .column__title {
    margin-bottom: 0
  }
}

@font-face {
  font-family: drivalia-icon-font;
  src: url('drivalia-icon-font.65ad6207.eot?7gfy8o#iefix') format("embedded-opentype"),
  url('drivalia-icon-font.2a287303.ttf?7gfy8o') format("truetype"),
  url('drivalia-icon-font.00a29b5c.woff?7gfy8o') format("woff"),
  url('drivalia-icon-font.bf99ed76.svg?7gfy8o#drivalia-icon-font') format("svg");

  font-weight: 400;
  font-style: normal;
  font-display: block
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: drivalia-icon-font !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-heart-full:before {
  content: ""
}
.icon-heart:before {
  content: ""
}
.icon-Facebook:before {
  content: ""
}
.icon-Google:before {
  content: ""
}
.icon-Linkedin:before {
  content: ""
}
.icon-Twitter:before {
  content: ""
}

.icon-star-full:before {
  content: "★"
}

.icon-star:before {
  content: "☆"
}

.icon-hamburger:before {
  content: ""
}

.icon-access-point:before {
  content: ""
}

.icon-accessible:before {
  content: ""
}

.icon-address-book:before {
  content: ""
}

.icon-adjustments:before {
  content: ""
}

.icon-alarm:before {
  content: ""
}

.icon-album:before {
  content: ""
}

.icon-alert-circle:before {
  content: ""
}

.icon-alert-triangle:before {
  content: ""
}

.icon-arrow-back:before {
  content: ""
}

.icon-arrow-bar-down:before {
  content: ""
}

.icon-arrow-bar-left:before {
  content: ""
}

.icon-arrow-bar-right:before {
  content: ""
}

.icon-arrow-bar-to-down:before {
  content: ""
}

.icon-arrow-bar-to-left:before {
  content: ""
}

.icon-arrow-bar-to-right:before {
  content: ""
}

.icon-arrow-bar-to-up:before {
  content: ""
}

.icon-arrow-bar-up:before {
  content: ""
}

.icon-arrow-down-circle:before {
  content: ""
}

.icon-arrow-down-left-circle:before {
  content: ""
}

.icon-arrow-down-left:before {
  content: ""
}

.icon-arrow-down-right-circle:before {
  content: ""
}

.icon-arrow-down-right:before {
  content: ""
}

.icon-arrow-down:before {
  content: ""
}

.icon-arrow-dropdown-down:before {
  content: ""
}

.icon-arrow-dropdown-up:before {
  content: ""
}

.icon-arrow-left:before {
  content: ""
}

.icon-arrow-right:before {
  content: ""
}

.icon-arrow-up-circle:before {
  content: ""
}

.icon-arrow-up-left-circle:before {
  content: ""
}

.icon-arrow-up-left:before {
  content: ""
}

.icon-arrow-up-right-circle:before {
  content: ""
}

.icon-arrow-up-right:before {
  content: ""
}

.icon-arrow-up:before {
  content: ""
}

.icon-arrows-cross:before {
  content: ""
}

.icon-arrows-diagonal-01:before {
  content: ""
}

.icon-arrows-diagonal-02:before {
  content: ""
}

.icon-arrows-diagonal-minimize-01:before {
  content: ""
}

.icon-arrows-diagonal-minimize-02:before {
  content: ""
}

.icon-arrows-double-ne-sw:before {
  content: ""
}

.icon-arrows-double-nw-se:before {
  content: ""
}

.icon-arrows-double-se-nw:before {
  content: ""
}

.icon-arrows-double-sw-ne:before {
  content: ""
}

.icon-arrows-down-up:before {
  content: ""
}

.icon-arrows-left-right:before {
  content: ""
}

.icon-arrows-maximize:before {
  content: ""
}

.icon-arrows-minimize:before {
  content: ""
}

.icon-arrows-shuffle:before {
  content: ""
}

.icon-arrows-sort:before {
  content: ""
}

.icon-arrows-split:before {
  content: ""
}

.icon-asset:before {
  content: ""
}

.icon-at:before {
  content: ""
}

.icon-award:before {
  content: ""
}

.icon-baby-carriage:before {
  content: ""
}

.icon-backhoe:before {
  content: ""
}

.icon-backpack:before {
  content: ""
}

.icon-backspace:before {
  content: ""
}

.icon-badge:before {
  content: ""
}

.icon-ballpen:before {
  content: ""
}

.icon-battery-charging-2:before {
  content: ""
}

.icon-battery-charging:before {
  content: ""
}

.icon-battery-eco:before {
  content: ""
}

.icon-battery:before {
  content: ""
}

.icon-beach:before {
  content: ""
}

.icon-bell:before {
  content: ""
}

.icon-bike:before {
  content: ""
}

.icon-bluetooth-connected:before {
  content: ""
}

.icon-bolt:before {
  content: ""
}

.icon-bookmark-full:before {
  content: ""
}

.icon-bookmark:before {
  content: ""
}

.icon-boy:before {
  content: ""
}

.icon-bulldozer:before {
  content: ""
}

.icon-bus:before {
  content: ""
}

.icon-calendar:before {
  content: ""
}

.icon-camera:before {
  content: ""
}

.icon-car-crane:before {
  content: ""
}

.icon-car-crash:before {
  content: ""
}

.icon-car-door:before {
  content: ""
}

.icon-car-off:before {
  content: ""
}

.icon-car-window:before {
  content: ""
}

.icon-car:before {
  content: ""
}

.icon-cash-banknote-off:before {
  content: ""
}

.icon-cash-banknote:before {
  content: ""
}

.icon-charging-pile:before {
  content: ""
}

.icon-check:before {
  content: ""
}

.icon-checkbox:before {
  content: ""
}

.icon-checks:before {
  content: ""
}

.icon-chevron-down-left:before {
  content: ""
}

.icon-chevron-down-right:before {
  content: ""
}

.icon-chevron-down:before {
  content: ""
}

.icon-chevron-left:before {
  content: ""
}

.icon-chevron-right:before {
  content: ""
}

.icon-chevron-up-left:before {
  content: ""
}

.icon-chevron-up-right:before {
  content: ""
}

.icon-chevron-up:before {
  content: ""
}

.icon-circle-close:before {
  content: ""
}

.icon-circle-minus:before {
  content: ""
}

.icon-circle-plus:before {
  content: ""
}

.icon-clock:before {
  content: ""
}

.icon-cloud-download:before {
  content: ""
}

.icon-cloud-upload:before {
  content: ""
}

.icon-co2:before {
  content: ""
}

.icon-color-swatch:before {
  content: ""
}

.icon-cookie:before {
  content: ""
}

.icon-copyright:before {
  content: ""
}

.icon-credit-card:before {
  content: ""
}

.icon-currency-euro:before {
  content: ""
}

.icon-dashboard:before {
  content: ""
}

.icon-directions:before {
  content: ""
}

.icon-disabled:before {
  content: ""
}

.icon-discount:before {
  content: ""
}

.icon-dots:before {
  content: ""
}

.icon-download:before {
  content: ""
}

.icon-drivalia:before {
  content: ""
}

.icon-engine:before {
  content: ""
}

.icon-eye-off:before {
  content: ""
}

.icon-eye:before {
  content: ""
}

.icon-face-mask:before {
  content: ""
}

.icon-file-download:before {
  content: ""
}

.icon-file-upload:before {
  content: ""
}

.icon-file:before {
  content: ""
}

.icon-files:before {
  content: ""
}

.icon-fingerprint:before {
  content: ""
}

.icon-firetruck:before {
  content: ""
}

.icon-first-aid-kit:before {
  content: ""
}

.icon-flag:before {
  content: ""
}

.icon-flame:before {
  content: ""
}

.icon-folder:before {
  content: ""
}

.icon-forklift:before {
  content: ""
}

.icon-fuel:before {
  content: ""
}

.icon-gas-station:before {
  content: ""
}

.icon-gate:before {
  content: ""
}

.icon-gauge:before {
  content: ""
}

.icon-gift:before {
  content: ""
}

.icon-gps:before {
  content: ""
}

.icon-grid-dots:before {
  content: ""
}

.icon-headset:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-info-circle:before {
  content: ""
}

.icon-key:before {
  content: ""
}

.icon-kid:before {
  content: ""
}

.icon-leaf:before {
  content: ""
}

.icon-link:before {
  content: ""
}

.icon-list-check:before {
  content: ""
}

.icon-loader:before {
  content: ""
}

.icon-location:before {
  content: ""
}

.icon-lock-open:before {
  content: ""
}

.icon-lock:before {
  content: ""
}

.icon-login:before {
  content: ""
}

.icon-logout:before {
  content: ""
}

.icon-luggage:before {
  content: ""
}

.icon-mail:before {
  content: ""
}

.icon-man:before {
  content: ""
}

.icon-manual-gearbox:before {
  content: ""
}

.icon-map-pin:before {
  content: ""
}

.icon-menu:before {
  content: ""
}

.icon-message-dots:before {
  content: ""
}

.icon-message:before {
  content: ""
}

.icon-messages:before {
  content: ""
}

.icon-microphone:before {
  content: ""
}

.icon-minus:before {
  content: ""
}

.icon-mobile_phone:before {
  content: ""
}

.icon-money:before {
  content: ""
}

.icon-mood-smile:before {
  content: ""
}

.icon-mountain:before {
  content: ""
}

.icon-music:before {
  content: ""
}

.icon-news:before {
  content: ""
}

.icon-note:before {
  content: ""
}

.icon-notes:before {
  content: ""
}

.icon-paperclip:before {
  content: ""
}

.icon-parking:before {
  content: ""
}

.icon-pencil:before {
  content: ""
}

.icon-phone:before {
  content: ""
}

.icon-photo:before {
  content: ""
}

.icon-pig:before {
  content: ""
}

.icon-pin:before {
  content: ""
}

.icon-pinned:before {
  content: ""
}

.icon-plane-arrival:before {
  content: ""
}

.icon-plane-departure:before {
  content: ""
}

.icon-plane:before {
  content: ""
}

.icon-play:before {
  content: ""
}

.icon-plus:before {
  content: ""
}

.icon-power:before {
  content: ""
}

.icon-printer:before {
  content: ""
}

.icon-qrcode:before {
  content: ""
}

.icon-receipt:before {
  content: ""
}

.icon-recycle:before {
  content: ""
}

.icon-refresh:before {
  content: ""
}

.icon-registered:before {
  content: ""
}

.icon-road:before {
  content: ""
}

.icon-rotate-clockwise:before {
  content: ""
}

.icon-rotate:before {
  content: ""
}

.icon-satellite:before {
  content: ""
}

.icon-scale-outline:before {
  content: ""
}

.icon-search:before {
  content: ""
}

.icon-send:before {
  content: ""
}

.icon-settings:before {
  content: ""
}

.icon-share:before {
  content: ""
}

.icon-shield-check:before {
  content: ""
}

.icon-shield:before {
  content: ""
}

.icon-shopping-cart:before {
  content: ""
}

.icon-signature:before {
  content: ""
}

.icon-sitemap:before {
  content: ""
}

.icon-smoking-no:before {
  content: ""
}

.icon-snowflake:before {
  content: ""
}

.icon-sort-ascending-letters:before {
  content: ""
}

.icon-sort-ascending-numbers:before {
  content: ""
}

.icon-sort-descending-letters:before {
  content: ""
}

.icon-sort-descending-numbers:before {
  content: ""
}

.icon-steering-wheel:before {
  content: ""
}

.icon-switch-horizontal:before {
  content: ""
}

.icon-switch-vertical:before {
  content: ""
}

.icon-switch:before {
  content: ""
}

.icon-tag:before {
  content: ""
}

.icon-thumb-down:before {
  content: ""
}

.icon-thumb-up:before {
  content: ""
}

.icon-ticket:before {
  content: ""
}

.icon-tir:before {
  content: ""
}

.icon-tire:before {
  content: ""
}

.icon-toggle-left:before {
  content: ""
}

.icon-toggle-right:before {
  content: ""
}

.icon-tool:before {
  content: ""
}

.icon-trash:before {
  content: ""
}

.icon-umbrella:before {
  content: ""
}

.icon-upload:before {
  content: ""
}

.icon-user-check-in:before {
  content: ""
}

.icon-user-circle:before {
  content: ""
}

.icon-user:before {
  content: ""
}

.icon-van:before {
  content: ""
}

.icon-video:before {
  content: ""
}

.icon-volume-off:before {
  content: ""
}

.icon-volume:before {
  content: ""
}

.icon-wallet:before {
  content: ""
}

.icon-wifi:before {
  content: ""
}

.icon-wiper-wash:before {
  content: ""
}

.icon-wiper:before {
  content: ""
}

.icon-work-helmet:before {
  content: ""
}

.icon-writing-sign:before {
  content: ""
}

.icon-x:before {
  content: ""
}

@font-face {
  font-family: Raleway;
  src: url('Raleway-Light.ae9b82fc.ttf');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Raleway;
  src: url('Raleway-Regular.ddb04dad.ttf');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Raleway;
  src: url('Raleway-Medium.0340c1ea.ttf');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Raleway;
  src: url('Raleway-SemiBold.975bd17d.ttf');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Raleway;
  src: url('Raleway-Bold.8ede3a39.ttf');
  font-weight: 700;
  font-style: normal
}

:root,
:before,
:after {
  --accent: 124, 58, 237;
  --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
  --primary: #19305b;
  --primary-05: rgba(25, 48, 91, .05);
  --primary-10: rgba(25, 48, 91, .1);
  --primary-20: rgba(25, 48, 91, .2);
  --primary-60: rgba(25, 48, 91, .6);
  --primary-dark: #070328;
  --primary-medium: #011834;
  --primary-light: #005187;
  --primary-bright: #034397;
  --secondary: #00a0df;
  --secondary-dark: #014560;
  --secondary-medium: #0079a8;
  --secondary-light: #bde2f0;
  --secondary-bright: #89deff;
  --secondary-white: #effaff;
  --accent: #c8017d;
  --accent-dark: #43002a;
  --accent-medium: #810050;
  --accent-light: #ef63ba;
  --accent-bright: #f418a1;
  --orange: #ee9c03;
  --yellow: #f5cf05;
  --dark-green: #009247;
  --alert-warn: #ee9d00;
  --alert-success: #5dbe7b;
  --alert-error: #dd082c;
  --font-raleway: "Raleway", system-ui, sans-serif;
  --linear-gradient-h: linear-gradient(90deg, #c6007e 0%, #00a3e0 100%);
  --linear-gradient-v: linear-gradient(0deg, #c6007e 0%, #00a3e0 100%);
  --soft-blue-shadow: 0px 10px 20px rgba(0, 104, 150, .2);
  --linear-gradient-light: linear-gradient(93deg, rgba(0, 160, 223, .1) 0%, rgba(198, 0, 126, .1) 100%);
  --dark-gray: #979797;
  --light-gray: #e3e3e3;
  --bright-gray: #f4f5f6;
  --bluish-gray: #74839d;
  --bluish-gray-70: rgba(116, 131, 157, .7);
  --bluish-light-gray: #f0f4f7;
  --white: #ffffff;
  --white-80: rgba(255, 255, 255, .8);
  --white-70: rgba(255, 255, 255, .7);
  --success: #e3e3e3;
  --error: #f4f5f6;
  --alert: #ffffff;
  --full-width: full-width-start / full-width-end;
  --main-area: main-content-area;
  --grid-gap: 128px;
  --side-padding: 64px;
  --max-viewport-width: 1500px;
  --grid-inner-width: min(calc(100% - var(--side-padding) * 2), var(--max-viewport-width));
  --grid-outer-columns-template: [full-width-start] 1fr [main-content-area] var(--grid-inner-width) 1fr [full-width-end];
  --grid-inner-gutter: 40px;
  --grid-inner-columns-count: 12;
  --grid-inner-columns-template: repeat(var(--grid-inner-columns-count), 1fr);
  --grid-half: span 6;
  --grid-one-thirds: span 4;
  --grid-two-thirds: span 8;
  --grid-5-12: span 5;
  --grid-7-12: span 7;
  --grid-side-width: max(0px, calc((100% - var(--grid-inner-width)) / 2));
  --grid-column-width: calc((min(calc(100% - var(--side-padding)), var(--max-viewport-width)) - var(--grid-inner-gutter) * (var(--grid-inner-columns-count) - 1)) / var(--grid-inner-columns-count));
  --spacing-4: .25rem;
  --spacing-8: .5rem;
  --spacing-12: .75rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-64: 4rem;
  --spacing-72: 4.5rem;
  --spacing-80: 5rem;
  --radius-5: .3125rem;
  --radius-3: .1875rem;
  --radius-10: .625rem;
  --radius-15: .9375rem;
  --radius-50: 3.125rem;
  --fz-4: .25rem;
  --fz-10: .625rem;
  --fz-12: .75rem;
  --fz-14: .875rem;
  --fz-16: 1rem;
  --fz-18: 1.125rem;
  --fz-20: 1.25rem;
  --fz-22: 1.375rem;
  --fz-24: 1.5rem;
  --fz-28: 1.75rem;
  --fz-32: 2rem;
  --fz-40: 2.5rem;
  --fz-48: 3rem;
  --fz-55: 3.4375rem;
  --fz-64: 4rem;
  --fz-80: 5rem;
  --letter-spacing-small: .2rem;
  --letter-spacing-medium: .72rem
}
@media (min-width: 810px) and (max-width: 1199px) {

  :root,
  :before,
  :after {
    --grid-gap: 88px;
    --side-padding: 32px;
    --grid-inner-gutter: 32px
  }
}

@media (max-width: 809px) {

  :root,
  :before,
  :after {
    --grid-gap: 64px;
    --side-padding: 24px;
    --grid-inner-gutter: 32px
  }
}

* {
  box-sizing: border-box
}

html {
  font-family: var(--font-raleway);
  font-feature-settings: "pnum" on, "lnum" on, "liga" off;
  font-weight: 500;
  background-color: #f6f6f6;
  scroll-behavior: smooth;
  font-size: 16px;
  line-height: 1.35
}

html.white-bg {
  background-color: var(--white)
}

main {
  /*avoid blank screen on shorter pages*/
  min-height: 100vh;
  display: grid;
  background-color: white;
  grid-template-columns: var(--grid-outer-columns-template)
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: clip
}

@media (max-width: 809px) {
  body {
    /*
    padding-bottom: 90px
    */
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: 400;
  margin: 0;
  padding: 0
}

.mb-auto {
  margin-bottom: auto
}

.grid-layout {
  --columns: 4;
  width: 100%;
  margin: auto;
  display: grid;
  grid-column: var(--main-area);
  grid-template-columns: repeat(var(--columns), 1fr);
  row-gap: var(--spacing-48);
  column-gap: var(--spacing-8);
  /*padding: var(--spacing-48) 0*/
}

.grid-layout[data-columns="2"] {
  --columns: 2
}

.grid-layout[data-columns="3"] {
  --columns: 3
}

.grid-layout[data-columns="4"] {
  --columns: 4
}

.grid-layout[data-columns="5"] {
  --columns: 5
}

.grid-layout[data-columns="6"] {
  --columns: 6
}

.grid-layout[data-columns="7"] {
  --columns: 7
}

.grid-layout[data-columns="8"] {
  --columns: 8
}

.grid-layout[data-columns="9"] {
  --columns: 9
}

.grid-layout[data-columns="10"] {
  --columns: 10
}

.grid-layout[data-columns="11"] {
  --columns: 11
}

.grid-layout[data-columns="12"] {
  --columns: 12
}

.grid-layout__subtitle {
  padding-top: var(--spacing-32);
  font-size: var(--fz-12);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-small);
  color: var(--bluish-gray)
}

.grid-layout__title {
  font-size: var(--fz-28);
  font-weight: 600;
  color: var(--primary);
  padding-block: var(--spacing-16)
}

.grid-layout__ctas {
  display: flex;
  flex-flow: row;
  gap: var(--spacing-24);
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32);
}

.grid-layout__input {
  color: var(--primary);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8)
}

.grid-layout__input>div:first-child {
  font-weight: 600;
  font-size: var(--fz-14)
}




.grid-layout__line {
  height: 5px;
  background: var(--bluish-light-gray)
}

.placeholder {
  height: 50px;
  background: var(--dark-gray);
  opacity: .2;
  border-radius: var(--radius-5);
  display: flex;
  align-items: center;
  padding: var(--spacing-16)
}

.placeholder.table {
  height: 80vh
}

.hide-lg {
  display: none
}

.lg-col-1 {
  grid-column: span 1
}

.lg-col-2 {
  grid-column: span 2
}

.lg-col-3 {
  grid-column: span 3
}

.lg-col-4 {
  grid-column: span 4
}

.lg-col-5 {
  grid-column: span 5
}

.lg-col-6 {
  grid-column: span 6
}

.lg-col-7 {
  grid-column: span 7
}

.lg-col-8 {
  grid-column: span 8
}

.lg-col-9 {
  grid-column: span 9
}

.lg-col-10 {
  grid-column: span 10
}

.lg-col-11 {
  grid-column: span 11
}

.lg-col-12 {
  grid-column: span 12
}

@media (max-width: 1199px) {
  .hide-md {
    display: none
  }

  .md-col-1 {
    grid-column: span 1
  }

  .md-col-2 {
    grid-column: span 2
  }

  .md-col-3 {
    grid-column: span 3
  }

  .md-col-4 {
    grid-column: span 4
  }

  .md-col-5 {
    grid-column: span 5
  }

  .md-col-6 {
    grid-column: span 6
  }

  .md-col-7 {
    grid-column: span 7
  }

  .md-col-8 {
    grid-column: span 8
  }

  .md-col-9 {
    grid-column: span 9
  }

  .md-col-10 {
    grid-column: span 10
  }

  .md-col-11 {
    grid-column: span 11
  }

  .md-col-12 {
    grid-column: span 12
  }
}

@media (max-width: 809px) {
  .hide-sm {
    display: none
  }

  .sm-col-1 {
    grid-column: span 1
  }

  .sm-col-2 {
    grid-column: span 2
  }

  .sm-col-3 {
    grid-column: span 3
  }

  .sm-col-4 {
    grid-column: span 4
  }

  .sm-col-5 {
    grid-column: span 5
  }

  .sm-col-6 {
    grid-column: span 6
  }

  .sm-col-7 {
    grid-column: span 7
  }

  .sm-col-8 {
    grid-column: span 8
  }

  .sm-col-9 {
    grid-column: span 9
  }

  .sm-col-10 {
    grid-column: span 10
  }

  .sm-col-11 {
    grid-column: span 11
  }

  .sm-col-12 {
    grid-column: span 12
  }
}

.bar-navigation-clip {
  grid-column: var(--full-width);
  margin-top: 50px;
  height: 90px;
  display: flex;
  align-items: flex-end;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  --circle-size: 65px;
  --border-radius: 25px;
  --distance: 10px
}

@media (min-width: 1200px) {
  .bar-navigation-clip {
    display: none
  }
}

.bar-navigation-clip__left,
.bar-navigation-clip__right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: calc((100% - 112px)/2);
  flex-shrink: 0
}

.bar-navigation-clip__left {
  background: linear-gradient(to right, #b70175, #604198);
  height: 100%;
  margin-right: -1px
}

.bar-navigation-clip__left a:nth-child(2) {
  margin-right: calc(-1 * var(--spacing-24));
  z-index: 1
}

.bar-navigation-clip__right {
  background: linear-gradient(to right, #4758a6, #0191c8);
  height: 100%;
  flex-grow: 1;
  margin-left: -1px
}

.bar-navigation-clip__right a:nth-child(1) {
  margin-left: calc(-1 * var(--spacing-24));
  z-index: 1
}

.bar-navigation-clip__center {
  width: 112px;
  height: 90px;
  clip-path: url(#nav-path);
  background: linear-gradient(to right, #604198, #4758a6);
  position: relative
}

.bar-navigation-clip__circle {
  bottom: 54px;
  position: absolute;
  width: 64px;
  height: 64px;
  background-color: var(--white);
  border-radius: 50%;
  left: -1px;
  right: 0;
  margin: auto;
  box-shadow: 0 10px 40px #00689633;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s
}

.bar-navigation-clip__circle>div {
  height: 20px;
  width: 20px;
  background: var(--primary)
}

.bar-navigation-clip__circle:hover,
.bar-navigation-clip__circle.active {
  transform: translateY(calc(-1 * var(--spacing-4))) scale(1.1);
}

.menu-item {
  cursor: pointer;
}

.bar-navigation-clip .menu-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: var(--spacing-8);
  text-decoration: none;
  opacity: .6;
  transition: opacity .3s ease-in
}

.bar-navigation-clip .menu-item .icon {
  font-size: var(--fz-24);
  color: var(--white)
}

.bar-navigation-clip .menu-item span {
  color: var(--white);
  font-size: var(--fz-10);
  font-weight: 600
}

.bar-navigation-clip .menu-item:hover,
.bar-navigation-clip .menu-item.active {
  opacity: 1
}

.bar-navigation-svg {
  height: 0;
  position: absolute
}

.lot-search {
  background-color: var(--white);
  padding: var(--spacing-24);
  box-shadow: var(--soft-blue-shadow);
  border-radius: var(--radius-10)
}

.lot-search__data-wrapper {
  display: none;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-32);
  padding-top: var(--spacing-24)
}


.lot-search__data-wrapper.basic.visible {
  grid-template-columns: repeat(1, 1fr)
}

.lot-search__data-wrapper.visible {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr)
}

.lot-search__data-wrapper__input,
.lot-search__data-wrapper__input .lot-search__data-wrapper__searchbar {
  width: 100%
}

.lot-search__data-wrapper__input label {
  font-weight: 700;
  font-size: var(--fz-14);
  color: #18305b;
  padding-bottom: var(--spacing-8);
  display: flex
}

.lot-search__data-wrapper__searchbar {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-image: linear-gradient(white, white), linear-gradient(to right, rgba(200, 1, 125, .2), rgba(0, 163, 224, .2));
  background-origin: border-box;
  background-clip: padding-box, border-box
}

.lot-search__data-wrapper__buttons-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: var(--spacing-16);
  color: var(--white)
}

.lot-search__data-wrapper__buttons-container.advanced {
  width: 100%;
  align-items: flex-end
}

@media screen and (min-width: 810px) {
  .lot-search__data-wrapper.visible {
    grid-template-columns: repeat(2, 1fr)
  }

  .lot-search__data-wrapper.basic.visible {
    grid-template-columns: 1fr auto
  }

  .lot-search__data-wrapper__buttons-container,
  .lot-search__data-wrapper__searchbar {
    grid-column: span 2;
    flex-direction: row
  }
}

@media screen and (min-width: 1200px) {
  .lot-search__data-wrapper.visible {
    grid-template-columns: repeat(3, 1fr)
  }

  .lot-search__data-wrapper__buttons-container,
  .lot-search__data-wrapper__searchbar {
    grid-column: auto
  }

  .lot-search__data-wrapper__buttons-container {
    width: 400px
  }
}

.lot-card {
  display: flex;
  border-radius: var(--radius-10);
  background-color: var(--white);
  border: 1px solid var(--primary-20);
  overflow: hidden;
  --pulse-color: var(--primary-20)
}

.lot-card a {
  text-decoration: none
}

.lot-card.green {
  --pulse-color: var(--dark-green)
}

.lot-card.yellow4 {
  --pulse-color: var(--alert-warn)
}

.lot-card.yellow {
  --pulse-color: #B8AF00
}
.lot-card.yellow2 {
  --pulse-color: #EFC100
}
.lot-card.yellow3 {
  --pulse-color: #CCB200
}
 .lot-card.yellow5 {
   --pulse-color: #F09E00
 }
.lot-card.red {
  --pulse-color: var(--alert-error)
}

.lot-card.grey {
  --pulse-color: var(--bluish-gray)
}

.lot-card__left {
  padding: var(--spacing-16);
  flex-grow: 2;
  position: relative
}

.lot-card__left__header {
  display: flex;
  gap: var(--spacing-24);
  align-items: flex-start
}

.lot-card__left__header__images {
  display: flex;
  gap: var(--spacing-8);
  align-items: flex-end;
  font-size: var(--fz-14);
  font-weight: 700
}

.lot-card__left__header__images__image:first-child:last-child {
  width: 128px;
  height: 97px;
}

.lot-card__left__header__images__image {
  aspect-ratio: 128/97;
  height: auto;
  width: clamp(84px, 6vw, 128px);
  border-radius: var(--radius-10);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover
}

.lot-card__left__header__wrapper {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4);
  align-items: flex-start
}

.lot-card__left__header__wrapper__logo {
  object-fit: cover;
  max-height: 50px;
  max-width: 150px;
  background-color: var(--secondary)
}

.lot-card__left__header__wrapper__model {
  font-size: var(--fz-22);
  font-weight: 600;
  color: var(--primary)
}

.lot-card__left__header__wrapper__model:hover {
  text-decoration: underline;
  cursor: pointer;
}

.lot-card__left__header__checkbox {
  position: absolute;
  right: var(--spacing-16);
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-user-select: none;
  user-select: none
}

.lot-card__left__header__checkbox__input {
  position: absolute;
  opacity: 0;
  margin: 0;
  width: inherit;
  height: inherit;
  cursor: pointer
}

.lot-card__left__header__checkbox__checkmark {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 50%;
  border: 1px solid var(--light-gray);
  font-size: var(--fz-18);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center
}

.lot-card__left__header__checkbox__checkmark:before {
  display: none
}

.lot-card__left__header__checkbox__input:hover~.lot-card__left__header__checkbox__checkmark {
  background-color: var(--light-gray)
}

.lot-card__left__header__checkbox__input:checked~.lot-card__left__header__checkbox__checkmark {
  background-color: var(--secondary);
  border: 1px solid var(--secondary)
}

.lot-card__left__header__checkbox__input:checked~.lot-card__left__header__checkbox__checkmark:before {
  display: block;
  color: var(--white)
}

.lot-card__left__info {
  display: flex;
  gap: var(--spacing-16);
  padding: var(--spacing-8) 0 var(--spacing-8) 0;
  flex-wrap: wrap
}


.lot-card__left__info>.label-value {
  width: 11ch
}

.lot-card__left__info_descr {
  display: flex;
  gap: var(--spacing-8);
  padding: var(--spacing-12) 0 var(--spacing-8) 0;
  flex-wrap: wrap
}

.lot-card__left__info_descr>.label-value {
  width: 11ch
}

.lot-card__right {
  padding: var(--spacing-16);
  background-color: var(--bluish-light-gray);
  width: 390px;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  flex-shrink: 0
}

.lot-card__right__header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.lot-card__right__info {
  display: flex
}

.lot-card__right__footer {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.lot-card__right__cta-wrapper {
  display: flex;
  justify-content: center;
  margin: auto 0;
  align-self: center;
  width: 10rem
}

.lot-card__right__bid-wrapper {
  margin-left: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1);
  margin-top: auto
}

.lot-card__right__bid-wrapper__message {
  font-size: var(--fz-12);
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  padding: var(--spacing-8) var(--spacing-16);
  background: var(--pulse-color)
}

.lot-card__right__bid-wrapper__input {
  height: 41px;
  margin: 0 var(--spacing-16) var(--spacing-16);
  display: flex;
  box-shadow: inset 0 0 0 2px var(--primary);
  border-radius: var(--radius-5);
  overflow: hidden;
  background: var(--white)
}

.lot-card__right__bid-wrapper__input input {
  border: none;
  flex-grow: 1;
  background: transparent;
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.lot-card__right__bid-wrapper__input button {
  background-color: var(--primary);
  aspect-ratio: 1/1;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-22)
}

.lot-card.live-card .lot-card__right {
  width: 770px;
  padding-bottom: 0
}

.lot-card.animated {
  animation: pulse 1.5s infinite
}

.lot-card.gradient-border {
  background: linear-gradient(white, white) padding-box, var(--linear-gradient-h) border-box
}

@media (max-width: 809px) {
  .lot-card {
    flex-flow: column
  }

  .lot-card__left {
    padding: var(--spacing-8);
    flex-grow: 2;
    position: relative
  }

  .lot-card__left__header {
    flex-flow: row;
    gap: var(--spacing-16);
    padding: var(--spacing-12);
  }

  .lot-card__left__header__wrapper__model {
    font-size: var(--fz-18)
  }

  .lot-card__left__info {
    gap: var(--spacing-12);
    padding: var(--spacing-12);
  }

  .lot-card__left__info_descr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-12);
    padding: var(--spacing-12);
  }

  .lot-card__right__info {
    flex-flow: column;
    gap: var(--spacing-16)
  }

  .lot-card__right__cta-wrapper {
    width: 100%
  }
}

@media (max-width: 1199px) {
  .lot-card {
    flex-flow: column
  }

  .lot-card__right {
    width: 100% !important
  }
}

.tabs {
  display: flex;
  overflow: scroll;
  width: 100%;
  border-bottom: 1px solid var(--light-gray);
  align-self: flex-end;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.tabs::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tabs {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.tabs.align-start {
  align-self: flex-start
}

.tabs:has(:only-child:last-child) {
  border-bottom: none
}

.tabs__element {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 700;
  padding: var(--spacing-8) var(--spacing-16);
  position: relative;
  border: none;
  background: none;
  font-family: var(--font-raleway);
  min-width: 100px;
  cursor: pointer
}

.tabs__element.active {
  color: var(--accent)
}

.tabs__element.active:before {
  opacity: 1
}

.tabs__element:hover:before {
  opacity: .5
}

.tabs__element:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: currentColor;
  left: 0;
  right: 0;
  bottom: -1px;
  opacity: 0;
  transition: all .3s
}

.tabs.full-width {
  align-self: auto;
  width: auto
}

.tabs.full-width .tabs__element {
  width: 100%
}

.tabs.full-screen {
  width: calc(100% + 2 * var(--spacing-16));
  margin: 0 -16px;
  padding: 0 var(--spacing-16)
}

.gradient-title-card {
  border-radius: var(--radius-10);
  background-color: var(--white);
  padding: var(--spacing-24);
  flex-grow: 2
}

.gradient-title-card.border {
  border: 1px solid var(--primary-10)
}

.gradient-title-card__title {
  font-size: var(--fz-28);
  font-weight: 700;
  background: var(--linear-gradient-h);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: var(--spacing-20);
  display: inline-block
}

.gradient-title-card__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-12)
}

.gradient-title-card.vertical-flow__wrapper {
  flex-flow: column
}

.gradient-title-card.horizontal-flow {
  display: flex;
  gap: var(--spacing-48);
  flex-flow: row;
  flex-wrap: wrap
}

.gradient-title-card.horizontal-flow .gradient-title-card__title {
  margin-bottom: 0
}

.gradient-title-card.horizontal-flow .gradient-title-card__wrapper {
  flex-flow: row;
  flex-grow: 2;
  align-items: center;
  flex-wrap: wrap
}

.auction-live-block {
  grid-column: var(--main-area);
  display: flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--spacing-12);
  padding: var(--spacing-24) 0
}

.auction-live-block__title-wrapper {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: var(--spacing-8)
}

.auction-live-block__title-wrapper__title {
  font-size: var(--fz-40);
  font-weight: 500
}

.auction-live-block__infos {
  display: grid;
  gap: var(--spacing-24);
  grid-template-columns: repeat(3, 1fr);
  flex-wrap: wrap
}

.auction-live-block__infos .gradient-title-card:first-of-type {
  grid-column: span 2
}

.auction-live-block__infos>div:last-child {
  grid-column: span 1
}

@media screen and (max-width: 809px) {
  .auction-live-block__infos {
    grid-template-columns: repeat(1, 1fr)
  }

  .auction-live-block__infos .gradient-title-card:first-of-type {
    grid-column: span 1
  }

  .auction-live-block__infos>div:last-child {
    grid-column: span 1
  }
}

.line.astro-J57JEPE4 {
  height: 1px;
  background: var(--linear-gradient-h);
  grid-column: var(--main-area)
}

.step-bar {
  --top: 110px;
  grid-column: var(--full-width);
  background: var(--white);
  position: sticky;
  top: var(--top);
  z-index: 3
}

.step-bar ul {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent
}

.step-bar__item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  gap: var(--fz-16);
  padding: var(--fz-16) var(--fz-24);
  justify-content: space-between;
  color: #18305b;
  border: 1px solid #ceedf9;
  border-left: none;
  font-size: var(--fz-16);
  line-height: 20px
}

.step-bar__item.active {
  display: flex;
}

.step-bar__item.active .circle {
  background: var(--secondary);
  color: var(--white)
}

.step-bar__item.last {
  border-right: none
}

.step-bar__item__number {
  text-align: center;
  font-weight: 700;
  letter-spacing: .2px
}

.step-bar__item__check {
  width: var(--fz-16);
  height: var(--fz-16);
  border-radius: var(--fz-16);
  border: 1px solid var(--light-gray);
  color: var(--white)
}

.step-bar__item__check.ok {
  background: var(--alert-success, #5dbe7b);
  border: none;
  font-size: var(--fz-12);
  text-align: center
}

.step-bar__item__check.ok .icon {
  line-height: var(--fz-16);
  width: var(--fz-16);
  display: block
}

.step-bar__item__text {
  flex-grow: 1
}

.step-bar__item__text__title {
  color: var(--primary, #18305b);
  font-weight: 700;
  letter-spacing: -.4px
}

.step-bar__item__text__subtitle {
  font-size: var(--fz-12);
  letter-spacing: .2px;
  opacity: .6
}

.step-bar__item.active .step-bar__item__line {
  position: absolute;
  height: 4px;
  background-color: var(--secondary);
  bottom: -1px;
  left: 0;
  width: 100%
}
@media screen and (max-width: 809px) {
  .step-bar__item.active .step-bar__item__line {
    width: var(--stepPercentage)
  }
}

.step-bar .circle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 10px;
  background: rgba(24, 48, 91, .1);
  border: 3px solid #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex
}

.partners-grid {
  grid-column: var(--main-area);
  gap: var(--spacing-32);
  display: flex;
  flex-flow: column;
  padding: var(--spacing-40) 0
}

.partners-grid__cards {
  display: grid;
  grid-gap: var(--spacing-24)
}

.partners-grid__cards__card {
  background-color: var(--white);
  border-radius: var(--radius-10);
  min-height: 22rem;
  padding: var(--spacing-24) var(--spacing-32);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24);
  box-shadow: var(--soft-blue-shadow)
}

.partners-grid__cards__card__header,
.partners-grid__cards__card__main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16)
}

.partners-grid__cards__card__separator {
  height: 1px;
  width: 100%;
  background-color: var(--bluish-gray)
}

@media screen and (min-width: 810px) {
  .partners-grid__cards {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width: 1200px) {
  .partners-grid__cards {
    grid-template-columns: repeat(3, 1fr)
  }
}

.partner-card {
  background-color: var(--white);
  border-radius: var(--radius-10);
  padding: var(--spacing-24) var(--spacing-32);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24);
  box-shadow: var(--soft-blue-shadow)
}

.partner-card__header,
.partner-card__main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: center
}

.partner-card__header__img {
  height: 3rem
}

.partner-card__header__stars {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-8)
}

.partner-card__header__stars__star {
  font-size: 2rem;
  color: var(--yellow)
}

.partner-card__separator {
  height: .5px;
  width: 100%;
  background-color: var(--bluish-gray)
}

.formconfirm {
  color: #18305b;
  grid-column: var(--full-width);
  background: white;
  margin: auto;
  width: 100%;
  padding: var(--spacing-72) 0 calc(var(--spacing-72) * 2)
}

.formconfirm .viewport {
  max-width: 802px;
  margin: auto;
  width: 100%;
  padding: 0 var(--side-padding);
  gap: var(--spacing-40);
  display: flex;
  flex-direction: column
}

.formconfirm h2 {
  font-size: var(--fz-16)
}

.formconfirm__wrapper,
.formconfirm__wrapper__disclaimer {
  display: flex;
  flex-direction: column;
  gap: var(--fz-20)
}

.formconfirm__wrapper__disclaimer h3 {
  font-weight: 700;
  line-height: normal
}

.formconfirm__wrapper__disclaimer p {
  font-weight: 600
}

.formconfirm__wrapper__radio label {
  padding-right: var(--spacing-40)
}

.formconfirm__cta {
  grid-column: var(--main-area);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  max-width: 1002px
}

@media screen and (min-width: 810px) {
  .formconfirm .viewport {
    padding: 0
  }

  .formconfirm__cta {
    flex-direction: row
  }
}

.registration {
  padding: var(--spacing-72) 0
}

.profile-data {
  color: #18305b;
  grid-column: var(--full-width);
  background: white
}

.profile-data__wrapper {
  display: none;
  margin: auto;
  padding: 0 var(--grid-side-width);
  flex-direction: column;
  gap: 40px
}

.profile-data__wrapper .viewport {
  max-width: 802px;
  margin: auto;
  width: 100%;
}

.label-value {
  --font-size-value: var(--fz-16);
  width: 100%;
  max-width: 30ch;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4)
}

.label-value.small {
  --font-size-value: var(--fz-14)
}


.label-value.row-reverse {
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
  gap: var(--spacing-8)
}

.label-value.row {
  flex-flow: row;
  align-items: baseline;
  gap: var(--spacing-8);
  justify-content: center
}

.label-value.text-center {
  text-align: center;
  align-items: center
}

.label-value.full-width {
  width: 100%;
  max-width: 100%
}

.label-value.fit-content {
  width: -moz-fit-content;
  width: fit-content
}

.label-value .icon {
  font-size: var(--fz-20)
}

.label-value__description {
  font-size: var(--fz-12);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-small);
  color: var(--bluish-gray);
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.lot-card__left .label-value__description {
  letter-spacing: unset;
}


.label-value__value {
  font-size: var(--font-size-value);
  color: var(--primary);
  font-weight: 600;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4);
  word-break: break-word
}

.label-value__value.accent-color {
  color: var(--accent)
}

.label-value__value__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-4)
}

.label-value__value .icon {
  color: var(--bluish-gray)
}

.label-value__value .icon.color-secondary {
  color: var(--secondary)
}



.search {
  background: var(--white);
  box-shadow: 0 14px 34px #00000026;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 10px;
  z-index: 1;
  align-self: flex-end;
  padding: var(--spacing-24);
  grid-column: var(--main-area);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-24);
  height: max-content;
  min-width: min(100%, 1000px);
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  margin-top: -150px;
}

/*.p-checkbox-box {*/
/*  outline: 0 none;*/
/*  outline-offset: 0;*/
/*  border-color: #00a0df;*/
/*}*/

.search__description-wrapper {
  display: flex;
  gap: var(--spacing-8);
  flex-direction: column
}

.search__description-wrapper__title {
  font-weight: 700;
  font-size: var(--fz-14);
  color: var(--accent);
  padding: 0;
  margin: 0;
  text-align: center
}

.search__description-wrapper__description {
  font-weight: 500;
  font-size: var(--fz-14);
  color: #18305b;
  text-align: center;
  padding-bottom: 1rem
}

.search__data-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-24)
}

.search__data-wrapper__searchbar {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-image: linear-gradient(white, white), linear-gradient(to right, rgba(200, 1, 125, .2), rgba(0, 163, 224, .2));
  background-origin: border-box;
  background-clip: padding-box, border-box
}

.search__data-wrapper__buttons-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: var(--spacing-16);
  color: var(--white)
}

@media screen and (min-width: 810px) {

  .search__description-wrapper__description,
  .search__description-wrapper__title {
    text-align: left;
    padding-bottom: 0
  }

  .search__data-wrapper {
    justify-content: space-between;
    flex-direction: row
  }

  .search__data-wrapper__searchbar {
    width: 50%
  }

  .search__data-wrapper__buttons-container {
    width: 250px;
    flex-direction: row
  }
}

@media screen and (min-width: 1200px) {
  .search__data-wrapper {
    justify-content: space-between;
    flex-direction: row
  }

  .search__data-wrapper__searchbar {
    width: 50%
  }

  .search__data-wrapper__buttons-container {
    max-width: none;
    width: 250px;
    flex-direction: row
  }
}

.auction-categories{
  padding: 1rem 0 4rem 0;
  /*padding:var(--grid-gap) 0;*/
  grid-column:var(--main-area);
  display:flex;
  flex-direction:column;
  grid-gap: unset !important;
  gap:var(--grid-gap)

}

.auction-category {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

.auction-category__header .header__title {
  color: var(--primary);
  font-weight: 600;
  font-size: var(--fz-32)
}

.auction-category__header .header__separator {
  width: 16rem;
  height: 2px;
  background: linear-gradient(to left, transparent, rgba(200, 1, 125, .4), rgba(7, 143, 203, .4) 60%);
  margin-top: var(--spacing-12)
}

.auction-category__auctions-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

@media screen and (min-width: 810px) {
  .auction-category__header .header__title {
    font-size: var(--fz-48)
  }
}

.auction-card {
  --showcase-horizontal-padding: var(--spacing-16);
  background-color: var(--white);
  filter: drop-shadow(0px 10px 20px rgba(0, 104, 150, .2));
  border-radius: var(--radius-10);
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.auction-card__info,
.auction-card__showcase {
  padding: var(--spacing-24) var(--spacing-16)
}

.auction-card__info {
  background-color: var(--bluish-light-gray);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

.auction-card__info .title {
  font-size: var(--fz-22);
  color: var(--primary);
  font-weight: 500
}

.auction-card__showcase {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-16)
}

.auction-card__showcase .swiper {
  width: calc(100% + 2 * var(--showcase-horizontal-padding));
  margin: 0 calc(-1 * var(--showcase-horizontal-padding))
}

.auction-card__showcase .swiper .swiper-slide {
  background-color: var(--white);
  width: 16rem;
  height: 16rem
}

.auction-card__showcase .swiper .swiper-slide__img {
  border-radius: var(--radius-10);
  height: inherit;
}

.auction-card__showcase .swiper .swiper-slide:not(.swiper-slide-active) .swiper-slide__img {
  opacity: .5
}

.auction-card__showcase .swiper .swiper-slide:not(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) .swiper-slide__img {
  opacity: .2
}

.auction-card__showcase .swiper .swiper-button-prev,
.auction-card__showcase .swiper .swiper-button-next {
  display: none
}

.auction-card__showcase .btn.simple {
  color: var(--accent);
  font-weight: 700;
  padding: 0;
  min-height: auto;
  align-self: center
}

@media screen and (min-width: 810px) {

  .auction-card__showcase .swiper .swiper-button-prev,
  .auction-card__showcase .swiper .swiper-button-next {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 var(--primary-60);
    background: white;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .auction-card__showcase .swiper .swiper-button-prev:after,
  .auction-card__showcase .swiper .swiper-button-next:after {
    content: none
  }

  .auction-card__showcase .swiper .swiper-button-prev .icon,
  .auction-card__showcase .swiper .swiper-button-next .icon {
    color: var(--primary);
    font-size: var(--fz-16)
  }
}

@media screen and (min-width: 1200px) {
  .auction-card {
    flex-direction: row
  }

  .auction-card__info {
    padding: var(--spacing-32) var(--spacing-16);
    width: 26rem;
    gap: var(--spacing-32)
  }

  .auction-card__info .title {
    font-size: var(--fz-32)
  }

  .auction-card__showcase {
    flex: 1;
    min-width: 48rem;
    flex-direction: row;
    padding-top: var(--spacing-48)
  }

  .auction-card__showcase .btn,
  .auction-card__showcase .label-value {
    flex-basis: content
  }

  .auction-card__showcase .swiper {
    order: 1
  }
}
.hero {
  width: 100%;
  color: var(--white);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  position: relative;
  top: calc(-1 * var(--header-main-height));
  height: calc(60vh - var(--header-small-height));
  background-image: linear-gradient(
    0deg,
    #f4f5f6 0%,
    rgba(244, 245, 246, 0) 31.39%
  ),
  linear-gradient(
    18.98deg,
    rgba(10, 29, 67, 0.5) 19.93%,
    rgba(10, 29, 67, 0) 33.65%
  );
}
.hero.hp {
  height: calc(100vh - var(--header-small-height));
}
.hero img,
.hero picture {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*object-position: center;*/
}
.hero__data {
  padding: 0 var(--side-padding);
  z-index: 1;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-32);
}

.hero__data.w-100 {
  width: 100%
}

.hero__data .btn {
  margin-bottom: calc(-1 * var(--spacing-16));
}
.hero__pretitle {
  font-weight: 600;
  font-size: var(--fz-20);
  letter-spacing: var(--letter-spacing-medium);
  text-transform: uppercase;
  z-index: 1;
}
.hero__title {
  font-weight: 500;
  font-size: var(--fz-64);
  text-shadow: 0 4px 34px #18305b;
}
.hero__subtitle {
  font-weight: 500;
  font-size: var(--fz-18);
  max-width: 655px;
}
.hero__line {
  position: absolute;
  max-width: 100%;
  width: 100vw;
  transform: rotate(-2.5deg);
  overflow: hidden;
  height: 40px;
  bottom: 0;
  left: 0;
  grid-column: var(--full-width);
}
.hero__line span {
  display: block;
  height: 20px;
  position: absolute;
}
.hero__line span.top {
  top: 0;
  left: 20px;
  width: 220vw;
  background: linear-gradient(90deg, #c6007e 0%, #00a3e0 100%);
}
.hero__line span.bottom {
  top: 20px;
  right: 20px;
  width: 100vw;
  background: linear-gradient(90deg, #2d7fca 0%, #02a2e0 100%);
}

.hero.catalogue {
  height: 70vh;
}

@media screen and (max-width: 1199px) {
  .hero {
    align-items: center
  }

  .hero__data .btn {
    margin-bottom: 0;
    width: 100%
  }

  .hero__data {
    text-align: center;
    align-items: center;
    gap: var(--spacing-16)
  }

  .hero__cta-wrapper {
    min-width: 17rem
  }

  .hero__line {
    bottom: 15px;
  }
  .hero__line span.top {
    left: 20px;
    width: 180vw;
  }
  .hero__line span.bottom {
    top: 20px;
    right: 20px;
    width: 100vw;
  }
}

@media screen and (max-width: 810px) {

  .hero__cta-wrapper {
    min-width: 17rem
  }

  .hero__pretitle {
    font-size: var(--fz-12);
  }
  .hero__title {
    font-size: var(--fz-40);
  }
  .hero__subtitle {
    font-size: var(--fz-16);
  }
}
@media screen and (min-width: 1200px) {
  .hero.hp img,
  .hero.hp picture {
    object-position: bottom;
  }
  .hero__data {
    padding: var(--padding);
  }
  .hero__line {
    bottom: 30px;
  }
  .hero__line span.top {
    left: 20px;
    width: 100vw;
  }
  .hero__line span.bottom {
    top: 20px;
    left: 0;
    width: 30vw;
  }
}
.btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-8) var(--spacing-24);
  gap: var(--spacing-8);
  max-width: 350px;
  min-height: 44px;
  text-decoration: none;
  font-size: var(--fz-14);
  font-weight: 600;
  cursor: pointer
}

.btn span {
  transition: all .3s ease-in-out
}

.btn.full-width {
  max-width: none;
  width: 100%
}


.btn.start {
  justify-content: flex-start;
}


.btn.half-width {
  max-width: none;
  width: 50%
}

.btn.full-height {
  max-height: none;
  height: 100%
}

.input-group.double-gap.full-height {
  max-height: none;
  height: 100%
}

.btn.fit-content {
  width: -moz-fit-content;
  width: fit-content
}

.btn.primary {
  border-radius: var(--radius-5);
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 1px 10px #0000001f, 0 4px 5px #00000024, 0 2px 4px -1px #0003 !important;
}

.btn.primary.centered {
  margin: auto;
  min-width: 327px;
}

.btn.primary:before {
  content: "";
  inset: 0;
  background: currentColor;
  position: absolute;
  z-index: -1;
  transition: filter .3s ease-in-out
}


.btn.primary.color-gradient:before {
  background: var(--linear-gradient-h)
}

.btn.primary span {
  color: var(--white)
}

.btn.primary.color-white span {
  color: var(--primary)
}

.btn.primary:hover:before {
  filter: brightness(.7)
}

.btn.secondary {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: var(--radius-5);
  color: var(--accent)
}

.btn.secondary:hover {
  background: var(--accent);
  color: var(--white)
}

.btn.bordered {
  box-shadow: inset 0 0 0 1px currentColor;
  border-radius: var(--radius-5);
  color: currentColor;
  transition: background-color .3s ease-in-out
}

.btn.bordered:hover {
  background-color: currentColor
}

.btn.bordered:hover:not(.color-white) span {
  color: var(--white)
}

.btn.bordered:hover.color-white span {
  color: var(--primary)
}

.btn.disabled {
  filter: saturate(40%);
  opacity: .5;
  pointer-events: none
}

.btn.simple {
  color: var(--white);
  font-weight: 600;
  padding: 0;
  min-height: 28px;
  position: relative;
  z-index: 1
}

.btn.wide {
  padding: var(--spacing-8) var(--spacing-48);
}

.btn.simple:before {
  content: "";
  left: calc(-1 * var(--spacing-8));
  right: calc(-1 * var(--spacing-8));
  top: calc(-1 * var(--spacing-4));
  bottom: calc(-1 * var(--spacing-4));
  border-radius: var(--radius-5);
  background: currentColor;
  opacity: 0;
  position: absolute;
  z-index: -1;
  transition: opacity .2s ease-in-out
}

.btn.simple:hover:before {
  opacity: .1
}

.btn.filter {
  padding: var(--spacing-8) var(--spacing-16)
}


.btn.small-filter {
  color: var(--white);
  font-size: var(--fz-12);
  font-weight: 600;
  padding: 0 var(--spacing-8);
  min-height: 28px;
  position: relative;
  z-index: 1;
  gap: var(--spacing-4)
}
.btn.small-filter .icon {
  font-size: var(--fz-14)
}
.btn.small-filter:before {
  content: "";
  inset: 0;
  border-radius: var(--radius-5);
  background: var(--white);
  opacity: 1;
  position: absolute;
  z-index: -1;
  transition: opacity .2s ease-in-out
}
.btn.small-filter:hover:before {
  opacity: .6
}
.btn.small-filter.bg-gray:before {
  background-color: var(--bright-gray)
}
.btn.small-filter.bg-primary:before {
  background-color: var(--primary)
}
.btn.bg-white {
  background-color: var(--white)
}

.btn.color-primary {
  color: var(--primary)
}

.btn.color-white {
  color: var(--white)
}

.header__main .right-container .profile .btn {
  z-index: 2;
}

.btn.color-accent {
  color: var(--accent)
}

.btn.color-secondary {
  color: var(--secondary)
}

.btn.color-grey {
  border: 1px solid rgba(24, 48, 91, .1);
  border-radius: var(--radius-50);
  box-shadow: none;
  color: #18305b;
  min-height: auto
}

.btn.color-grey.active {
  position: relative;
  overflow: hidden;
  border: double 1px transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background: linear-gradient(to right, rgb(200, 1, 125), rgb(0, 163, 224));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent
}

.btn.color-grey.active.active:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: linear-gradient(
    to right,
    rgb(200, 1, 125),
    rgb(0, 163, 224)
  );
  inset: 0;
  border-radius: var(--radius-50)
}
.btn.color-grey.active.active:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  background: #f6f6f6;
  border-radius: var(--radius-50)
}
.btn.round {
  border-radius: 50%;
  width: 3rem;
  height: 3rem
}
.btn.round .icon {
  font-size: var(--fz-20)
}
.btn.no-bg:before {
  display: none
}

.btn.color-grey.active.active:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  background: #f6f6f6;
  border-radius: var(--radius-50);
}

.filters-label {
  overflow-x: scroll;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: var(--side-padding)
}

.filters-label .filter {
  margin-right: var(--spacing-16)
}

.help-gradient-card-wrapper {
  grid-column: var(--main-area);
  margin: var(--spacing-48) 0
}

.help {
  grid-column: var(--full-width);
  width: 100%;
  justify-self: center;
  padding-bottom: var(--grid-gap)
}

.help__wrapper {
  grid-column: var(--main-area);
  max-width: 1069px;
  margin: auto;
  width: 100%;
  padding: 0 var(--side-padding)
}

.help__wrapper .filter span {
  font-size: var(--fz-14)
}

.help__faq-container {
  padding-top: var(--spacing-32)
}

.help__faq-container .dropdown-container {
  margin: 1rem auto;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden
}

.help__faq-container .dropdown-container header {
  cursor: pointer;
  transition: background-color .35s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fz-24);
  color: #18305b;
  padding-bottom: 1rem
}

.help__faq-container .dropdown-container header h2 {
  color: #18305b;
  font-size: var(--fz-16);
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 500
}

.help__faq-container .dropdown-container header h2 span {
  font-size: var(--fz-40);
  padding-right: var(--spacing-40);
  font-weight: 400;
  letter-spacing: -.5px;
  font-feature-settings: "pnum" on, "lnum" on;
  width: 12%;
  line-height: var(--fz-55)
}

.help__faq-container .dropdown-container header .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.help__faq-container .dropdown-container article {
  font-style: normal;
  font-weight: 400;
  font-size: var(--fz-14);
  color: #18305b
}

.help__faq-container .dropdown-container article ol {
  margin-top: 0
}

.help__faq-container .dropdown-container article ul li {
  list-style-type: lower-alpha
}

.help__faq-container .dropdown-container .expand {
  float: right;
  transform: rotate(45deg);
  transition: transform .4s ease-in-out
}

.help__faq-container .dropdown-container.open .expand {
  transform: rotate(0)
}

.help__faq-container .dropdown-container article {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease-in-out
}

.help__faq-container .dropdown-container .article-inner {
  padding: 0 var(--spacing-40)
}

.help__faq-container .dropdown-container .article-inner p {
  padding-bottom: 1rem
}

@media screen and (min-width: 810px) {
  .help {
    grid-column: var(--main-area);
    max-width: 1069px
  }

  .help .filter span {
    font-size: var(--fz-20)
  }

  .help__faq-container .dropdown-container header {
    font-size: var(--fz-32)
  }

  .help__faq-container .dropdown-container header h2 {
    font-size: var(--fz-32)
  }

  .help__faq-container .dropdown-container header h2 span {
    font-size: var(--fz-55);
    line-height: var(--fz-80);
    padding-right: var(--spacing-64)
  }

  .help__faq-container .dropdown-container article {
    font-size: var(--fz-18)
  }

  .help__faq-container .dropdown-container .article-inner {
    padding: 0 12%
  }
}

.search-wrapper {
  grid-column: var(--main-area);
  padding-bottom: var(--spacing-64)
}

.components-wrapper.astro-44TKJOHA {
  grid-column: var(--full-width);
  display: flex;
  gap: var(--spacing-32);
  flex-wrap: wrap;
  align-items: flex-start;
  padding: var(--grid-gap) var(--grid-side-width);
  background: #dddddd
}

.components-wrapper__title.astro-44TKJOHA {
  width: 100%;
  font-size: var(--fz-32);
  font-weight: 500;
  color: var(--primary);
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: var(--spacing-16)
}

.components-wrapper__list.astro-44TKJOHA {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-32)
}

.components-wrapper.astro-4OJLOTHQ {
  grid-column: var(--full-width);
  display: flex;
  gap: var(--spacing-32);
  flex-wrap: wrap;
  align-items: flex-start;
  padding: var(--grid-gap) var(--grid-side-width);
  background: #dddddd
}

.components-wrapper__title.astro-4OJLOTHQ {
  width: 100%;
  font-size: var(--fz-32);
  font-weight: 500;
  color: var(--primary);
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: var(--spacing-16)
}

.components-wrapper__list.astro-4OJLOTHQ {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-32)
}

.description-wrapper {
  text-align: center;
  color: var(--primary);
  max-width: 1069px;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-32);
  margin: auto
}

.description-wrapper__title {
  font-weight: 600;
  font-size: var(--fz-32);
  line-height: 120%;
  padding-bottom: 1rem;
}

.description-wrapper__title i {
  font-style: normal;
  background: linear-gradient(90deg, #666666 0%, #999999 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.customized-timeline-home .p-timeline-event-opposite {
  flex: 0;
}
.customized-timeline-home .p-timeline-event:nth-child(2n) {
  flex-direction: row !important;
}
.customized-timeline-home .p-card {
  margin-top: 1rem;
}
.customized-timeline-home .p-timeline-event:nth-child(2n) .p-timeline-event-content {
  text-align: left !important;
}

.customized-timeline-home .p-timeline-event-connector {
  height: 70px;
  background-color: #C8017DFF;
}

.customized-timeline-home.p-timeline-vertical .p-timeline-event-connector {
  width: 5px;
}


.description-wrapper__title.ecomm {
  font-size: var(--fz-40);
  padding-bottom: 3rem;
}

.description-wrapper__title.ecomm i {
  font-style: normal;
  background: var(--accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}


.description-wrapper__subtitle {
  padding: 0 var(--side-padding);
  font-weight: 500;
  font-size: var(--fz-18);
  line-height: 170%;
  max-width: 877px;
  margin: auto
}


@media screen and (min-width: 810px) {
  .description-wrapper__title {
    font-size: var(--fz-55);
  }

  .description-wrapper__title.ecomm {
    font-size: var(--fz-48);
    padding-bottom: 2rem;
  }

  .description-wrapper__subtitle.homepage {
    padding: 0;
    font-weight: 500;
    font-size: var(--fz-22);
    line-height: 170%;
    max-width: 877px;
    padding-top: 2rem;
    margin: 0
  }

  .description-wrapper.row-layout {
    text-align: start;
    max-width: 2069px;
    flex-flow: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    gap: 8rem;
  }
}

@media screen and (min-width: 1200px) {
/*  .description-wrapper.align-left-desktop {
    text-align: left;
    align-items: flex-start
  }
  .description-wrapper.align-left-desktop .description-wrapper__subtitle {
    padding: 0
  }*/
}

.about {
  grid-column: var(--main-area);
  padding-bottom: var(--grid-gap)
}

.steps-wrapper .tabs-label {
  display: flex;
  align-items: center;
  text-align: center;
  list-style: none;
  justify-content: center;
  padding-top: var(--side-padding);
  padding-bottom: 0;
  margin-bottom: 0;
  padding-left: 0
}

.steps-wrapper .tabs-label .tab {
  border-bottom: 1px solid #e3e3e3;
  font-weight: 700
}

.steps-wrapper .tabs-label .tab a {
  text-decoration: none;
  cursor: pointer;
  font-size: var(--fz-14);
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 40px;
  color: var(--primary)
}

.steps-wrapper .tabs-label .tab.active,
.steps-wrapper .tabs-label .tab:active {
  border-bottom: 2px solid #c8017d
}

.steps-wrapper .tabs-label .tab.active a,
.steps-wrapper .tabs-label .tab:active a {
  color: #c8017d
}

.steps-wrapper .tabs-wrapper {
  /* padding: var(--spacing-32) var(--side-padding) */
}

.steps-wrapper .tabs-wrapper .tab-content {
  display: none
}

.steps-wrapper .tabs-wrapper .tab-content.visible {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--side-padding);
}


@media screen and (min-width: 1200px) {
  .steps-wrapper .tabs-wrapper .tab-content.visible.two-columns-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--side-padding);
  }

  .steps-wrapper .tabs-wrapper .tab-content.visible.four-columns-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--side-padding);
  }
}

.margin-bot {
  margin-bottom: 10em;
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage {
  grid-column: span 3;
  text-align: center;
  font-feature-settings: "liga" off;
  color: var(--primary);
  font-weight: 600;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-16);
  align-items: center;
  /* padding: var(--spacing-20) var(--side-padding) 0 */
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail .icon,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail h3,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage .icon,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage h3 {
  font-weight: 600;
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail .icon,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage .icon {
  border: 2px solid rgba(24, 48, 91, .1);
  border-radius: 50px;
  padding: 20px;
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage .icon,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage h3 {
  font-size: var(--fz-32);
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage p {
  font-weight: 500;
  font-size: var(--fz-22);
  opacity: .7;
  margin-bottom: 0;
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail .icon,
.steps-wrapper .tabs-wrapper .tab-content .steps-detail h3 {
  font-size: var(--fz-24);
}

.steps-wrapper .tabs-wrapper .tab-content .steps-detail p {
  font-weight: 500;
  font-size: var(--fz-16);
  opacity: .7;
  margin-bottom: 0;
}

@media screen and (min-width: 810px) {
  .steps-wrapper .tabs-wrapper {
    /* padding: 3rem var(--side-padding) 0 */
  }
}

@media screen and (min-width: 1200px) {
  .steps-wrapper .tabs-wrapper .tab-content .steps-detail,
  .steps-wrapper .tabs-wrapper .tab-content .steps-detail-homepage {
    grid-column: span 1;
  }
}


.cards-wrapper {
  grid-column: var(--full-width);
  background-image: linear-gradient(rgb(245, 247, 251) 0%, rgba(245, 247, 251, 0) 100%);
  padding: var(--side-padding) 0
}

.card {
  width: var(--grid-inner-width);
  margin: auto;
  background-image: linear-gradient(rgb(245, 247, 251) 0%, rgba(245, 247, 251, 0) 100%);
}

.steps_b2c {
  grid-column: var(--full-width);
  background: var(--linear-gradient-light);
  padding: var(--grid-gap) var(--grid-side-width);
  display: grid;
  gap: var(--spacing-80);
  justify-content: center;
}


.steps_b2c.no-gradient {
  background: none
}

.steps_b2c__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--side-padding);
  justify-content: space-around
}

.steps_b2c__detail {
  grid-column: span 3;
  text-align: center;
  font-feature-settings: "liga" off;
  color: var(--primary);
  font-weight: 600;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-16);
  align-items: center
}

.steps_b2c__detail .icon,
.steps_b2c__detail h3 {
  font-size: var(--fz-24);
  font-weight: 600
}

.steps_b2c__detail p {
  font-weight: 500;
  font-size: var(--fz-16);
  opacity: .7;
  margin-bottom: 0
}

.steps_b2c__detail .icon {
  border: 2px solid rgba(24, 48, 91, .1);
  border-radius: 50px;
  padding: 20px
}

.steps_b2c .btn {
  margin: auto;
  min-width: 327px
}

@media screen and (min-width: 1200px) {
  .steps_b2c__wrapper {
    flex-direction: row
  }

  .steps_b2c__detail {
    grid-column: span 1;
    max-width: 18%
  }
}

.card__wrapper {
  padding: var(--grid-gap) 0 3rem;
  display: grid;
  justify-content: center;
  gap: var(--spacing-32);
  grid-template-columns: repeat(1, 1fr)
}

.card__wrapper__box {
  position: relative;
  grid-column: span 1;
  background: #ffffff;
  box-shadow: 0 10px 20px #00689633;
  border-radius: var(--radius-10);
  overflow: visible;
  border: double 1px transparent;
  background-image: linear-gradient(white, white), linear-gradient(to left, rgba(200, 1, 125, .2), rgba(0, 163, 224, .2));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  /* gap: var(--spacing-24); */
  min-height: 480px
}

.card__wrapper__box img:not(google-map img) {
  display: inline-block;
  width: 100%;
  aspect-ratio: 2/.9;
  min-height: 12.5rem;
  object-fit: cover;
  object-position: center
}

.card__wrapper__box img.login {
  position: absolute;
  height: 100%;
  max-height: none
}

.card__wrapper__box .content {
  font-weight: 600;
  color: #18305b;
  padding: var(--spacing-32);
  display: flex;
  /*display: grid;*/
  text-align: left;
  text-wrap: balance;
  flex-grow: 1;
  flex-flow: column;
  gap: var(--spacing-16);
  min-height: 164px;
  justify-content: flex-end;
  align-self: flex-start;
  width: 100%
}

.card__wrapper__box .content__wrapper {
  display: flex;
  justify-content: space-between;
  height: 100%;
  gap: var(--spacing-8)
}
.card__wrapper__box .content__cta {
  align-self: flex-end
}

.card__wrapper__box .content__cta_card {
  align-self: flex-end;
  visibility: hidden;
}

.card__wrapper__box .content__cta_card.visible {
  align-self: flex-end;
  visibility: visible;
}

.card__wrapper__box .content h3 {
  font-size: var(--fz-20);
  letter-spacing: var(--letter-spacing-medium);
  text-transform: uppercase;
  font-weight: 600
}

.card__wrapper__box .content p {
  font-size: var(--fz-32);
  font-weight: 600
}

.card__wrapper__box .content.login {
  align-items: center;
  margin: auto;
  justify-content: center
}

.card__wrapper__box .content.login h3 {
  font-weight: 600;
  font-size: var(--fz-32);
  text-align: center;
  letter-spacing: normal;
  text-transform: none
}

.card__wrapper__box .content.login p {
  font-weight: 600;
  font-size: var(--fz-14);
  font-feature-settings: "pnum" on, "lnum" on;
  text-align: center
}

.card__wrapper__box .content.login a {
  justify-self: center;
  z-index: 2
}

.card__wrapper__box .content.login a.simple {
  font-weight: 700;
  font-size: var(--fz-14);
  color: #c8017d
}

@media screen and (min-width: 810px) {
  .card__wrapper {
    grid-template-columns: 1fr
  }

  .card__wrapper__box img:not(google-map img) {
    min-height: 200px
  }

  .card__wrapper__box .content {
    gap: var(--spacing-24)
  }
  .card__wrapper__box .content h3 {
    font-size: var(--fz-20)
  }
  .card__wrapper__box .content p {
    font-size: var(--fz-32)
  }
  .card__wrapper__box .content.login h3 {
    font-size: var(--fz-48)
  }
  .card__wrapper__box.content.login {
    gap: var(--spacing-32)
  }
}

@media screen and (min-width: 1200px) {
  .card__wrapper {
    grid-template-columns: repeat(2, 1fr)
  }
}


.pages-wrapper.astro-J7PV25F6 {
  padding: var(--spacing-64) 0;
  grid-column: var(--main-area);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-12)
}

.pages-wrapper.astro-J7PV25F6 span.astro-J7PV25F6 {
  font-size: var(--fz-32);
  font-weight: 600;
  margin-bottom: var(--spacing-32)
}

.pages-wrapper.astro-J7PV25F6 div.astro-J7PV25F6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-12)
}

.pages-wrapper.astro-J7PV25F6 a.astro-J7PV25F6 {
  text-decoration: none
}

.pages-wrapper.astro-J7PV25F6 a.astro-J7PV25F6:hover {
  text-decoration: underline
}

.formdata {
  display: grid;
  row-gap: var(--spacing-40);
  width: 100%
}

.formdata .subtitle {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between
}

.formdata .subtitle .edit {
  width: min-content;
  margin-left: auto;
  max-width: none
}

.formdata__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: var(--spacing-24);
  row-gap: var(--spacing-48)
}

.formdata__wrapper__double {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--spacing-24)
}

.formdata__wrapper__input {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing-8);
  font-size: var(--fz-14);
  font-weight: 600
}

.formdata__wrapper__input input {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-color: var(--bright-gray)
}

.formdata__radio {
  font-weight: 600
}

.formdata__cta {
  margin-top: var(--spacing-8);
  gap: var(--spacing-24);
  display: grid;
  grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width: 810px) {

  .formdata__wrapper,
  .formdata__cta {
    grid-template-columns: repeat(2, 1fr)
  }
}

.social-icon {
  font-size: var(--fz-28);
  position: absolute;
  left: var(--spacing-24)
}

.formlogin {
  color: #18305b;
  grid-column: var(--full-width);
  background: white;
  margin: auto;
  width: 100%;
  padding: var(--spacing-72) 0 calc(var(--spacing-72) * 2)
}

.formlogin.no-padded,
.formlogin.no-padded .formlogin__wrapper {
  padding: 0
}

.formlogin__wrapper {
  max-width: 390px;
  margin: auto;
  width: 100%;
  padding: 0 var(--spacing-24);
  gap: var(--spacing-32);
  display: flex;
  flex-direction: column
}

.formlogin__wrapper.two-columns {
  max-width: none
}

.formlogin__wrapper__descr {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

.formlogin__wrapper__descr h2 {
  text-align: center;
  font-size: var(--fz-28);
  font-weight: 600;
  line-height: 34px
}

.formlogin__wrapper__descr h3 {
  text-align: center;
  font-size: var(--fz-24);
  font-weight: 600;
  line-height: 32px
}

.formlogin__wrapper__descr p {
  font-size: var(--fz-14);
  line-height: 20px
}

.formlogin__wrapper__datalogin {
  display: flex;
  flex-direction: column;
  align-self: end;
  width: 100%;
  gap: var(--spacing-8);
  border-bottom: 5px solid #f2f4f6;
  padding-bottom: var(--spacing-48)
}

.formlogin__wrapper__datalogin .formdata__wrapper {
  grid-template-columns: repeat(1, 1fr);
  row-gap: var(--spacing-16)
}

.formlogin__wrapper__datalogin .btn {
  align-self: end
}

.formlogin__wrapper__datalogin .btn.primary {
  margin-top: var(--spacing-16)
}

.formlogin__wrapper__dataregistration {
  gap: var(--spacing-12);
  display: flex;
  flex-direction: column
}

.formlogin__wrapper__dataregistration h5 {
  text-align: center;
  font-size: var(--fz-14);
  font-weight: 700;
  line-height: 20px
}

@media screen and (min-width: 810px) {
  .formlogin__wrapper {
    padding: 0
  }
}

.search-wrapper.astro-LCBGOXRS,
.card-wrapper.astro-LCBGOXRS {
  grid-column: var(--main-area);
  padding: var(--spacing-64) 0 var(--spacing-32)
}

.purchase-card {
  display: flex;
  border-radius: var(--radius-10);
  background-color: var(--white);
  border: 1px solid var(--primary-20);
  overflow: hidden;
  margin-bottom: var(--spacing-16)
}

.purchase-card a {
  text-decoration: none
}

.purchase-card__left {
  padding: var(--spacing-16);
  flex-grow: 2;
  position: relative
}

.purchase-card__left__header {
  display: flex;
  gap: var(--spacing-24);
  align-items: flex-start
}

.purchase-card__left__header__images {
  display: flex;
  gap: var(--spacing-8);
  align-items: flex-end;
  font-size: var(--fz-14);
  font-weight: 700
}

.purchase-card__left__header__images__image:first-child:last-child {
  width: 129px;
  height: 97px
}

.purchase-card__left__header__images__image {
  aspect-ratio: 129/97;
  height: auto;
  width: clamp(60px, 8vw, 128px);
  background: transparent;
  border-radius: var(--radius-10);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover
}

.file-preview {
  border-radius: var(--radius-10);
  object-fit: cover;
  position: relative;
  background-color: var(--bright-gray);
  min-height: 10vh;
  display: flex;
}

.file-preview img{
  width: 100%;
  height: 20rem;
  object-fit: cover;
}

.file-preview .filename {
  margin: auto;
}

.purchase-card__left__header__wrapper {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4);
  align-items: flex-start;
  justify-content: space-between;
  width: 100%
}

.purchase-card__left__header__wrapper__logo {
  object-fit: cover;
  height: 24px;
  width: 24px;
  background-color: var(--secondary)
}

.purchase-card__left__header__wrapper__model {
  font-size: var(--fz-22);
  font-weight: 700;
  color: var(--primary)
}

.purchase-card__left__header__wrapper__model:hover {
  text-decoration: underline
}

.purchase-card__left__header__wrapper__head {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.purchase-card__left__header__wrapper__rate {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%
}

.purchase-card__left__header__wrapper__votes,
.purchase-card__left__header__wrapper__myvote {
  display: flex;
  align-items: center;
  gap: var(--spacing-8)
}

.purchase-card__left__header__wrapper__votes .votes,
.purchase-card__left__header__wrapper__myvote .votes {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--spacing-8)
}

.purchase-card__left__header__checkbox {
  position: absolute;
  right: var(--spacing-16);
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-user-select: none;
  user-select: none
}

.purchase-card__left__header__checkbox__input {
  position: absolute;
  opacity: 0;
  margin: 0;
  width: inherit;
  height: inherit;
  cursor: pointer
}

.purchase-card__left__header__checkbox__checkmark {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 50%;
  border: 1px solid var(--light-gray);
  font-size: var(--fz-18);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center
}

.purchase-card__left__header__checkbox__checkmark:before {
  display: none
}

.purchase-card__left__header__checkbox__input:hover~.purchase-card__left__header__checkbox__checkmark {
  background-color: var(--light-gray)
}

.purchase-card__left__header__checkbox__input:checked~.purchase-card__left__header__checkbox__checkmark {
  background-color: var(--secondary);
  border: 1px solid var(--secondary)
}

.purchase-card__left__header__checkbox__input:checked~.purchase-card__left__header__checkbox__checkmark:before {
  display: block;
  color: var(--white)
}

.purchase-card__left__info {
  display: flex;
  gap: var(--spacing-32);
  padding: var(--spacing-24) 0 var(--spacing-8) 0;
  flex-wrap: wrap
}

.purchase-card__left__info>.label-value {
  width: 15ch
}

.purchase-card__right {
  padding: var(--spacing-16);
  background-color: var(--bluish-light-gray);
  width: 390px;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-16);
  flex-shrink: 0;
  justify-content: center
}

.purchase-card__right__header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.purchase-card__right__info {
  display: flex
}

.purchase-card__right__bid-wrapper {
  margin-left: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1)
}

.purchase-card__right__bid-wrapper__message {
  font-size: var(--fz-12);
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  padding: var(--spacing-8) var(--spacing-16);
  background: var(--pulse-color)
}

.purchase-card__right__bid-wrapper__input {
  height: 51px;
  margin: 0 var(--spacing-16) var(--spacing-16);
  display: flex;
  box-shadow: inset 0 0 0 2px var(--primary);
  border-radius: var(--radius-5);
  overflow: hidden;
  background: var(--white)
}

.purchase-card__right__bid-wrapper__input input {
  border: none;
  flex-grow: 1;
  background: transparent;
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.purchase-card__right__bid-wrapper__input button {
  background-color: var(--primary);
  aspect-ratio: 1/1;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-22)
}

.purchase-card.live-card .purchase-card__right {
  width: 610px;
  padding-bottom: 0
}

.purchase-card.animated {
  animation: pulse 1.5s infinite
}

.purchase-card.gradient-border {
  background: linear-gradient(white, white) padding-box, var(--linear-gradient-h) border-box
}

 .star {
  font-size: var(--fz-20);
  color: var(--yellow);
  position: relative;
  padding-right: var(--fz-4)
}

 .star .icon-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.purchase-card .star-holder {
  display: flex;
  align-items: center;
  flex-direction: row-reverse
}

.star:hover .icon-hover,
 .star:hover~.star .icon-hover {
  opacity: 1
}

.purchase-card .star__checked .icon-hover,
.purchase-card .star__checked~.star .icon-hover {
  opacity: 1
}

.purchase-card .rate,
.purchase-card .rated {
  float: left;
  height: var(--fz-28);
  display: flex;
  cursor: pointer
}

.purchase-card .rate.disabled,
.purchase-card .rated.disabled {
  pointer-events: none
}

@media (max-width: 809px) {
  .purchase-card {
    flex-flow: column
  }

  .purchase-card__left__header {
    flex-flow: column;
    gap: var(--spacing-16)
  }

  .purchase-card__left__header__wrapper__model {
    font-size: var(--fz-18)
  }

  .purchase-card__left__header__wrapper__rate {
    flex-direction: column
  }

  .purchase-card__left__info {
    gap: var(--spacing-16)
  }

  .purchase-card__right__info {
    flex-flow: column;
    gap: var(--spacing-16)
  }
}

@media (max-width: 1199px) {
  .purchase-card {
    flex-flow: column
  }

  .purchase-card__right {
    width: 100% !important
  }
}

@media (min-width: 809px) and (max-width: 1199px) {
  .purchase-card__right {
    flex-direction: row
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--white-80), 0 0 0 0 var(--pulse-color)
  }

  50% {
    box-shadow: 0 0 0 3px var(--white-80), 0 0 0 6px var(--pulse-color)
  }

  80% {
    box-shadow: 0 0 0 6px transparent, 0 0 0 7px var(--pulse-color)
  }
}

.sortby {
  grid-column: var(--main-area)
}

.sortby__additional-filters {
  display: flex;
  justify-content: space-between;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  flex-wrap: wrap;
  row-gap: var(--spacing-16)
}

.sortby__additional-filters__flex {
  display: flex;
  column-gap: var(--spacing-32);
  row-gap: var(--spacing-16);
  align-items: flex-end;
  flex-wrap: wrap
}

.sortby .select-input {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 700;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  flex-shrink: 0
}

.sortby .select-input.horizontal {
  flex-flow: row;
  align-items: center
}

.sortby .select-input__rectangle {
  height: 50px;
  min-width: 200px;
  border: 1px solid var(--primary-10);
  border-radius: var(--radius-5);
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.sortby .select-input__circle {
  border-radius: 40px;
  height: 30px;
  width: 50px;
  flex-shrink: 0;
  margin: 10px 0;
  background: var(--white)
}

.sortby__page-selector {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-16);
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-72)
}

.search-wrapper.astro-VOBYA3PC,
.card-wrapper.astro-VOBYA3PC {
  grid-column: var(--main-area)
}

.search-wrapper.astro-VOBYA3PC {
  padding: var(--spacing-40) 0 var(--spacing-16) 0
}

.card-wrapper.astro-VOBYA3PC {
  padding: var(--spacing-16) 0 var(--spacing-72) 0
}

.message-section {
  grid-column: var(--main-area);
  max-width: 30rem;
  padding: 9rem 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-48);
  align-items: center;
  justify-content: center
}

.error-message {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: center
}

.error-message__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-8);
  font-size: var(--fz-16);
  text-wrap: balance
}

.error-message__text__subtitle {
  max-width: 26rem
}

.title {
  font-size: var(--fz-28);
  font-weight: 500;
  color: var(--primary);
  text-wrap: balance
}

.title.center {
  text-align: center
}

.title.max-width {
  max-width: 28rem
}

.title.small {
  font-size: var(--fz-24)
}

.title i {
  font-style: normal;
  background: linear-gradient(90deg, #c6007e 0%, #00a3e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.description-wrapper .title {
  font-size: var(--fz-48);
  font-weight: 600;
}

.title .icon {
  margin-right: var(--spacing-4);
  line-height: inherit;
  vertical-align: bottom
}

@media screen and (max-width: 809px) {
  .title.small-mobile {
    font-size: var(--fz-20)
  }
}

.profile-data {
  color: #18305b;
  padding-top: var(--spacing-72);
  grid-column: var(--full-width);
  background: white
}

.profile-data__wrapper {
  display: none;
  margin: auto;
  flex-direction: column;
  gap: var(--spacing-72)
}

.profile-data__wrapper .viewport {
  max-width: 802px;
  margin: auto;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-72);
  padding: 0 var(--side-padding)
}

.profile-data__wrapper.visible {
  display: flex
}

.profile-data__wrapper h2 {
  font-size: var(--fz-28);
  font-weight: 700
}

.profile-data__wrapper h5 {
  font-size: var(--fz-14);
  letter-spacing: .175rem;
  text-transform: uppercase
}

@media screen and (min-width: 810px) {
  .profile-data__wrapper .viewport {
    padding: 0
  }
}

.formpolicy {
  display: grid;
  row-gap: var(--spacing-40);
  padding-bottom: var(--spacing-64)
}

.formpolicy.no-padding{
  padding-bottom:0
}

.formpolicy__header{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-24)
}

.formpolicy__header .weight-600,.formpolicy__header label{
  font-weight:600
}

.formpolicy__wrapper {
  display: grid;
  row-gap: var(--spacing-16)
}

.formpolicy__wrapper__radio {
  font-size: var(--fz-16);
  font-weight: 600
}

.formpolicy__wrapper__radio label {
  padding-right: var(--spacing-48)
}

.formpolicy__wrapper__disclaimer p {
  font-weight: 300;
  letter-spacing: .02rem
}

.formpolicy__wrapper__disclaimer h3 {
  font-size: var(--fz-16);
  font-weight: 700;
  letter-spacing: -.01rem;
  line-height: 1.5rem
}

.formpolicy__cta {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  gap: var(--spacing-24)
}

@media screen and (min-width: 810px) {
  .formpolicy__cta {
    grid-template-columns: repeat(2, 1fr)
  }
}

.disclaimer {
  color: #18305b;
  padding: var(--spacing-72) var(--side-padding);
  grid-column: var(--full-width);
  background: var(--bright-gray)
}

.disclaimer__wrapper {
  max-width: 874px;
  margin: auto;
  width: 100%
}

.disclaimer__wrapper .icon-trash:before {
  font-size: var(--fz-18)
}

.disclaimer__pretitle {
  font-size: var(--fz-14);
  letter-spacing: .175rem;
  text-transform: uppercase;
  /*padding-bottom: var(--spacing-24);*/
  display: block
}

.disclaimer__title {
  font-size: var(--fz-24);
  font-weight: 700;
  padding-bottom: var(--spacing-16)
}

.disclaimer__description {
  font-size: var(--fz-14);
  line-height: 24px;
  padding-bottom: var(--spacing-48)
}

.referents-info {
  grid-column: var(--main-area);
  gap: var(--spacing-48);
  display: flex;
  flex-flow: column;
  padding: var(--spacing-48) 0;
  padding-top: var(--spacing-24)
}

.info-card {
  --info-columns-count: 4;
  --info-columns-count-tablet: calc(var(--info-columns-count) - 2);
  --info-columns-count-mobile: 1;
  background-color: var(--bright-gray);
  padding: var(--spacing-32) var(--spacing-32) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  border-radius: var(--radius-5)
}

.info-card__content {
  display: grid;
  grid-template-columns: repeat(var(--info-columns-count), 1fr);
  gap: var(--spacing-32)
}

.info-card__content__note {
  grid-column: span 2
}

.info-card__content__note.full-width {
  grid-column: span 4
}

@media screen and (max-width: 1199px) {
  .info-card {
    padding: var(--spacing-32) var(--spacing-16)
  }

  .info-card__content {
    grid-template-columns: repeat(var(--info-columns-count-tablet), 1fr)
  }
}

@media screen and (max-width: 809px) {
  .info-card__content {
    grid-template-columns: 1fr
  }

  .info-card__content__note {
    grid-column: auto
  }
}

.showcase-catalogue {
  grid-column: var(--main-area);
  gap: var(--spacing-16);
  display: flex;
  flex-flow: column;
  padding: var(--spacing-40) 0;
  padding-bottom: var(--spacing-8)
}

.showcase-catalogue__additional-filters {
  display: flex;
  justify-content: space-between;
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  flex-wrap: wrap;
  row-gap: var(--spacing-16)
}

@media (max-width: 809px) {
  .showcase-catalogue__additional-filters {
    gap: var(--spacing-24)
  }
}

.showcase-catalogue__additional-filters__flex {
  display: flex;
  column-gap: var(--spacing-32);
  row-gap: var(--spacing-16);
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: inherit;
  width: 100%
}

@media (max-width: 809px) {
  .showcase-catalogue__additional-filters__flex {
    width: 100%;
    gap: var(--spacing-24)
  }
}

.showcase-catalogue .select-input {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 700;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  flex-shrink: 0
}

@media (max-width: 809px) {
  .showcase-catalogue .select-input {
    width: 100%
  }
}

.showcase-catalogue .select-input.horizontal {
  flex-flow: row;
  align-items: center
}

@media (max-width: 809px) {
  .showcase-catalogue .select-input.horizontal {
    flex-flow: column-reverse;
    align-items: flex-start
  }
}

.showcase-catalogue .select-input__rectangle {
  height: 50px;
  min-width: 200px;
  border: 1px solid var(--primary-10);
  border-radius: var(--radius-5);
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.showcase-catalogue .select-input__circle {
  border-radius: 40px;
  height: 30px;
  width: 50px;
  flex-shrink: 0;
  margin: 10px 0;
  background: var(--white)
}

@media (max-width: 809px) {
  .showcase-catalogue .select-input__circle {
    margin: 0
  }
}

.showcase-catalogue__page-selector {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-16);
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-72)
}

.showcase-catalogue__search-results {
  font-size: var(--fz-16);
  font-weight: 600;
  color: var(--primary)
}

.modal {
  --modal-box-height: 43rem;
  --modal-footer-height: 6rem;
  position: fixed;
  inset: 0;
  z-index: 1000;
  /*background-color: var(--primary-60);*/
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  /*padding: 0 var(--side-padding)*/
}

.modal__box {
  background-color: var(--white);
  max-width: 35rem;
  max-height: var(--modal-box-height);
  border-radius: var(--radius-10);
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.modal__box::-webkit-scrollbar {
  display: none
}

.modal__box.width-big {
  max-width: 70rem
}

.modal__box__main {
  padding: var(--spacing-32) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  min-height: 20rem;
  font-size: var(--fz-18);
  color: var(--primary)
}

.modal__box__main.align-center {
  align-items: center
}

.modal__box__main__cta-container {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-16);
  align-self: stretch
}

.modal__box__main__mail-text {
  font-weight: 400
}

.modal__box__main__input-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--spacing-16);
  row-gap: var(--spacing-24)
}

.modal__box__main__input-container__date {
  grid-column: span 2
}

.modal__box__main__input-container .input-wrapper {
  width: 100%
}

.modal__box__main__input-container .input-wrapper__label {
  font-weight: 700;
  font-size: var(--fz-14);
  color: #18305b;
  padding-bottom: var(--spacing-8);
  display: flex
}

.modal__box__main__input-container .input-wrapper__input {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-image: linear-gradient(white, white), linear-gradient(to right, rgba(200, 1, 125, .2), rgba(0, 163, 224, .2));
  background-origin: border-box;
  background-clip: padding-box, border-box
}

.modal__box__main .icon-modal {
  background-color: var(--secondary);
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: var(--fz-32);
  color: #fff
}

.modal__box.full-screen {
  position: relative;
  max-width: min(90vw, 1580px);
  max-height:min(90vh, 1580px);
  /*width: calc(100% - 2 * var(--side-padding));*/
  height: 85%;
  border-radius: var(--radius-5);
  overflow: visible;
  background-color: transparent
}

.fullSlideImage {
  height: 90%;
}

:root swiper-container.fullScreenSwiper {
  --swiper-pagination-bottom: 5rem;
}

@media screen and (min-width: 810px) {
  .modal__box {
    min-width: 37rem
  }
}

@media screen and (max-width: 809px) {
  .modal {
    --modal-box-height: calc(100vh - 2 * (var(--header-small-height)))
  }
}

.modal__box__header {
  --modal-header-height: 5rem;
  position: sticky;
  top: 0;
  z-index: 1;
  min-height: var(--modal-header-height);
  background-color: var(--bluish-light-gray);
  padding: var(--spacing-24);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-24)
}

.modal__box__header__container {
  display: flex;
  gap: var(--spacing-24)
}

.modal__box__header__container__separator {
  width: 1px;
  height: inherit;
  background-color: var(--bluish-gray)
}

.modal__box__header__container__img {
  height: 2rem
}

.modal__box__header__close {
  position: relative;
  overflow: hidden;
  color: var(--white);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-22);
  text-decoration: none;
  cursor: pointer
}

.modal__box__header__close:after {
  content: "";
  inset: 0;
  background: var(--primary);
  position: absolute;
  z-index: -1;
  transition: filter .3s ease-in-out
}

.modal__box__header__close:hover:after {
  filter: opacity(.9)
}

@media screen and (max-width: 809px) {
  .modal__box__header__container {
    flex-direction: column;
    gap: var(--spacing-8);
    margin-bottom: auto
  }

  .modal__box__header__container__separator {
    display: none
  }

  .modal__box__header__close {
    margin-bottom: auto
  }
}

.modal__box__footer {
  position: sticky;
  bottom: 0;
  background-color: var(--bluish-light-gray);
  height: var(--modal-footer-height);
  padding: var(--spacing-24)
}

.vehicle-details {
  grid-column: var(--main-area);
  padding: var(--spacing-24) 0 var(--grid-gap);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-64)
}

.vehicle-details__top {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32)
}

.vehicle-details__documents {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-48)
}

.vehicle-details__documents__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--grid-inner-gutter)
}

@media screen and (max-width: 1199px) {
  .vehicle-details {
    gap: var(--spacing-48)
  }

  .vehicle-details__documents {
    gap: var(--spacing-40)
  }

  .vehicle-details__documents__container {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (max-width: 809px) {
  .vehicle-details__documents__container {
    grid-template-columns: 1fr
  }
}

.vehicle-details-card {
  display: grid;
  grid-gap: var(--grid-inner-gutter);
  grid-template-columns: 100%
}

.vehicle-details-card a {
  color: inherit;
  text-decoration: none
}

.vehicle-details-card__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16)
}

.vehicle-details-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--grid-inner-gutter)
}

.vehicle-details-card__content__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32)
}

.vehicle-details-card__content__separator {
  height: .25rem;
  background-color: var(--bright-gray);
  width: 100%
}

.vehicle-details-card__content__sell-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.vehicle-details-card .main-swiper {
  position: relative;
  height: 16rem
}

.vehicle-details-card .swiper-container {
  border-radius: var(--radius-5)
}

.vehicle-details-card .swiper-container .swiper-slide {
  overflow: hidden;
  border-radius: var(--radius-5);
  background-color: var(--bright-gray);
}

.vehicle-details-card .swiper-container .swiper-slide__img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.vehicle-details-card .swiper-container .swiper-button-prev,
.vehicle-details-card .swiper-container .swiper-button-next {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 var(--primary-60) !important;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-14)
}

.vehicle-details-card .swiper-container .swiper-button-prev:after,
.vehicle-details-card .swiper-container .swiper-button-next:after {
  content: none
}

.vehicle-details-card .swiper-container .swiper-button-prev .icon,
.vehicle-details-card .swiper-container .swiper-button-next .icon {
  color: var(--primary);
  font-size: var(--fz-16)
}

.vehicle-details-card .swiper-container .swiper-button-prev {
  left: 0;
  /*transform: translate(-50%)*/
}

.vehicle-details-card .swiper-container .swiper-button-next {
  right: 0;
  /*transform: translate(50%)*/
}

.vehicle-details-card .swiper-container .full-screen-btn {
  position: absolute;
  z-index: 2;
  right: var(--spacing-12);
  bottom: var(--spacing-12);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--white-80);
  display: flex;
  align-items: center;
  justify-content: center
}

.vehicle-details-card .swiper-container .swiper-disabled__cta {
  display: none
}

.vehicle-details-card .swiper-container.swiper {
  height: 100%
}

.vehicle-details-card .swiper-container.thumbs-swiper {
  display: none
}

.vehicle-details-card .swiper-container.full-screen-swiper {
  overflow: hidden;
  height: 100%;
  width: 100%
}

.vehicle-details-card .swiper-container.full-screen-swiper .swiper-slide__img {
  object-fit: contain;
  border-radius: 0
}

.vehicle-details-card .swiper-container.navigation {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1
}

.vehicle-details-card .swiper-container.swiper-disabled .swiper-button-next,
.vehicle-details-card .swiper-container.swiper-disabled .swiper-button-prev,
.vehicle-details-card .swiper-container.swiper-disabled .full-screen-btn,
.vehicle-details-card .swiper-container.swiper-disabled .swiper-slide__img,
.vehicle-details-card .swiper-container.swiper-disabled.navigation {
  display: none
}

.vehicle-details-card .swiper-container.swiper-disabled .swiper-slide {
  opacity: 1 !important;
  border: 0 !important
}

.vehicle-details-card .swiper-container.swiper-disabled .swiper-disabled__cta {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

@media screen and (min-width: 810px) {
  .vehicle-details-card {
    grid-template-columns: 40% 1fr;
    grid-template-areas: "A B" "A C"
  }

  .vehicle-details-card__showcase {
    position: relative;
    grid-area: A;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24)
  }

  .vehicle-details-card__header,
  .vehicle-details-card__content {
    min-width: 21rem
  }

  .vehicle-details-card__header {
    grid-area: B
  }

  .vehicle-details-card__content {
    grid-area: C
  }

  .vehicle-details-card__content__sell-info {
    display: flex;
    justify-content: flex-start;
    gap: 9rem
  }

  .vehicle-details-card .main-swiper {
    height: 24rem
  }

  .vehicle-details-card .swiper-container {
    width: 100%
  }

  .vehicle-details-card .swiper-container.thumbs-swiper {
    display: block;
    height: 5rem;
    overflow: hidden
  }

  .vehicle-details-card .swiper-container.thumbs-swiper .swiper-slide {
    opacity: .5
  }

  .vehicle-details-card .swiper-container.thumbs-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid var(--accent)
  }

  .vehicle-details-card .swiper-container .swiper-button-prev,
  .vehicle-details-card .swiper-container .swiper-button-next {
    height: 3rem;
    width: 3rem
  }
}

.item-download {
  display: flex;
  gap: var(--spacing-8);
  font-size: var(--fz-14);
  width: 100%
}

.item-download__label {
  flex: 1;
  min-width: 11rem;
  background-color: var(--bright-gray);
  border-radius: var(--radius-5);
  display: flex;
  align-items: center;
  gap: var(--spacing-16);
  padding: 0 var(--spacing-24)
}

.item-download__label .icon {
  font-size: var(--fz-18)
}
/* Start Cross input CSS */
.input-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.input-group.dark {
  background: var(--primary);
}

.input-group.double-gap {
  gap: var(--spacing-16);
}

.input-group:not(.dark):focus-within .input-label {
  color: var(--secondary);
}

.input-group.horizontal,
.input-group.horizontal.label-left,
.input-group.horizontal,
.input-group.horizontal.label-left {
  flex-direction: row;
  align-items: center;
}

.input-group.horizontal.label-right .input-label {
  order: 2;
}

.input-label {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 600;
  transition: color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.input-label.error {
  color: var(--alert-error);
}

.message-label {
  font-size: var(--fz-14);
  color: var(--primary);
  font-weight: 600;
  transition: color 0.2s ease-in-out;
}

.message-label.error,
.custom-icon.error {
  color: var(--alert-error) !important;
}

.input-group.dark .input-label {
  color: var(--white);
}

.custom-icon {
  font-size: var(--fz-24);
  vertical-align: middle;
  color: currentColor !important;
  top: 0 !important;
  bottom: 0 !important;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
}

.custom-icon.small {
  font-size: var(--fz-16);
}

.full-width-input {
  width: 100%;
}
/* End Cross input CSS */

/* Start Radio CSS */
.radio-checkbox-wrapper {
  display: flex;
  gap: var(--spacing-16);
  flex-wrap: wrap;
}

.radio-checkbox-wrapper.vertical {
  flex-direction: column;
  gap: var(--spacing-16);
}

.radio-checkbox-wrapper.cols-2 .radio-checkbox-container {
  width: calc((100% - var(--spacing-24)) / 2);
}

.radio-checkbox-wrapper.spacing {
  gap: var(--spacing-32);
}

.radio-checkbox-wrapper-vertical {
  flex-direction: column!important;
  flex-wrap:  nowrap!important;
}

.radio-checkbox-container {
  display: flex;
  gap: var(--spacing-8);
  align-items: center;
}

.p-radiobutton .p-radiobutton-box {
  border: none;
  box-shadow: 0 0 0 1px var(--dark-gray);
  background: var(--white);
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  box-shadow: 0 0 0 1px var(--secondary);
}

.radio-checkbox-container label {
  font-weight: 600;
  font-size: var(--fz-14);
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}

.radio-checkbox-container:hover label {
  color: var(--secondary);
}

/* End Radio CSS */

/* Start Range CSS */
.range-wrapper {
  display: flex;
  flex-flow: column;
}

.range-values {
  display: flex;
  justify-content: space-between;
  padding-top: var(--spacing-12);
}

.range-values div {
  font-size: var(--fz-14);
  font-weight: 600;
}

/* End Range CSS */

/* Start File uploader */

.upload-file-wrapper {
  min-height: 130px;
  color: var(--primary);
  background: var(--bright-gray);
  border-radius: var(--radius-10);
}

.upload-file-wrapper:has(.p-fileupload-content.p-fileupload-highlight) {
  box-shadow: 0 0 2px var(--secondary), 0 0 6px 0 var(--secondary);
}

.p-fileupload .p-fileupload-buttonbar .p-button {
  background: none;
  color: var(--accent);
}

.p-progressbar {
  display: none;
}

.upload-file-wrapper > .custom-icon {
  margin-bottom: -24px !important;
  padding-top: 24px !important;
}

.upload-file-wrapper > div:not(.selected-files):not(.fix-padding-download-label) {
  padding: 0 var(--spacing-16);
  margin-top: -25px;
  color: var(--dark-gray);
  font-weight: 600;
  pointer-events: none;
}

.selected-files {
  display: flex;
  color: var(--primary);
  flex-flow: column;
  padding: var(--spacing-16);
  gap: var(--spacing-12);
  border-top: 1px solid;
  margin-top: var(--spacing-24);
  font-weight: 600;
}

.selected-files-title {
  font-weight: 800;
}
.selected-file {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

/* End File uploader */

/* Start Table */
.align-right {
  text-align: right;
}

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

.award-cta {
  text-align: center;
  color: var(--accent) !important;
  font-weight: 800 !important;
  font-size: var(--fz-12);
}

.auction-chip {
  color: var(--primary);
  padding: var(--spacing-4) var(--spacing-8);
  border-radius: var(--radius-5);
  background: var(--secondary);
  font-weight: 800;
  width: 90px;
  text-align: center;
  margin: auto;
}

.auction-chip.completed {
  background: var(--alert-success);
}

.auction-chip.scheduled {
  background: var(--orange);
}

.auction-chip.not-awarded {
  background: var(--alert-error);
}

.auction-chip.award_table {
  background: var(--bluish-light-gray);
}

.more-info-trigger {
  height: 40px;
  box-shadow: inset 0 0 0 1px var(--accent);
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  cursor: pointer;
  position: relative;
  margin: auto;
  text-decoration: none;
}

.more-info-trigger.full-color {
  color: var(--white);
  background: var(--accent);
}

/* End Table */

/* Start Paginator */

.paginator-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/* End Paginator */

.p-inputtext,
p-inputnumber,
.p-inputnumber,
.p-password {
  width: 100%;
}

.p-inputtext:enabled:focus {
  box-shadow: 0 0 0 2px var(--secondary);
}

.p-inputtext.input-error {
  box-shadow: 0 0 0 2px var(--alert-error);
}

.ptop-6 {
  padding-top: 6px;
}

.ptop-8 {
  padding-top: 8px;
}

.ptop-10 {
  padding-top: 10px;
}

.ptop-12 {
  padding-top: 12px;
}

.ptop-18 {
  padding-top: 18px;
}

.ptop-24 {
  padding-top: 24px;
}

.ptop-10 {
  padding-top: 10px;
}

.pbottom-12 {
  padding-bottom: 12px;
}

.pbottom-18 {
  padding-bottom: 18px;
}

.p-10 {
  padding: 10px 10px 10px 10px;
}

.pbottom-24 {
  padding-bottom: 24px;
}


/* START SPINNING LOADER */
.spinning-loader {
  height: var(--size);
  width: var(--size);
  background: conic-gradient(#666666 1.5%, #999999 75%, transparent 80%);
  border-radius: 50%;
  mask-image: radial-gradient(
    circle at 50% 50%,
    transparent,
    transparent calc(var(--size) / 2 - var(--stroke)),
    black calc(var(--size) / 2 - var(--stroke))
  );
  -webkit-mask-image: radial-gradient(
    circle at 50% 50%,
    transparent,
    transparent calc(var(--size) / 2 - var(--stroke)),
    black calc(var(--size) / 2 - var(--stroke))
  );
  position: relative;
}

.spinning-loader:before {
  content: "";
  height: var(--stroke);
  width: var(--stroke);
  background: #666666;
  top: 0;
  left: calc(var(--size) / 2 - var(--stroke) / 2);
  position: absolute;
  border-radius: 50%;
}

.spinning-loader-mask {
  position: relative;
  margin: 25px auto;
  --size: 100px;
  --stroke: 8px;
  width: min-content;
  mask-image: conic-gradient(black 70%, transparent 80%, black 80%);
  -webkit-mask-image: conic-gradient(black 70%, transparent 80%, black 80%);
  animation: spin 0.8s infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* END SPINNING LOADER */

/* START BAR LOADER */
.bar-loader-mask {
  --height: 5px;
  height: var(--height);
  border-radius: var(--height);
  width: 100%;
  background: #f4f5f6;
  overflow: hidden;
}

.bar-loader {
  height: var(--height);
  background: var(--linear-gradient-h);
  transform: scaleX(0);
  border-radius: var(--height);
  transform-origin: left center;
  animation: progress 2.8s infinite;
}

@keyframes progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
/* END BAR LOADER */


.spinner-container {
  display: block;
}
.spinner-hidden {
  display: none !important;
}
.spinner-back {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-color: #dee5dd;
  z-index: 2048;
}
.spinner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: middle;
  display: inline-block;
  z-index: 2049;
  padding-top: 20%;
}

.input-label.title {
  font-size: var(--fz-18);
}

.input-group.table-container {
  box-shadow: 0 10px 20px 0 rgba(0, 104, 150, 0.2);
  gap: 0;
}

.table-title {
  display: flex;
  padding: var(--spacing-24);
  justify-content: space-between;
}

.table-container .input-label {
}

.p-overlaypanel {
  max-width: 330px;
  background-color: var(--primary);
  color: var(--white);
}

.p-overlaypanel:after {
  border-bottom-color: var(--primary);
}

.tooltip-icon {
  font-size: var(--fz-16);
  padding-left: 12px;
  margin-left: -12px;
}


.p-datatable.overflow-visible > .p-datatable-wrapper {
  overflow: visible;
}

.p-datatable .p-datatable-thead > tr > th {
  background: none;
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-bottom: none;
  color: var(--primary);
  font-size: var(--fz-14);
}

.p-datatable .p-datatable-thead > tr > th span {
  padding-left: var(--spacing-8);
}

.p-datatable .p-datatable-tbody > tr > td {
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-bottom: none;
}

.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom: 1px solid #dee2e6;
}

.p-datatable .p-datatable-thead > tr > th:last-child,
.p-datatable .p-datatable-tbody > tr > td:last-child {
  border-right: 1px solid #dee2e6;
}

.p-datatable td {
  font-weight: 400;
  color: #000;
  font-size: var(--fz-12);
}

.p-datatable .p-datatable-tbody > tr.selected,
.p-datatable .p-sortable-column:not(.p-highlight):hover,
.p-datatable .p-sortable-column.p-highlight:hover,
.p-datatable .p-sortable-column.p-highlight {
  background-color: #00a0df1a !important;
}

.p-datatable .p-sortable-column.p-highlight:hover,
.p-datatable .p-sortable-column.p-highlight,
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon,
.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: var(--secondary);
}

.p-datatable .p-datatable-tbody > tr.selected > td {
  color: var(--secondary);
  font-weight: 800;
}

.p-datatable .p-datatable-tbody > tr.lot-row {
  background-color: var(--primary) !important;
}

.p-datatable .p-datatable-tbody > tr.lot-row > td {
  color: var(--white) !important;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
}

.p-overlaypanel.menu-overlay {
  --width: 300px;
  position: absolute;
  top: 45px !important;
  width: var(--width);
  left: calc(-240px) !important;
  background-color: transparent !important;
  border-radius: var(--radius-10);
  box-shadow: none !important;
}

.p-overlaypanel.menu-overlay::before,
.menu-overlay::after {
  content: unset !important;
}

.p-overlaypanel.menu-overlay .p-overlaypanel-content {
  background-color: var(--white);
  border-radius: var(--radius-10);
  padding: 0;
  box-shadow: 0 10px 20px 0 rgba(0, 104, 150, 0.2);
}

.p-overlaypanel.menu-overlay .p-overlaypanel-content .menu-item {
  color: var(--accent);
  display: flex;
  padding: var(--spacing-16);
  gap: var(--spacing-8);
  font-size: 14px;
  align-items: center;
  font-weight: 700;
  border-bottom: 1px solid var(--bluish-light-gray);
  position: relative;
  z-index: 1;
}

.p-overlaypanel.menu-overlay .p-overlaypanel-content .menu-item:before {
  content: "";
  position: absolute;
  background: currentColor;
  inset: var(--spacing-4);
  border-radius: var(--radius-5);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  cursor: pointer;
}


.p-overlaypanel.menu-overlay .p-overlaypanel-content .menu-item:hover:before {
  opacity: 0.1;
}

.p-paginator {
  padding: 0;
}

.p-paginator .p-paginator-pages .p-paginator-page,
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  border: 2px solid var(--bright-gray);
  border-radius: var(--radius-5);
  font-weight: 600;
  color: var(--primary);
  margin-right: var(--spacing-16);
}

.p-paginator-pages button:last-child {
  margin-right: 0;
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  border-color: var(--primary-60);
  background: transparent;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-10);
}

@media (max-width: 690px) {
  .paginator-wrapper {
    flex-wrap: wrap;
    gap: var(--spacing-24);
  }

  .p-paginator .p-paginator-pages .p-paginator-page,
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    margin-right: var(--spacing-8);
    height: 32px;
    width: 32px;
    font-size: var(--fz-14);
    min-width: auto;
  }
}

.p-dialog {
  transform: unset !important;
}

.header_cdfs {
  display: grid !important;
  line-height: normal !important;
}

.radio_template {
  display: flex;
  gap: var(--spacing-24);
}

.grecaptcha-badge { visibility: hidden; }


.search-b2c {
  border-radius: var(--radius-15);
  background: var(--white-70);
  box-shadow: 0 14px 34px #00000026;
  z-index: 1;
  align-self: flex-end;
  padding: var(--spacing-24);
  grid-column: var(--main-area);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-12);
  height: max-content;
  min-width: min(100%, 1000px);
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  margin-top: var(--spacing-32)
}

.search-b2c__description-wrapper {
  display: flex;
  gap: var(--spacing-8);
  flex-direction: column
}

.search-b2c__description-wrapper__title {
  font-weight: 700;
  font-size: var(--fz-14);
  color: var(--accent);
  padding-bottom: var(--spacing-8);
  margin: 0;
  text-align: center
}

.search-b2c__description-wrapper__description {
  font-weight: 500;
  font-size: var(--fz-16);
  color: #18305b;
  text-align: center;
  padding-bottom: 1rem
}

.search-b2c__data-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-8)
}

.search-b2c__data-wrapper__searchbar {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0px var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-image: linear-gradient(white, white), linear-gradient(to right, rgb(200, 1, 125), rgb(0, 163, 224));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 4px 4px 3px 1px #6c757da1;
}

.search-b2c__data-wrapper__buttons-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: var(--spacing-16);
  color: var(--white)
}

@media screen and (min-width: 810px) {

  .search-b2c__description-wrapper__description,
  .search-b2c__description-wrapper__title {
    text-align: left;
    padding-bottom: var(--spacing-8)
  }

  .search-b2c__data-wrapper {
    gap: var(--spacing-24);
    justify-content: space-between;
    flex-direction: row
  }

  .search-b2c__data-wrapper__searchbar {
    width: 50%
  }

  .search-b2c__data-wrapper__buttons-container {
    width: 250px;
    flex-direction: row
  }
}

@media screen and (min-width: 1200px) {
  .search-b2c__data-wrapper {
    justify-content: space-between;
    flex-direction: row
  }

  .search-b2c__data-wrapper__searchbar {
    width: 50%
  }

  .search-b2c__data-wrapper__buttons-container {
    max-width: none;
    width: 250px;
    flex-direction: row
  }
}


.join {
  color: #18305b;
  grid-column: var(--full-width);
  background: var(--linear-gradient-light)
}

.join__wrapper {
  padding: var(--grid-gap) var(--grid-side-width);
  display: grid;
  gap: var(--spacing-48);
  justify-content: end;
}

.join__description {
  max-width: 644px;
  display: grid;
  gap: var(--spacing-8)
}

.join__description__title {
  font-size: var(--fz-48);
  font-weight: 700
}

.join__description__subtitle {
  font-size: var(--fz-28)
}

@media screen and (max-width: 809px) {
  .join__wrapper {
    max-width: 33rem
  }

  .join__description__title {
    font-size: var(--fz-32)
  }

  .join__description__subtitle {
    font-size: var(--fz-18)
  }
}



.main-wrapper {
  grid-column: var(--main-area);
  padding: var(--side-padding) 0;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-24)
}


.filter-container {
  width: 290px;
  background: white;
  display: flex;
  flex-shrink: 0;
  flex-flow: column;
  padding: 0 var(--spacing-16);
  border-radius: var(--radius-5);
  top: 142px;
  overflow: visible;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.filter-container::-webkit-scrollbar {
  display: none
}

.filter-container__mobile-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-32);
  padding-top: var(--side-padding);
  position: sticky;
  top: 0;
  background: linear-gradient(to bottom, var(--white) 60%, transparent)
}

.filter-container__mobile-header__title {
  font-size: var(--fz-18);
  font-weight: 600
}

.filter-container__mobile-header__close {
  font-size: var(--fz-24);
  color: var(--white);
  background: var(--primary);
  border-radius: var(--radius-5);
  padding: var(--spacing-4)
}

@media (max-width: 1199px) {
  .filter-container {
    position: fixed;
    z-index: 10;
    height: 100%;
    width: 100%;
    inset: 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: var(--side-padding);
    padding-top: 0;
    border-radius: 0;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    opacity: 0;
    transform: translateY(100vh) scale(.9);
    pointer-events: none
  }

  .filter-container__mobile-header {
    display: flex
  }

  .filter-container.show {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: all
  }
}

.filter-accordion {
  border-bottom: 1px solid var(--primary-10)
}

.filter-accordion.--hide-border {
  border: none
}

.filter-accordion__trigger {
  padding: 0;
  background: transparent;
  border: none;
  padding: var(--spacing-24) 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: var(--primary);
  cursor: pointer
}

.filter-accordion__trigger__title {
  font-size: var(--fz-18);
  color: currentColor;
  font-family: var(--font-raleway);
  font-weight: 600;
  transition: color .2s ease-in-out
}

.filter-accordion__trigger .icon {
  font-size: var(--fz-24);
  color: currentColor;
  transition: color .2s ease-in-out, transform .2s ease-in-out
}

.filter-accordion.active .filter-accordion__contents {
  grid-template-rows: 1fr
}

.filter-accordion:hover .filter-accordion__trigger,
.filter-accordion.active .filter-accordion__trigger {
  color: var(--secondary)
}

.filter-accordion.active .filter-accordion__trigger .icon {
  transform: rotate(180deg)
}

.filter-accordion__contents {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease-in-out
}

.filter-accordion__contents>div {
  overflow: hidden
}

.filter-accordion__contents>div>div {
  padding-bottom: var(--spacing-24)
}

.filter-accordion__contents__colors-container {
  display: grid;
  grid-template-columns: repeat(4, 3rem);
  row-gap: var(--spacing-24);
  justify-content: space-between;
  color: var(--primary)
}

.filter-accordion__contents__colors-container button {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  align-items: center;
  transition: color .2s ease-in-out
}

.filter-accordion__contents__colors-container button .filter-accordion__contents__colors-container__color-circle {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  padding: 2px
}

.filter-accordion__contents__colors-container button .filter-accordion__contents__colors-container__color-circle>div {
  height: 100%;
  border-radius: inherit
}

.filter-accordion__contents__colors-container button label {
  font-size: var(--fz-12)
}

.filter-accordion__contents__colors-container button:hover {
  color: var(--bluish-gray-70)
}

.filter-accordion__contents__colors-container button:focus {
  outline: revert
}

.filter-accordion__contents__colors-container .bordered .filter-accordion__contents__colors-container__color-circle>div {
  border: 1px solid var(--bluish-gray)
}

.filter-accordion__contents__colors-container .active .filter-accordion__contents__colors-container__color-circle {
  border: 2px solid var(--primary)
}

.filter-accordion__contents__colors-container .active:hover {
  color: var(--primary)
}

.vehicles-section {
  display: flex;
  flex-flow: column;
  width: 100%
}

.vehicles-section__header {
  width: 100%;
  display: grid;
  justify-content: space-between
}

.vehicles-section__header__title {
  font-size: var(--fz-32);
  font-weight: 700;
  color: var(--primary);
  grid-column: span 2;
  margin-bottom: var(--spacing-8)
}

.vehicles-section__header__results {
  font-size: var(--fz-14);
  font-weight: 700;
  color: var(--primary);
  margin-top: auto
}

.vehicles-section__header__sort {
  font-size: var(--fz-14);
  font-weight: 700;
  color: var(--primary);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  grid-row: span 2
}

.vehicles-section__header__filter {
  display: none;
  font-size: var(--fz-14);
  font-family: var(--font-raleway);
  gap: var(--spacing-4);
  color: var(--primary);
  font-weight: 600;
  border: none;
  padding: var(--spacing-16) var(--spacing-20);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius-5);
  align-items: center;
  grid-row: 2;
  margin-left: auto
}

.vehicles-section__header__filter .icon {
  font-size: var(--fz-18)
}

.vehicles-section__header__active-filters {
  width: 100%;
  display: flex;
  column-gap: var(--spacing-16);
  row-gap: var(--spacing-8);
  flex-wrap: wrap;
  align-items: flex-end
}

.vehicles-section__header__active-filters__container {
  display: flex;
  gap: var(--spacing-8);
  flex-wrap: wrap
}

@media (max-width: 1199px) {
  .vehicles-section__header {
    gap: var(--spacing-16);
    grid-template-columns: 1fr
  }

  .vehicles-section__header__title {
    margin-bottom: 0;
    font-size: var(--fz-28)
  }

  .vehicles-section__header__sort {
    grid-column: span 2;
    grid-row: 3
  }

  .vehicles-section__header__results {
    grid-column: span 2
  }

  .vehicles-section__header__filter {
    grid-column: 2;
    display: flex
  }

  .vehicles-section__header__active-filters {
    grid-column: span 2
  }
}

.vehicles-section__list {
  padding-top: var(--spacing-16);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-32)
}

@media (max-width: 1199px) {
  .vehicles-section__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width: 809px) {
  .vehicles-section__list {
    grid-template-columns: 1fr
  }
}

.vehicles-section__list__card {
  height: 200px;
  width: 100%;
  background: var(--linear-gradient-h);
  opacity: .3
}

.profile-data__b2c {
  color: #18305b;
  padding-top: var(--spacing-72);
  grid-column: var(--full-width);
  background: white
}

.profile-data__b2c__wrapper {
  display: none;
  margin: auto;
  flex-direction: column;
  gap: var(--spacing-72)
}

.profile-data__b2c__wrapper .viewport {
  max-width: 802px;
  margin: auto;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-72);
  padding: 0 var(--side-padding)
}

.profile-data__b2c__wrapper.visible {
  display: flex
}

.profile-data__b2c__wrapper h2 {
  font-size: var(--fz-28);
  font-weight: 700
}

.profile-data__b2c__wrapper h5 {
  font-size: var(--fz-14);
  letter-spacing: .175rem;
  text-transform: uppercase
}

.profile-data__b2c__wrapper .notification {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40)
}

.profile-data__b2c__wrapper .notification h5 {
  text-transform: none;
  letter-spacing: normal;
  font-size: var(--fz-28)
}

.profile-data__b2c__wrapper .notification__item {
  font-weight: 600;
  display: flex;
  gap: var(--spacing-12)
}

.profile-data__b2c__wrapper .notification__item__toggle-placeholder {
  width: 2rem;
  height: 1.25rem;
  background-color: var(--light-gray);
  border-radius: var(--radius-15);
  flex-shrink: 0
}

@media screen and (min-width: 810px) {
  .profile-data__b2c__wrapper .viewport {
    padding: 0
  }
}

.disclaimer {
  color: #18305b;
  padding: var(--spacing-72) var(--side-padding);
  grid-column: var(--full-width);
  background: var(--bright-gray)
}

.disclaimer__wrapper {
  max-width: 874px;
  margin: auto;
  width: 100%
}

.disclaimer__wrapper .icon-trash:before {
  font-size: var(--fz-18)
}

.disclaimer__pretitle {
  font-size: var(--fz-14);
  letter-spacing: .175rem;
  text-transform: uppercase;
  padding-bottom: var(--spacing-24);
  display: block
}

.disclaimer__title {
  font-size: var(--fz-24);
  font-weight: 700;
  padding-bottom: var(--spacing-16)
}

.disclaimer__description {
  font-size: var(--fz-14);
  line-height: 24px;
  padding-bottom: var(--spacing-48)
}

.registration_b2c {
  padding: var(--spacing-72) 0
}

.profile-data_b2c {
  color: #18305b;
  grid-column: var(--full-width);
  background: white
}

.profile-data_b2c__wrapper {
  display: none;
  margin: auto;
  padding: 0 var(--grid-side-width);
  flex-direction: column;
  gap: 40px
}

.profile-data_b2c__wrapper .viewport {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  max-width: 802px;
  margin: auto;
  width: 100%
}

.profile-data_b2c__wrapper.visible {
  display: flex
}

.profile-data_b2c__wrapper h2 {
  font-size: var(--fz-28);
  font-weight: 700
}

.profile-data_b2c__wrapper h5 {
  font-size: var(--fz-14);
  letter-spacing: .175rem;
  text-transform: uppercase
}

.social-icon {
  font-size: var(--fz-28);
  position: absolute;
  left: var(--spacing-24)
}

.formlogin {
  color: #18305b;
  grid-column: var(--full-width);
  background: white;
  margin: auto;
  width: 100%;
  padding: var(--spacing-72) 0 calc(var(--spacing-72) * 2)
}

.formlogin.no-padded,
.formlogin.no-padded .formlogin__wrapper {
  padding: 0
}

.formlogin__wrapper {
  max-width: 390px;
  margin: auto;
  width: 100%;
  padding: 0 var(--spacing-24);
  gap: var(--spacing-32);
  display: flex;
  flex-direction: column
}

.formlogin__wrapper.two-columns {
  max-width: none
}

.formlogin__wrapper__descr {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

.formlogin__wrapper__descr h2 {
  text-align: center;
  font-size: var(--fz-28);
  font-weight: 600;
  line-height: 34px
}

.formlogin__wrapper__descr h3 {
  text-align: center;
  font-size: var(--fz-24);
  font-weight: 600;
  line-height: 32px
}

.formlogin__wrapper__descr p {
  font-size: var(--fz-14);
  line-height: 20px
}

.formlogin__wrapper__social {
  gap: var(--spacing-20);
  display: grid
}

.formlogin__wrapper__social__login {
  all: unset;
  cursor: pointer;
  color: var(--white);
  text-align: center;
  font-size: var(--fz-14);
  font-weight: 700;
  border-radius: 5px;
  padding: var(--spacing-16) var(--spacing-32);
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center
}

.formlogin__wrapper__social__login.facebook {
  background: #3b579d
}

.formlogin__wrapper__social__login.google {
  background: #ea4335
}

.formlogin__wrapper__social__login.twitter {
  background: #1d9bf0
}

.formlogin__wrapper__social__login.linkedin {
  background: #007ebb
}

.formlogin__wrapper__social__login.disabled {
  filter: saturate(40%);
  opacity: .5;
  pointer-events: none
}

.formlogin__wrapper__social__login svg {
  position: absolute;
  left: var(--spacing-24)
}

.formlogin__wrapper__social__line {
  display: block;
  margin: 0
}

.formlogin__wrapper__social__line h2 {
  font-size: var(--fz-14);
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid rgba(116, 131, 157, .8);
  position: relative
}

.formlogin__wrapper__social__line h2 span {
  background-color: #fff;
  position: relative;
  top: 10px;
  padding: 0 10px
}

.formlogin__wrapper__datalogin {
  display: flex;
  flex-direction: column;
  align-self: end;
  width: 100%;
  gap: var(--spacing-8);
  border-bottom: 5px solid #f2f4f6;
  padding-bottom: var(--spacing-48)
}

.formlogin__wrapper__datalogin .formdata__wrapper {
  grid-template-columns: repeat(1, 1fr);
  row-gap: var(--spacing-16)
}

.formlogin__wrapper__datalogin .btn {
  align-self: end
}

.formlogin__wrapper__datalogin .btn.primary {
  margin-top: var(--spacing-16)
}

.formlogin__wrapper__dataregistration {
  gap: var(--spacing-12);
  display: flex;
  flex-direction: column
}

.formlogin__wrapper__dataregistration h5 {
  text-align: center;
  font-size: var(--fz-14);
  font-weight: 700;
  line-height: 20px
}

@media screen and (min-width: 810px) {
  .formlogin__wrapper {
    padding: 0
  }

  .formlogin__wrapper.two-columns .formlogin__wrapper__social {
    grid-template-columns: 1fr 1fr
  }

  .formlogin__wrapper.two-columns .formlogin__wrapper__social__line {
    grid-column: 1/-1;
    width: 50%;
    margin: auto
  }
}

.formdata {
  display: grid;
  row-gap: var(--spacing-40);
  width: 100%
}

.formdata .subtitle {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between
}

.formdata .subtitle .edit {
  width: min-content;
  margin-left: auto;
  max-width: none
}

.formdata__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: var(--spacing-24);
  row-gap: var(--spacing-48)
}

.formdata__wrapper__double {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--spacing-24)
}

.formdata__wrapper__input {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--spacing-8);
  font-size: var(--fz-14);
  font-weight: 600
}

.formdata__wrapper__input input {
  font-size: var(--fz-16);
  font-family: var(--font-raleway);
  padding: 0px var(--spacing-16);
  height: 44px;
  display: flex;
  align-items: center;
  color: #74839d;
  width: 100%;
  flex-grow: 1;
  border: double 1px transparent;
  border-radius: 5px;
  background-color: var(--bright-gray)
}

.formdata__radio {
  font-weight: 600
}

.formdata__cta {
  margin-top: var(--spacing-8);
  gap: var(--spacing-24);
  display: grid;
  grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width: 810px) {

  .formdata__wrapper,
  .formdata__cta {
    grid-template-columns: repeat(2, 1fr)
  }
}

.title {
  font-size: var(--fz-28);
  font-weight: 500;
  color: var(--primary);
  text-wrap: balance
}

.title.center {
  text-align: center
}

.title.max-width {
  max-width: 28rem
}

.title.small {
  font-size: var(--fz-24)
}

.title.big {
  font-size: var(--fz-32)
}

.title.color-secondary {
  color: var(--secondary)
}

.title i {
  font-style: normal;
  color: var(--accent)
}

.title .icon {
  margin-right: var(--spacing-4);
  line-height: inherit;
  vertical-align: bottom
}

@media screen and (max-width: 809px) {
  .title.small-mobile {
    font-size: var(--fz-20)
  }
}

.vehicle-details_b2c {
  grid-column: var(--main-area);
  padding: var(--spacing-24) 0px var(--side-padding);
  display: grid;
  grid-template-columns: 1fr 25rem;
  gap: var(--spacing-24)
}

.vehicle-details_b2c__back {
  display: flex;
  align-items: center;
  gap: 10px;
  grid-column: 1/-1;
}

.vehicle-details_b2c__icons {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-12)
}

.vehicle-details_b2c__icons button {
  all: unset;
  cursor: pointer
}

.vehicle-details_b2c__icons button button:focus {
  outline: revert
}

.vehicle-details_b2c__icons .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bluish-gray-70);
  font-size: var(--fz-32);
  color: var(--white);
  border-radius: var(--radius-3)
}

.vehicle-details_b2c__icons .icon.icon-heart {
  position: relative
}

.vehicle-details_b2c__icons .icon.icon-heart .icon-heart-full {
  inset: 0;
  position: absolute;
  background-color: transparent
}

.vehicle-details_b2c__icons .icon.icon-heart .icon-heart-full:before {
  opacity: 0;
  transition: opacity .1s ease-in-out
}

.vehicle-details_b2c__icons .icon.icon-heart .icon-heart-full:hover:before {
  opacity: 1
}

.vehicle-details_b2c__icons .icon.icon-share {
  position: relative
}

.vehicle-details_b2c__icons ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.vehicle-details_b2c__icons__share-dropdown {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s ease-in-out;
  border-radius: var(--radius-10);
  box-shadow: var(--soft-blue-shadow);
  width: 15rem;
  position: absolute;
  right: 0;
  top: var(--spacing-48);
  z-index: 2;
  background-color: var(--white);
  font-family: var(--font-raleway);
  font-weight: 700
}

.vehicle-details_b2c__icons__share-dropdown.open {
  grid-template-rows: 1fr
}

.vehicle-details_b2c__icons__share-dropdown a {
  text-decoration: none
}

.vehicle-details_b2c__icons__share-dropdown__wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.vehicle-details_b2c__icons__share-dropdown__wrapper li:first-child a {
  border-top: none
}

.vehicle-details_b2c__icons__share-dropdown__item {
  border-top: 1px solid var(--bluish-light-gray);
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  padding: var(--spacing-16);
  color: var(--accent);
  font-size: var(--fz-14)
}

.vehicle-details_b2c__icons__share-dropdown__item .icon-social {
  font-size: var(--fz-20)
}

.vehicle-details_b2c__main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24)
}

.vehicle-details_b2c__main__features {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-24)
}

.vehicle-details_b2c__main__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16)
}

@media screen and (max-width: 1400px) {
  .vehicle-details_b2c {
    grid-template-columns: minmax(0, 1fr)
  }

  .vehicle-details_b2c__icons {
    justify-content: flex-start;
    gap: var(--spacing-8)
  }

  .vehicle-details_b2c__icons .icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: var(--fz-20)
  }

  .vehicle-details_b2c__icons__share-dropdown {
    top: 0;
    left: var(--spacing-32)
  }
}

.info-card {
  --info-columns-count: 4;
  --info-columns-count-tablet: calc(var(--info-columns-count) - 2);
  --info-columns-count-mobile: 2;
  background-color: var(--bright-gray);
  padding: var(--spacing-32) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  border-radius: var(--radius-10)
}

.info-card.no-padding {
  padding: 0
}

.info-card.white {
  background-color: var(--white)
}

.info-card ul {
  list-style: disc;
  margin: 0;
  padding: 0;
  color: var(--primary)
}

.info-card ul li {
  margin-left: var(--spacing-12)
}

.info-card ul li.info-card__content__label-val {
  list-style: none;
  margin: 0
}

.info-card__content {
  display: grid;
  grid-template-columns: repeat(var(--info-columns-count), 1fr);
  gap: var(--spacing-32);
  font-size: var(--fz-14)
}

.info-card__content.three-rows {
  --info-columns-count: 3;
  --info-columns-count-tablet: 3
}

.info-card__content__note {
  grid-column: span 2
}

.info-card__content__note.full-width {
  grid-column: span 4
}

.info-card__content__subtitle {
  grid-column: 1/-1;
  font-size: var(--fz-18);
  color: var(--secondary);
  font-weight: 700
}

@media screen and (max-width: 1199px) {
  .info-card__content {
    grid-template-columns: repeat(var(--info-columns-count-tablet), 1fr)
  }
}

@media screen and (max-width: 809px) {
  .info-card__content {
    grid-template-columns: repeat(var(--info-columns-count-mobile), 1fr)
  }

  .info-card__content__label-val.large {
    grid-column: span 2
  }
}

.vehicle-details_b2c__showcase {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16)
}

.vehicle-details_b2c__showcase__gallery {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-10)
}

.vehicle-details_b2c__showcase__gallery.swiper-fs {
  width: 80%
}

.vehicle-details_b2c__showcase__gallery img {
  /*width: 100%;*/
  /*height: 100%;*/
  object-fit: cover
}

.vehicle-details_b2c__showcase__gallery__buttons {
  position: absolute;
  right: var(--spacing-16);
  bottom: var(--spacing-16);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16)
}

.vehicle-details_b2c__showcase__gallery__buttons button {
  all: unset;
  cursor: pointer
}

.vehicle-details_b2c__showcase__gallery__buttons button button:focus {
  outline: revert
}

.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-maximize,
.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-minimize,
.vehicle-details_b2c__showcase__gallery__buttons__zoom .icon {
  background-color: var(--white-80);
  font-size: var(--fz-20);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: background-color .2s ease-in-out
}

.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-maximize:hover,
.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-minimize:hover,
.vehicle-details_b2c__showcase__gallery__buttons__zoom .icon:hover {
  background-color: var(--white)
}

.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-maximize,
.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-minimize,
.vehicle-details_b2c__showcase__gallery__buttons__zoom {
  box-shadow: 0 0 10px 0 var(--primary-20);
  overflow: hidden
}

.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-maximize,
.vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-minimize {
  border-radius: 50%
}

.vehicle-details_b2c__showcase__gallery__buttons__zoom {
  border-radius: var(--radius-15)
}

.vehicle-details_b2c__showcase .swiper .swiper-slide {
  border-radius: var(--radius-10);
  overflow: hidden
}

.vehicle-details_b2c__showcase .swiper .swiper-button-prev,
.vehicle-details_b2c__showcase .swiper .swiper-button-next {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 var(--primary-20);
  background-color: var(--white-80);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .2s ease-in-out
}

.vehicle-details_b2c__showcase .swiper .swiper-button-prev:hover,
.vehicle-details_b2c__showcase .swiper .swiper-button-next:hover {
  background-color: var(--white)
}

.vehicle-details_b2c__showcase .swiper .swiper-button-prev:after,
.vehicle-details_b2c__showcase .swiper .swiper-button-next:after {
  content: none
}

.vehicle-details_b2c__showcase .swiper .swiper-button-prev .icon,
.vehicle-details_b2c__showcase .swiper .swiper-button-next .icon {
  color: var(--primary);
  font-size: var(--fz-20)
}

.vehicle-details_b2c__showcase .swiper .swiper-button-prev {
  left: var(--spacing-16)
}

.vehicle-details_b2c__showcase .swiper .swiper-button-next {
  right: var(--spacing-16)
}

.vehicle-details_b2c__showcase .thumbs-swiper-fs {
  border-radius: var(--radius-10);
  display: flex;
  flex-direction: column
}

.vehicle-details_b2c__showcase .thumbs-swiper-fs .swiper-fs-pagination {
  color: var(--primary);
  font-weight: 700;
  margin-bottom: var(--spacing-16)
}

.vehicle-details_b2c__showcase .thumbs-swiper-fs .swiper-slide {
  opacity: .5;
  width: 20%;
  min-width: 7rem;
  max-width: 24rem;
  aspect-ratio: 16/9;
  border-radius: var(--radius-10);
  overflow: hidden
}

.vehicle-details_b2c__showcase .thumbs-swiper-fs .swiper-slide-thumb-active {
  opacity: 1
}

.vehicle-details_b2c__showcase .thumbs-swiper-fs img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media screen and (max-width: 1199px) {
  .vehicle-details_b2c__showcase__gallery.swiper-fs {
    width: 100%
  }

  .vehicle-details_b2c__showcase__gallery.gallery_fs .vehicle-details__showcase__gallery__buttons__zoom {
    display: block
  }

  .vehicle-details_b2c__showcase__gallery__buttons {
    bottom: var(--spacing-8);
    right: var(--spacing-8)
  }

  .vehicle-details_b2c__showcase__gallery__buttons__zoom {
    display: none
  }

  .vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-maximize,
  .vehicle-details_b2c__showcase__gallery__buttons .icon-arrows-minimize,
  .vehicle-details_b2c__showcase__gallery__buttons__zoom .icon {
    width: 2rem;
    height: 2rem;
    font-size: var(--fz-16)
  }

  .vehicle-details_b2c__showcase .swiper .swiper-button-next,
  .vehicle-details_b2c__showcase .swiper .swiper-button-prev {
    width: 2rem;
    height: 2rem
  }

  .vehicle-details_b2c__showcase .swiper .swiper-button-next .icon,
  .vehicle-details_b2c__showcase .swiper .swiper-button-prev .icon {
    font-size: var(--fz-16)
  }

  .vehicle-details_b2c__showcase .swiper .swiper-button-prev {
    left: var(--spacing-8)
  }

  .vehicle-details_b2c__showcase .swiper .swiper-button-next {
    right: var(--spacing-8)
  }
}

@media screen and (max-width: 809px) {
  .vehicle-details_b2c__showcase {
    height: 100%;
    justify-content: space-between
  }

  .vehicle-details_b2c__showcase__gallery {
    aspect-ratio: 4/3
  }

  .vehicle-details_b2c__showcase__gallery.gallery_fs {
    height: 100%
  }
}

.wishlist-wrapper__main__default {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-16)
}

.wishlist-wrapper__main__default__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: var(--spacing-16);
  grid-column: 1/-1
}

.wishlist-wrapper__main__default__header__title {
  font-size: var(--fz-28);
  font-weight: 700;
  color: var(--primary)
}

.wishlist-wrapper__main__default__header__sort {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  color: var(--primary);
  margin-left: auto;
  font-size: var(--fz-14);
  font-weight: 600
}

.wishlist-wrapper__main__default__header__delete {
  margin-bottom: calc(-1 * var(--spacing-8))
}

.wishlist-wrapper__main__default__header__orders {
  margin-bottom: auto
}

.wishlist-wrapper__main__default__order-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  color: var(--primary);
  margin-bottom: var(--spacing-16)
}

@media (max-width: 1199px) {
  .wishlist-wrapper__main__default {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (max-width: 809px) {
  .wishlist-wrapper__main__default {
    grid-template-columns: 1fr
  }

  .wishlist-wrapper__main__default__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-24)
  }

  .wishlist-wrapper__main__default__header__sort {
    width: 100%
  }
}

.wishlist-wrapper__main__cta {
  align-self: flex-start
}

.wishlist-wrapper__main__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-24)
}

@media screen and (max-width: 1199px) {
  .wishlist-wrapper__main__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (max-width: 809px) {
  .wishlist-wrapper__main__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

.wishlist-item {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-12)
}

.wishlist-item__preview-box {
  width: 100%;
  display: grid;
  aspect-ratio: 1/1;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  border-radius: var(--radius-15);
  overflow: hidden;
  position: relative;
  background-color: var(--gray-200);
}

.wishlist-item__preview-box__single-preview {
  background-size: cover;
  background-repeat: no-repeat;
  /*background: rgba(255, 0, 0, .2117647059);*/
  position: relative
}

.wishlist-item__preview-box__label {
  position: absolute;
  right: var(--spacing-16);
  bottom: var(--spacing-16);
  border-radius: var(--radius-5);
  background: var(--bright-gray);
  font-weight: 600;
  color: var(--primary);
  padding: var(--spacing-4) var(--spacing-12)
}

.wishlist-item__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary)
}

.wishlist-item__info h3 {
  font-size: var(--fz-14);
  font-weight: 600
}

.wishlist-item__info .icon {
  cursor: pointer;
  font-size: var(--fz-24);
  color: var(--primary)
}

.wishlist-wrapper {
  padding: var(--spacing-24) 0 var(--side-padding) 0;
  grid-column: var(--main-area)
}

.wishlist-wrapper__main {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-16)
}


.lot-card_b2c {
  display: flex;
  border-radius: var(--radius-10);
  background-color: var(--white);
  border: 1px solid var(--primary-20);
  overflow: hidden;
  position: relative;
  --pulse-color: var(--primary-20);
  /*box-shadow: 4px 4px 3px 1px #6c757da1;*/
  box-shadow: 0 1px 10px #0000001f, 0 4px 5px #00000024, 0 2px 4px -1px #0003 !important;

}

.lot-card_b2c a {
  text-decoration: none
}

.lot-card_b2c.green {
  --pulse-color: var(--dark-green)
}

.lot-card_b2c.yellow {
  --pulse-color: var(--alert-warn)
}

.lot-card_b2c.red {
  --pulse-color: var(--alert-error)
}

.lot-card_b2c.grey {
  --pulse-color: var(--bluish-gray)
}

.lot-card_b2c.primary {
  --pulse-color: var(--primary)
}

.lot-card_b2c.accordion.open .lot-card_b2c__left__content {
  grid-template-rows: 1fr;
}

.lot-card_b2c.accordion.open .lot-card_b2c__left__accordion-menu .icon-chevron-down {
  transform: rotate(180deg)
}

.lot-card_b2c.accordion .lot-card_b2c__left__content {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease-in-out
}

.lot-card_b2c.accordion .lot-card_b2c__image-wrapper,
.lot-card_b2c.accordion .lot-card_b2c__offer,
.lot-card_b2c.accordion .lot-card_b2c__chip-container {
  display: none
}


.lot-card_b2c.accordion .lot-card_b2c__left__accordion-menu {
  display: flex;
  justify-content: space-between;
  color: var(--secondary);
  font-weight: 600;
  align-items: center
}

.lot-card_b2c.accordion .lot-card_b2c__left__accordion-menu .icon-chevron-down {
  transition: transform .3s ease-in-out
}

.lot-card_b2c.accordion .lot-card_b2c__left__header__image {
  width: 6rem;
  flex-shrink: 0;
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius-5)
}

.lot-card_b2c.accordion .lot-card_b2c__left__header__image img {
  width: 100%;
  object-fit: cover
}

.lot-card_b2c.accordion .lot-card_b2c__left__header__wrapper {
  min-width: 12rem
}

.lot-card_b2c.short {
  flex-flow: column
}

.lot-card_b2c.short .lot-card_b2c__main {
  position: static;
  flex-flow: column
}

.lot-card_b2c.short .lot-card_b2c__chip-container .green-light {
  display: none
}

.lot-card_b2c.short .lot-card_b2c__left__line_offer-separator {
  display: block;
  width: 100%;
  height: .5px;
  background: var(--bluish-gray)
}

.lot-card_b2c.short .lot-card_b2c__left .hide-mobile {
  display: none
}

.lot-card_b2c.short .lot-card_b2c__image-wrapper {
  width: 100%;
  aspect-ratio: 16/9
}

.lot-card_b2c.short .lot-card_b2c__image-wrapper__bid-message {
  width: 40%;
  min-width: 7.5rem;
  bottom: var(--spacing-16)
}

.lot-card_b2c.short .lot-card_b2c__right {
  display: none
}

.lot-card_b2c.short .lot-card_b2c__offer {
  width: 100%;
  padding-top: var(--spacing-16)
}

.lot-card_b2c.short .lot-card_b2c__offer__cta-wrapper {
  display: block;
  align-self: stretch
}

.lot-card_b2c.short .lot-card_b2c__offer__cta-row {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.lot-card_b2c button {
  all: unset;
  cursor: pointer
}

.lot-card_b2c button button:focus {
  outline: revert
}

.lot-card_b2c__chip-container {
  position: absolute;
  left: auto;
  right: var(--spacing-16);
  top: var(--spacing-16);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-end
}

.lot-card_b2c__image-wrapper {
  position: relative;
  width: 16rem;
  flex-shrink: 0;
  overflow: hidden
}

.lot-card_b2c__image-wrapper .icon-heart,
.lot-card_b2c__image-wrapper .icon-shopping-cart {
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--white);
  font-size: var(--fz-20);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-3);
  z-index: 1
}

.lot-card_b2c__image-wrapper__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 1px 10px #0000001f, 0 4px 5px #00000024, 0 2px 4px -1px #0003 !important;
}

.lot-card_b2c__image-wrapper__bid-message {
  position: absolute;
  width: inherit;
  bottom: 0;
  font-size: var(--fz-12);
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  padding: var(--spacing-8) var(--spacing-16);
  background: var(--pulse-color)
}


.lot-card_b2c__image-wrapper .icon-heart {
  top: var(--spacing-16);
  left: var(--spacing-16);
  background-color: var(--bluish-gray-70)
}

.lot-card_b2c__image-wrapper .icon-heart .icon-heart-full {
  position: absolute
}

.lot-card_b2c__image-wrapper .icon-heart .icon-heart-full:before {
  /*transition: opacity .1s ease-in-out;*/
  /*opacity: 0*/
}

.lot-card_b2c__image-wrapper .icon-heart .icon-heart-full:hover:before {
  /*opacity: 1*/
}

.lot-card_b2c__image-wrapper .icon-shopping-cart {
  bottom: var(--spacing-16);
  right: var(--spacing-16);
  background-color: var(--alert-success)
}

.lot-card_b2c__image-wrapper .icon-shopping-cart.red {
  background-color: var(--alert-error)
}

.lot-card_b2c__main {
  display: flex;
  padding: var(--spacing-16);
  flex-grow: 1
}

.lot-card_b2c__left {
  flex-grow: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  color: var(--primary)
}

.lot-card_b2c__left__header {
  display: flex;
  gap: var(--spacing-16);
  align-items: flex-start;
  height: 6rem;
}

.lot-card_b2c__left__header__image {
  display: none
}

.lot-card_b2c__left__header__wrapper {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-4);
  align-items: flex-start
}

.lot-card_b2c__left__header__wrapper__model {
  font-size: var(--fz-22);
  font-weight: 600;
  color: var(--primary)
}

.lot-card_b2c__left__header__wrapper__model:hover {
  text-decoration: underline
}

.no-underline:hover {
  text-decoration: none;
}

.lot-card_b2c__left__content {
  display: grid;
}

.lot-card_b2c__left__content__wrapper {
  overflow: hidden;
  display: grid;
  gap: var(--spacing-16)
}

.lot-card_b2c__left__info {
  display: flex;
  gap: var(--spacing-24);
  flex-wrap: wrap;
  row-gap: var(--spacing-8)
}

.lot-card_b2c__left__line {
  width: 100%;
  height: .5px;
  background: var(--bluish-gray)
}

.lot-card_b2c__left__line_offer-separator {
  display: none
}

.lot-card_b2c__left__optional {
  display: flex;
  flex-direction: row; /*column;*/
  gap: var(--spacing-4)
}

.lot-card_b2c__left__optional__label {
  font-weight: 600
}

.lot-card_b2c__left button {
  display: none
}

.lot-card_b2c__offer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-16);
  width: 12rem;
  justify-content: flex-end
}

.lot-card_b2c__offer__cta-wrapper,
.lot-card_b2c__offer__cta-row {
  display: none
}

.lot-card_b2c__right {
  padding: var(--spacing-16);
  background-color: var(--bluish-light-gray);
  width: 18rem;
  display: flex;
  flex-flow: column;
  gap: var(--spacing-16);
  align-items: stretch;
  flex-shrink: 0;
  justify-content: flex-end;
  font-size: var(--fz-14);
  color: var(--primary)
}

.lot-card_b2c__right table,
.lot-card_b2c__right tbody,
.lot-card_b2c__right tr,
.lot-card_b2c__right th,
.lot-card_b2c__right td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

.lot-card_b2c__right table {
  border-collapse: collapse;
  border-spacing: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8)
}

.lot-card_b2c__right table tbody {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8)
}

.lot-card_b2c__right table tr {
  display: flex;
  justify-content: space-between
}

.lot-card_b2c__right table tfoot {
  font-weight: 700
}

.lot-card_b2c__right table tfoot .lot-card_b2c__right__cart-info__value {
  color: var(--secondary)
}

.lot-card_b2c__right__cta-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: auto;
  margin-top: -4px
}

.lot-card_b2c__right__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-16)
}

.lot-card_b2c__right__header.align-top {
  margin-bottom: auto
}

.lot-card_b2c__right__header .icon {
  font-size: var(--fz-20)
}

.lot-card_b2c__right__header__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-8)
}

.lot-card_b2c__right__header__text a {
  text-decoration: underline;
  color: var(--primary)
}

.lot-card_b2c__right__header__text b {
  font-weight: 600
}

.lot-card_b2c__right__info {
  display: flex
}

.lot-card_b2c__right__footer {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.lot-card_b2c__right__cta-wrapper {
  display: flex;
  justify-content: center;
  margin: auto 0;
  align-self: center;
  width: 10rem
}

.lot-card_b2c__right__bid-wrapper {
  margin-left: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1);
  margin-top: auto
}

.lot-card_b2c__right__bid-wrapper__message {
  font-size: var(--fz-12);
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  padding: var(--spacing-8) var(--spacing-16);
  background: var(--pulse-color)
}

.lot-card_b2c__right__bid-wrapper__input {
  height: 51px;
  margin: 0 var(--spacing-16) var(--spacing-16);
  display: flex;
  box-shadow: inset 0 0 0 2px var(--primary);
  border-radius: var(--radius-5);
  overflow: hidden;
  background: var(--white)
}

.lot-card_b2c__right__bid-wrapper__input input {
  border: none;
  flex-grow: 1;
  background: transparent;
  font-family: var(--font-raleway);
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: var(--fz-16)
}

.lot-card_b2c__right__bid-wrapper__input button {
  background-color: var(--primary);
  aspect-ratio: 1/1;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fz-22)
}

.lot-card_b2c.live-card .lot-card_b2c__right {
  width: 610px;
  padding-bottom: 0
}

.lot-card_b2c.animated {
  animation: pulse 1.5s infinite
}

.lot-card_b2c.gradient-border {
  background: linear-gradient(white, white) padding-box, var(--linear-gradient-h) border-box
}

@media (max-width: 809px) {
  .lot-card_b2c {
    flex-flow: column
  }

  .lot-card_b2c__left__header__wrapper__model {
    font-size: var(--fz-18)
  }

  .lot-card_b2c__left__info {
    gap: var(--spacing-16)
  }

  .lot-card_b2c.accordion-mobile.open .lot-card_b2c__left__content {
    grid-template-rows: 1fr;
    margin-top: 0
  }

  .lot-card_b2c.accordion-mobile.open .lot-card_b2c__left__accordion-menu .icon-chevron-down {
    transform: rotate(180deg)
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__image-wrapper,
  .lot-card_b2c.accordion-mobile .lot-card_b2c__offer,
  .lot-card_b2c.accordion-mobile .lot-card_b2c__chip-container {
    display: none
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__content {
    grid-template-rows: 0fr;
    transition: all .2s ease-in-out;
    margin-top: calc(-1 * var(--spacing-16))
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__accordion-menu {
    display: flex;
    justify-content: space-between;
    color: var(--secondary);
    font-weight: 600
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__accordion-menu .icon-chevron-down {
    transition: transform .2s ease-in-out
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__header__image {
    width: 6rem;
    flex-shrink: 0;
    display: block;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius-5)
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__header__image img {
    width: 100%;
    object-fit: cover
  }

  .lot-card_b2c.accordion-mobile .lot-card_b2c__left__header__wrapper {
    min-width: 12rem
  }
}

@media (max-width: 1199px) {

  .lot-card_b2c,
  .lot-card_b2c__main {
    flex-flow: column
  }

  .lot-card_b2c__chip-container .green-light {
    display: none
  }

  .lot-card_b2c__left__line_offer-separator {
    display: block;
    width: 100%;
    height: .5px;
    background: var(--bluish-gray)
  }

  .lot-card_b2c__left .hide-mobile {
    display: none
  }

  .lot-card_b2c__image-wrapper {
    aspect-ratio: 16/9;
    width: 100%;

  }

  .lot-card_b2c__image-wrapper__bid-message {
    width: 40%;
    min-width: 7.5rem;
    bottom: var(--spacing-16)
  }

  .lot-card_b2c__right {
    width: 100%;
  }

  .lot-card_b2c__right.tablet-short {
    min-height: 0
  }

  .lot-card_b2c__offer {
    width: 100%;
    padding-top: var(--spacing-16)
  }

  .lot-card_b2c__offer__cta-wrapper {
    display: block;
    align-self: stretch
  }

  .lot-card_b2c__offer__cta-row {
    display: block;
    width: 100%;
    display: flex;
    justify-content: space-between
  }
}

@media screen and (min-width: 1200px) {
  .lot-card_b2c__image-wrapper .icon-shopping-cart {
    display: none
  }

  .lot-card_b2c__main {
    position: relative;
    justify-content: space-between
  }
}

body {
  background-image: linear-gradient(rgb(245, 247, 251) 0%, rgba(245, 247, 251, 0) 100%);
}


.steps-wrapper.astro-Q24D3TGK {
  grid-column: var(--main-area)
}

.complete-purchase-faq.astro-Q24D3TGK {
  grid-column: var(--main-area);
  padding-bottom: var(--spacing-64)
}

.complete-purchase-faq__title.astro-Q24D3TGK {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  padding-bottom: var(--spacing-32);
  display: grid;
  justify-content: center;
  text-align: center;
}

.complete-purchase-faq__description.astro-Q24D3TGK {
  font-size: var(--fz-18);
  font-weight: 500;
  color: var(--primary);
  display: grid;
  justify-content: center;
  padding: 0 var(--side-padding);
  text-align: center;
}

.b2c-faq.astro-Q24D3TGK {
  grid-column: var(--full-width);
  background: var(--bright-gray);
  padding: var(--spacing-64) 0
}

.b2c-faq__wrapper.astro-Q24D3TGK {
  width: var(--grid-inner-width);
  margin: auto
}

.b2c-faq__wrapper__title.astro-Q24D3TGK {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  padding-bottom: var(--spacing-32)
}

.checkout-recap{
  background:var(--bright-gray);
  border-radius:var(--radius-15);
  padding:var(--spacing-24) var(--spacing-16);
  display:flex;
  flex-flow:column;
  gap:var(--spacing-16);
  color:var(--primary);
  box-shadow: 0 1px 10px #0000001f, 0 4px 5px #00000024, 0 2px 4px -1px #0003 !important;
}

.checkout-recap__title{
  font-size:var(--fz-24);
  font-weight:700;
  color:var(--primary);
  padding-bottom:var(--spacing-16)
}

.checkout-recap__subtitle{
  font-size:var(--fz-24);
  font-weight:700;
  color:var(--primary)
}

.checkout-recap__flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:500;
  color:var(--primary)
}

.checkout-recap__flex.highlight div{
  font-weight:700
}

.checkout-recap__flex.highlight :last-child{
  color:var(--secondary)
}

.checkout-recap__flex.highlight-right :last-child{
  color:var(--secondary);
  font-weight:700
}

.checkout-recap__line{
  height:1px;
  width:100%;
  background:var(--primary-10)
}

.checkout-recap__promocode{
  padding-top:var(--spacing-16);
  display:flex;
  flex-flow:column;
  gap:var(--spacing-8)
}

.checkout-recap__promocode :first-child {
  font-size: var(--fz-14);
  font-weight: 700;
}


.checkout-recap__promocode .icon{
  font-size:var(--fz-20)
}

.checkout-recap__price{
  color:var(--secondary);
  display:flex;
  flex-direction:column;
  gap:var(--spacing-4)
}

.checkout-recap__price h4{
  font-weight:700;
  font-size:var(--fz-32)
}

.checkout-recap__price h5{
  font-weight:700;
  font-size:var(--fz-20)
}

.checkout-recap__price__gray{
  color:var(--bluish-gray)
}

.checkout-recap__price span{
  font-size:var(--fz-12)
}

.checkout-recap__info{
  display:grid
}

.checkout-recap__info.active .checkout-recap__info__input-container,.checkout-recap__info.active .checkout-recap__info__terms{
  grid-template-rows:1fr;
  padding-top:var(--spacing-24)
}

.checkout-recap__info.active .checkout-recap__info__trigger .icon{
  transform:rotate(180deg)
}

.checkout-recap__info__trigger{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
  color:var(--primary);
  font-size:var(--fz-24);
  padding-top:var(--spacing-16)
}

.checkout-recap__info__trigger .icon{
  transition:transform .2s ease-in-out
}

.checkout-recap__info__input-container,.checkout-recap__info__terms{
  display:grid;
  gap:var(--spacing-24);
  grid-template-rows:0fr;
  transition:all .2s ease-in-out
}

.checkout-recap__info__wrapper{
  display:grid;
  gap:var(--spacing-24);
  overflow:hidden
}

.checkout-recap__info__input-placeholder{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-8)
}

.checkout-recap__info__input-placeholder label{
  font-size:var(--fz-14);
  font-weight:700;
  color:var(--primary)
}

.checkout-recap__info__input-placeholder__text-field{
  height:50px;
  background:var(--white);
  border-radius:var(--radius-5);
  display:flex;
  align-items:center;
  padding:var(--spacing-16)
}

.checkout-recap__info__input-placeholder__text-field.area{
  height:12rem;
  align-items:flex-start
}

@media screen and (max-width: 1199px){
  .checkout-recap__info .input-wrapper{
    grid-template-columns:1fr 1fr
  }

  .checkout-recap__info .input-wrapper .full-width{
    grid-column:1/-1
  }
}

@media screen and (max-width: 809px){
  .checkout-recap__info .input-wrapper{
    grid-template-columns:1fr
  }
}

.checkout-wrapper{
  padding:var(--spacing-24) 0 var(--side-padding) 0;
  grid-column:var(--main-area);
  display:grid;
  grid-template-columns:1fr 400px;
  grid-template-rows: max-content;
  gap:var(--spacing-24)
}

.checkout-wrapper__back{
  grid-area:1/1/1/2
}

.checkout-wrapper__cell-item{
  grid-area:2/1
}

.checkout-wrapper__cell-contacts{
  grid-area:3/1
}

.checkout-wrapper__cell-checkout{
  grid-area:2/2/span 3/2
}

@media screen and (max-width: 1199px){
  .checkout-wrapper{
    grid-template-columns:minmax(0,1fr)
  }

  .checkout-wrapper__back{
    grid-area:1/1
  }

  .checkout-wrapper__cell-checkout{
    grid-area:3/1
  }

  .checkout-wrapper__cell-contacts{
    grid-area:4/1
  }
}

.formpolicy__wrapper__disclaimer button{
  all:unset;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  width:100%;
  align-items:center
}

.formpolicy__wrapper__disclaimer button button:focus{
  outline:revert
}

.formpolicy__wrapper__disclaimer.disclaimer-accordion p{
  overflow:hidden
}

.formpolicy__wrapper__disclaimer.disclaimer-accordion .icon{
  font-size:var(--fz-24);
  transition:transform .2s ease-in-out
}

.formpolicy__wrapper__disclaimer.disclaimer-accordion .disclaimer-accordion__content{
  display:grid;
  grid-template-rows:0fr;
  transition:all .2s ease-in-out
}

.formpolicy__wrapper__disclaimer.disclaimer-accordion.show .icon-chevron-down{
  transform:rotate(180deg)
}

.formpolicy__wrapper__disclaimer.disclaimer-accordion.show .disclaimer-accordion__content{
  grid-template-rows:1fr;
  padding-top:var(--spacing-8)
}

.formpolicy__wrapper__disclaimer p{
  font-weight:400;
  letter-spacing:.02rem
}

.formpolicy__wrapper__disclaimer h3{
  font-size:var(--fz-16);
  font-weight:700;
  letter-spacing:-.01rem;
  line-height:1.5rem
}
.about-us-paragraph {
  grid-column: var(--main-area);
  padding-bottom: var(--spacing-64);
  text-align: center
}

.about-us-paragraph__title {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  padding-bottom: var(--spacing-32);
  text-wrap: balance
}

@media screen and (max-width: 809px) {
  .about-us-paragraph__title {
    font-size: var(--fz-32)
  }
}

.about-us-paragraph__body {
  font-size: var(--fz-24);
  color: var(--primary);
  line-height: 1.5
}

@media screen and (max-width: 809px) {
  .about-us-paragraph__body {
    font-size: var(--fz-18)
  }
}

.about-us-paragraph__description {
  font-size: var(--fz-18);
  font-weight: 500;
  color: var(--primary);
  max-width: 800px
}


.discover-initiatives-section {
  grid-column: var(--main-area);
  padding-bottom: var(--spacing-64);
  text-align: center
}

.discover-initiatives-section__title {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  text-wrap: balance;
  padding-top: var(--spacing-32);
  margin-bottom: calc(-1 * var(--spacing-32))
}

@media screen and (max-width: 809px) {
  .discover-initiatives-section__title {
    font-size: var(--fz-32)
  }
}


.discover-offers {
  color: #18305b;
  grid-column: var(--full-width);
  background: linear-gradient(180deg, #f5f7fb 0%, rgba(245, 247, 251, 0) 100%);
  padding: 0px var(--grid-side-width); /*padding: var(--grid-gap) var(--grid-side-width);*/
  width: inherit;
  /*display: grid;*/
  overflow: hidden;
  gap: var(--spacing-32)
}


@media screen and (min-width: 1200px) {
/*  .discover-offers {
    gap: var(--spacing-64);
    grid-template-areas: "a b" "c b"
  }

  .discover-offers__message {
    grid-area: a;
    width: 25rem;
    flex-shrink: 0
  }*/

  .discover-offers__cta-wrapper {
    grid-area: c;
    margin-top: auto;
    margin-left: 0
  }

}


.discover-offers .swiper-outer-container {
  --swiper-pagination-color: var(--primary);
  --swiper-pagination-inactive-color: var(--bluish-gray-70);
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16)
}

.discover-offers .swiper-pagination {
  position: static;
  inset: 0;
  transform: translate(0) !important;
  z-index: 2
}

.discover-offers .swiper-navigation {
  position: absolute;
  inset: 0
}

.discover-offers .swiper-navigation .swiper-button-prev,
.discover-offers .swiper-navigation .swiper-button-next {
  display: none
}

.discover-offers swiper {
  width: 100%
}

.discover-offers swiper swiper-slide {
  width: 100%;
  max-width: 22rem
}

div.discover-offers > div.swiper-outer-container > swiper-container {
  width: 90%;
}

@media screen and (min-width: 810px) {
  .discover-offers .swiper {
    -webkit-mask-image: linear-gradient(to right, transparent, black 30% 70%, transparent)
  }

  .discover-offers swiper swiper-slide {
    width: 20rem
  }

  .discover-offers .swiper-pagination {
    display: none
  }


  .swiper-navigation .swiper-button-prev,
  .swiper-navigation .swiper-button-next {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 var(--primary-20)!important;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .discover-offers .swiper-navigation .swiper-button-prev:after,
  .discover-offers .swiper-navigation .swiper-button-next:after {
    content: none
  }

  .discover-offers .swiper-navigation .swiper-button-prev .icon,
  .discover-offers .swiper-navigation .swiper-button-next .icon {
    color: var(--primary);
    font-size: var(--fz-16)
  }
}

@media screen and (min-width: 1200px) {
/*  .discover-offers {
    gap: var(--spacing-64);
    grid-template-areas: "a b" "c b"
  }*/

  .discover-offers .swiper-outer-container {
    grid-area: b;
    width: calc(100% + var(--grid-side-width))
  }
/*
  .discover-offers__message {
    grid-area: a;
    width: 25rem;
    flex-shrink: 0
  }*/

  .discover-offers__cta-wrapper {
    grid-area: c;
    margin-top: auto;
    margin-left: 0
  }
}


.discover-initiatives-section__cta {
  margin: 0 auto;
  max-width: 13rem
}

@media screen and (max-width: 809px) {
  .discover-initiatives-section__cta {
    max-width: none
  }
}



.detail-paragraph {
  grid-column: var(--main-area);
  padding-bottom: var(--spacing-64);
  text-align: center;
  padding: var(--spacing-64) 0;
  max-width: 800px;
  margin: 0 auto
}

.detail-paragraph__title {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  padding-bottom: var(--spacing-32);
  text-wrap: balance
}

@media screen and (max-width: 809px) {
  .detail-paragraph__title {
    font-size: var(--fz-32)
  }
}

.detail-paragraph__subtitle {
  font-size: var(--fz-24);
  color: var(--primary);
  font-weight: 700
}

@media screen and (max-width: 809px) {
  .detail-paragraph__subtitle {
    font-size: var(--fz-18)
  }
}

.detail-paragraph__image {
  aspect-ratio: 3/2;
  background: var(--linear-gradient-h);
  border-radius: var(--radius-10);
  margin: var(--spacing-64) auto;
  max-width: 700px
}

@media screen and (max-width: 809px) {
  .detail-paragraph__image {
    margin: var(--spacing-32) auto
  }
}

.detail-paragraph__titleH1 {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  text-align: left;
  padding-top: var(--spacing-64)
}

@media screen and (max-width: 809px) {
  .detail-paragraph__titleH1 {
    padding-top: var(--spacing-32);
    font-size: var(--fz-32)
  }
}

.detail-paragraph__titleH2 {
  font-size: var(--fz-28);
  font-weight: 700;
  color: var(--primary);
  text-align: left;
  padding-top: var(--spacing-32)
}

@media screen and (max-width: 809px) {
  .detail-paragraph__titleH2 {
    font-size: var(--fz-24);
    padding-top: var(--spacing-16)
  }
}

.detail-paragraph__titleH3 {
  font-size: var(--fz-24);
  font-weight: 700;
  color: var(--primary);
  text-align: left;
  padding-top: var(--spacing-24)
}

@media screen and (max-width: 809px) {
  .detail-paragraph__titleH3 {
    font-size: var(--fz-18);
    padding-top: var(--spacing-12)
  }
}

.detail-paragraph__body {
  font-size: var(--fz-18);
  color: var(--primary);
  text-align: left;
  padding-top: var(--spacing-24)
}

@media screen and (max-width: 809px) {
  .detail-paragraph__body {
    font-size: var(--fz-16)
  }
}

.detail-paragraph__quote {
  font-size: var(--fz-48);
  font-weight: 600;
  color: var(--primary);
  text-align: center;
  padding-top: var(--spacing-64);
  padding-bottom: var(--spacing-24)
}

@media screen and (max-width: 809px) {
  .detail-paragraph__quote {
    font-size: var(--fz-32);
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-12)
  }
}



.documents-wrapper {
  grid-column: var(--full-width);
  background: var(--bluish-light-gray);
  padding: var(--spacing-64) 0
}

.documents-wrapper__content {
  width: min(var(--grid-inner-width), 800px);
  margin: auto
}

.documents-wrapper__content__title {
  font-size: var(--fz-28);
  font-weight: 700;
  color: var(--primary);
  padding-bottom: var(--spacing-16)
}

.documents-wrapper__content__download {
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: var(--spacing-16) var(--spacing-24);
  border-radius: var(--radius-10);
  justify-content: space-between;
  color: var(--primary);
  font-size: var(--fz-18);
  font-weight: 700;
  align-items: center;
  margin-top: var(--spacing-16);
  gap: var(--spacing-16)
}

.documents-wrapper__content__download__cta {
  display: flex;
  gap: var(--spacing-24);
  margin-left: auto
}


.step-bar {
  --top: 110px;
  grid-column: var(--full-width);
  background: var(--white);
  position: sticky;
  top: var(--top);
  z-index: 2
}

.step-bar.higher {
  --top: 190px
}

.step-bar ul {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent
}

.step-bar__item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  gap: var(--fz-16);
  padding: var(--fz-16) var(--fz-24);
  justify-content: space-between;
  color: #18305b;
  border: 1px solid #ceedf9;
  border-left: none;
  font-size: var(--fz-16);
  line-height: 20px
}

.step-bar__item.active {
  display: flex
}

.step-bar__item.active .circle {
  background: var(--secondary);
  color: var(--white)
}

.step-bar__item.last {
  border-right: none
}

.step-bar__item__number {
  text-align: center;
  font-weight: 700;
  letter-spacing: .2px
}

.step-bar__item__check {
  width: var(--fz-16);
  height: var(--fz-16);
  border-radius: var(--fz-16);
  border: 1px solid var(--light-gray);
  color: var(--white)
}

.step-bar__item__check.ok {
  background: var(--alert-success, #5dbe7b);
  border: none;
  font-size: var(--fz-12);
  text-align: center
}

.step-bar__item__check.ok .icon {
  line-height: var(--fz-16);
  width: var(--fz-16);
  display: block
}

.step-bar__item__text {
  flex-grow: 1
}

.step-bar__item__text__title {
  color: var(--primary, #18305b);
  font-weight: 700;
  letter-spacing: -.4px
}

.step-bar__item__text__subtitle {
  font-size: var(--fz-12);
  letter-spacing: .2px;
  opacity: .6
}

.step-bar__item.active .step-bar__item__line {
  position: absolute;
  height: 4px;
  background-color: var(--secondary);
  bottom: -1px;
  left: 0;
  width: 100%
}

@media screen and (max-width: 809px) {
  .step-bar__item.active .step-bar__item__line {
    width: var(--stepPercentage)
  }
}

.avoid_overflow_x{
  max-width: 15rem;
}


.step-bar .circle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 10px;
  background: rgba(24, 48, 91, .1);
  border: 3px solid #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex
}

@media screen and (min-width: 810px) {
  .step-bar__item {
    display: flex
  }
}

.checkout-form-wrapper__form {
  grid-column: 1;
  padding: 0;
  color: var(--primary)
}

@media screen and (max-width: 1199px) {
  .checkout-form-wrapper__form {
    padding-bottom: var(--spacing-64)
  }
}

.checkout-form-wrapper__steps-bar {
  margin: 0 calc(-1 * var(--side-padding))
}

@media screen and (min-width: 1200px) {
  .checkout-form-wrapper__steps-bar {
    display: none
  }
}

.checkout-form-wrapper__title {
  font-size: var(--fz-28);
  font-weight: 700;
  color: var(--primary)
}

.checkout-form-wrapper__title-level-2 {
  font-weight: 700;
  font-size: var(--fz-28);
  padding-top: var(--spacing-16);
  color: var(--primary)
}

.checkout-form-wrapper__title-level-3 {
  font-weight: 600;
  font-size: var(--fz-24);
  padding-top: var(--spacing-16);
  color: var(--primary)
}

.checkout-form-wrapper__title-level-4 {
  font-weight: 500;
  font-size: var(--fz-22);
  padding-top: var(--spacing-16);
  color: var(--primary)
}

@media screen and (max-width: 1199px) {
  .checkout-form-wrapper__title-level-3 {
    padding-top: 0
  }

  .checkout-form-wrapper__title-level-4 {
    padding-top: 0
  }
}

.checkout-form-wrapper__subtitle {
  font-size: var(--fz-14);
  font-weight: 700
}

.checkout-form-wrapper__radio-container {
  gap: var(--spacing-64);
  display: flex
}

.checkout-form-wrapper__input-container {
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8);
  font-weight: 700;
  font-size: var(--fz-14)
}

.checkout-form-wrapper__terms-main {
  font-weight: 600;
  font-size: var(--fz-14);
  color: var(--primary)
}

.checkout-form-wrapper__terms-agree {
  font-weight: 700;
  font-size: var(--fz-14);
  display: flex;
  color: var(--primary);
  flex-flow: column;
  gap: var(--spacing-8);
  padding-top: var(--spacing-16)
}

@media screen and (max-width: 1199px) {
  .checkout-form-wrapper .hide-mobile {
    display: none
  }
}

@media screen and (min-width: 1200px) {
  .checkout-form-wrapper .hide-desktop {
    display: none
  }
}


.informative-card {
  display: flex;
  flex-flow: column;
  border: 1px solid var(--primary-10);
  border-radius: var(--radius-10);
  padding: var(--spacing-16);
  gap: var(--spacing-4);
  color: var(--primary)
}

.informative-card__title {
  font-size: var(--fz-20);
  font-weight: 500;
  padding-bottom: var(--spacing-24)
}

.informative-card__title span {
  font-weight: 700
}

.informative-card__step {
  position: relative;
  display: grid;
  column-gap: var(--spacing-8);
  row-gap: var(--spacing-4);
  grid-template-columns: var(--spacing-12) 1fr
}

.informative-card__step:before {
  content: "";
  height: 10px;
  width: 10px;
  background: var(--primary);
  border-radius: 50%;
  align-self: center;
  justify-self: center
}

.informative-card__step:after {
  content: "";
  height: calc(100% - 21px);
  width: 1px;
  background: var(--bluish-gray);
  box-sizing: border-box;
  height: 100%;
  margin: auto
}

.informative-card__step__title {
  font-weight: 700;
  color: var(--primary);
  font-size: var(--fz-14);
  grid-area: 1/2
}

.informative-card__step__description {
  font-size: var(--fz-14);
  grid-area: 2/2;
  padding-bottom: var(--spacing-24)
}

.informative-card__step:last-child .informative-card__step__description {
  padding-bottom: 0
}

.informative-card__step:last-child:after {
  content: none
}

.checkout-form-wrapper {
  padding: var(--spacing-24) 0 var(--side-padding) 0;
  grid-column: var(--main-area);
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--spacing-24)
}

.grid-layout-checkout {
  --columns: 4;
  --row-gap: var(--spacing-48);
  --column-gap: var(--spacing-24);
  width: 100%;
  margin: auto;
  display: grid;
  /*grid-column: var(--main-area);*/
  grid-template-columns: repeat(var(--columns), 1fr);
  row-gap: var(--row-gap);
  column-gap: var(--column-gap);
  padding: var(--spacing-48) 0
}

.grid-layout-checkout[data-columns="2"] {
  --columns: 2
}

.grid-layout-checkout[data-columns="3"] {
  --columns: 3
}

.grid-layout-checkout[data-columns="4"] {
  --columns: 4
}

.grid-layout-checkout[data-columns="5"] {
  --columns: 5
}

.grid-layout-checkout[data-columns="6"] {
  --columns: 6
}

.grid-layout-checkout[data-columns="7"] {
  --columns: 7
}

.grid-layout-checkout[data-columns="8"] {
  --columns: 8
}

.grid-layout-checkout[data-columns="9"] {
  --columns: 9
}

.grid-layout-checkout[data-columns="10"] {
  --columns: 10
}

.grid-layout-checkout[data-columns="11"] {
  --columns: 11
}

.grid-layout-checkout[data-columns="12"] {
  --columns: 12
}

.grid-layout-checkout__subtitle {
  padding-top: var(--spacing-32);
  font-size: var(--fz-12);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-small);
  color: var(--bluish-gray)
}

.grid-layout-checkout__title {
  font-size: var(--fz-28);
  font-weight: 600;
  color: var(--primary);
  padding-block: var(--spacing-16)
}

.grid-layout-checkout__ctas {
  display: flex;
  flex-flow: row;
  gap: var(--spacing-24);
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32);
}

.grid-layout-checkout__input {
  color: var(--primary);
  display: flex;
  flex-flow: column;
  gap: var(--spacing-8)
}

.grid-layout-checkout__input>div:first-child {
  font-weight: 600;
  font-size: var(--fz-14)
}

.grid-layout-checkout__line {
  height: 5px;
  background: var(--bluish-light-gray)
}

.checkout-wrapper .grid-layout-checkout {
  padding: 0
}

.checkout-form-wrapper__back {
  grid-column: 1/-1
}

@media screen and (max-width: 1199px) {
  .checkout-form-wrapper {
    grid-template-columns: minmax(0, 1fr)
  }

  .checkout-form-wrapper__info-wrapper {
    display: none
  }
}

.checkout-modal {
  --modal-box-height: 688px;
  --modal-footer-height: 96px;
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--side-padding);
  pointer-events: all
}

.checkout-modal__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--primary-60);
  opacity: 1;
  transition: opacity .4s ease-in-out
}


.checkout-modal__box {
  transform: translateY(0);
  opacity: 1;
  transition: transform .3s ease-in-out, opacity .4s ease-in-out;
  background-color: var(--white);
  max-width: 560px;
  max-height: var(--modal-box-height);
  border-radius: var(--radius-10);
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -ms-overflow-style: none;
  scrollbar-width: none
}


.checkout-modal__box__main {
  padding: var(--spacing-32) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  min-height: 320px;
  font-size: var(--fz-18);
  color: var(--primary)
}

.checkout-modal__box__main.align-center {
  align-items: center
}

.checkout-modal__box__main__cta-container {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-16);
  align-self: stretch;
  padding-top: var(--spacing-8)
}

.checkout-modal__box__main__mail-text {
  font-weight: 400
}

.checkout-modal__box__main__steps-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-8)
}

.checkout-modal__box__main__steps-container__step {
  text-balance: wrap;
  padding: 0 var(--spacing-24);
  font-size: var(--fz-16);
  text-align: center
}

.checkout-modal__box__main__steps-container__step label {
  font-weight: 700
}

.checkout-modal__box__main__steps-container__line {
  width: .0625rem;
  height: 3rem;
  background-color: var(--bluish-gray)
}

.checkout-modal__box__main.align-center .icon {
  background-color: var(--secondary);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: var(--fz-32);
  color: #fff
}

.modal__box.full-screen{
  position:relative;
  max-width:none;
  max-height:none;
  width:calc(100% - 2 * var(--side-padding));
  height:85%;
  border-radius:var(--radius-5);
  overflow:visible;
  background-color:transparent
}

.modal__box.full-screen_b2c{
  max-width:50%;
  max-height:100vh;
  width:100%;
  border-radius:var(--radius-15);
  overflow:hidden;
  background-color:var(--white);
  padding:var(--spacing-16)
}

@media screen and (min-width: 810px){
  .modal__box{
    min-width:592px
  }
}

@media screen and (max-width: 809px){
  .modal{
    --modal-box-height: calc( 100vh - 2 * (var(--header-small-height)) )
  }

  .modal__box__main .icon{
    width:3rem;
    height:3rem;
    font-size:var(--fz-22)
  }

  .modal__box__main__steps-container__line{
    height:1rem
  }

  .modal__box__main__steps-container__step{
    padding:0;
    font-size:var(--fz-14)
  }

  .modal__box.full-screen_b2c{
    max-width:50%;
    width:calc(100% + 2 * var(--side-padding));
    height:100vh;
    margin:0 calc(-1 * var(--side-padding));
    border-radius:0;
    overflow:hidden;
    background-color:var(--white);
    padding:var(--spacing-16)
  }
}

.checkbox-link {
  cursor: pointer;
  text-decoration: underline;
}

.flex-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flex-item {
  word-wrap: break-word;
}

.lot-card_b2c__left__header,
.lot-card_b2c__left__header__wrapper {
  height: auto;
}

/*
.info-menu__partners {
  background-color: #18305b;
  padding: 9px;
  display: flex;
  justify-content: center;
  text-align: center;
}
*/

.document-wrapper {
  min-height: 3rem;
  color: var(--primary);
  background: var(--bright-gray);
  border-radius: var(--radius-10);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.document-content {
  padding: 0 var(--spacing-16);
  font-weight: 600;
  font-size: 1em;
  gap: var(--spacing-16)
}

a.logo img, .footer__logo,
.info-menu.ng-star-inserted img {
  display: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/pannellum/build/pannellum.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/* Pannellum 2.5.6, https://github.com/mpetroff/pannellum */
.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a,.pnlm-author-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/js-cloudimage-360-view/dist/static/css/style.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.cloudimage-360-icons-container {
  position: absolute;
  display: flex;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 95%;
  flex-direction: column;
  align-items: center;
  z-index: 101;
}

.cloudimage-360-magnifier-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/loupe.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-fullscreen-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/full_screen.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-reset-zoom-icon {
  display: none;
  width: 30px;
  height: 30px;
  margin-top: auto;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/ic-resize.svg?vh=248986') 50% 50% / cover no-repeat;
}

.cloudimage-360-close-fullscreen-icon {
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/cross.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0%;
  height: 8px;
  background-color: rgb(165, 175, 184);
  z-index: 100;
}

.cloudimage-360-box-shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.cloudimage-360-view-360-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px;
  transition: 0.5s all;
  color: rgb(80, 80, 80);
  text-align: center;
  line-height: 100px;
  z-index: 2;
}

.cloudimage-360-view-360-circle {
  position: absolute;
  left: 0;
  right: 0;
  width: 80%;
  height: auto;
  margin: auto;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  transition: 0.5s all;
  z-index: 2;
}

.cloudimage-360-fullscreen-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #FFF;
}

.cloudimage-360-img-magnifier-glass {
  background-color: #FFF;
  background-repeat: no-repeat;
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: wait;
  line-height: 200px;
  text-align: center;
  z-index: 1000;
  width: 250px;
  height: 250px;
  top: -75px;
  right: -85px;
}

.cloudimage-360 .cloudimage-360-left,
.cloudimage-360 .cloudimage-360-right {
  padding: 8px;
  background: rgb(244, 244, 244);
  border: none;
  border-radius: 4px;
}

.cloudimage-360 .cloudimage-360-left:focus,
.cloudimage-360 .cloudimage-360-right:focus {
  outline: none;
}

.cloudimage-360 .cloudimage-360-left {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 15px);
  left: 20px;
}

.cloudimage-360 .cloudimage-360-right {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 15px);
  right: 20px;
}

.cloudimage-360 .cloudimage-360-left:before,
.cloudimage-360 .cloudimage-360-right:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: 50% 50% / cover no-repeat;
}

.cloudimage-360 .cloudimage-360-left:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}

.cloudimage-360 .cloudimage-360-right:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}

.cloudimage-360 .cloudimage-360-left.not-active,
.cloudimage-360 .cloudimage-360-right.not-active {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.cloudimage-360 .cloudimage-360-top,
.cloudimage-360 .cloudimage-360-bottom {
  padding: 8px;
  background: rgb(244, 244, 244);
  border: none;
  border-radius: 4px;
}

.cloudimage-360 .cloudimage-360-top:focus,
.cloudimage-360 .cloudimage-360-bottom:focus {
  outline: none;
}

.cloudimage-360 .cloudimage-360-top {
  display: none;
  position: absolute;
  z-index: 100;
  left: calc(50% - 15px);
  top: 20px;
  transform: rotate(90deg);
}

.cloudimage-360 .cloudimage-360-bottom {
  display: none;
  position: absolute;
  z-index: 100;
  left: calc(50% - 15px);
  bottom: 20px;
  transform: rotate(90deg);
}

.cloudimage-360 .cloudimage-360-top:before,
.cloudimage-360 .cloudimage-360-bottom:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: 50% 50% / cover no-repeat;
}

.cloudimage-360 .cloudimage-360-top:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}

.cloudimage-360 .cloudimage-360-bottom:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}

.cloudimage-360 .cloudimage-360-top.not-active,
.cloudimage-360 .cloudimage-360-bottom.not-active {
  opacity: 0.4;
  cursor: default;
}