/* Generated by tools/bundle-layout-css.ps1 - do not edit. */
/* --- wwwroot/css/bootstrap-datepicker3.standalone.min.css --- */
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:1.42857143}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:0 5px}

/* --- wwwroot/css/daterangepicker.css --- */
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.drop-up {
        margin-top: -7px;
    }

        .daterangepicker.drop-up:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.drop-up:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none;
    }

    .daterangepicker.single .drp-selected {
        display: none;
    }

    .daterangepicker.show-calendar .drp-calendar {
        display: block;
    }

    .daterangepicker.show-calendar .drp-buttons {
        display: block;
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none;
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px;
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px;
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px;
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none;
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid black;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px;
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        min-width: 32px;
        width: 32px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer;
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff;
    }

        .daterangepicker .calendar-table table {
            width: 100%;
            margin: 0;
            border-spacing: 0;
            border-collapse: collapse;
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        
        border-color: transparent;
        color: inherit;
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        background-color: #fff;
        border-color: transparent;
        color: #999;
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000;
        border-radius: 0;
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px;
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0;
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent;
        color: #fff;
    }

    .daterangepicker th.month {
        width: auto;
    }

    .daterangepicker td.disabled, .daterangepicker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0 auto;
        line-height: 30px;
        position: relative;
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed;
        }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle;
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px;
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 8px;
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd;
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd;
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0;
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px;
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer;
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee;
        }

        .daterangepicker .ranges li.active {
            background-color: #08c;
            color: #fff;
        }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 140px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none;
        }

        .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
            float: left;
        }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0;
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0;
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px;
        }

        .daterangepicker .ranges, .daterangepicker .drp-calendar {
            float: left;
        }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}


/* --- wwwroot/css/intlTelInput.min.css --- */
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}

/* --- wwwroot/css/header.css --- */
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  /* border-bottom: 2px solid #f5f5f5 !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); */
}

.link-item-active a {
  border-bottom: 2px solid rgba(0, 0, 0, 0.75) !important;
}

.header-nav-wrapper{
  padding: 1rem 1.5rem !important;
}

.link-item-sell {
  padding: 0.1rem 1rem;
  border: 1px solid #000;
  border-radius: 8px;
  font-weight: 500;
  margin-top: 2px;
}

/* @media screen and (min-width: 992px) {
  .header {
    padding: 0.5rem 1.5rem;
  }
} */

.header .header-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

@media screen and (max-width: 992px) {
  .header .header-nav {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

.header .header-nav .img-fluid {
  height: 20px;
}

/* @media screen and (min-width: 992px) {
  .header .header-nav {
    height: 90px;
  }
} */

.header .header-links {
  display: flex;
  align-items: center;
  text-align: center;
  flex-grow: 1;
}




.header .header-links .link-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;

}

.header .header-links .link-wrapper.margin-left {
    width: 100% !important;
}


.header .header-links .link-item {
  display: none;
  margin: 0 1rem;
  flex-shrink: 0;
}

.link-item-sell{
  display: none;
}

@media screen and (min-width: 992px) {
  .header .header-links .link-item {
    display: block;
  }
  .link-item-sell{
   display: block;
  }

  .header .header-links .link-wrapper.margin-left {
    margin-left: 3rem;
    width: calc(100% - 3rem) !important;
  }
}

.header .header-links .link-item a {
    padding: 1rem 0.5rem;
    color: #000;
    font-size: 14px;
}

.header .header-links .link-item:hover a {
  border-bottom: 3px solid #bbb !important;
}

.header .header-profile {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
}

.header a:hover {
  color: inherit;
}

.header .lang-container {
  position: relative;
  display: flex;
}

.header .lang-container.mobile {
  margin: 0;
  padding: 0.5rem 1.5rem;
  display: flex;
}

@media only screen and (min-width: 992px) {
  .header .lang-container.mobile {
    display: none;
  }
}

.header .lang-container.mobile .language-dropdown {
  left: 0;
  right: initial;
}

.header .lang-container #lang-btn-dropdown,
.header .lang-container #lang-btn-dropdown-mobile {
  font-weight: 500;
  margin: 0 0.25rem;
  position: relative;
}

.header .lang-container #lang-btn-dropdown:hover,
.header .lang-container #lang-btn-dropdown-mobile:hover {
  cursor: pointer;
}

.header .lang-container #lang-btn-dropdown:after,
.header .lang-container #lang-btn-dropdown-mobile:after {
  display: inline-block;
  margin-left: 0.255em;
  position: absolute;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  top: 50%;
  transform: translateY(-50%);
}

.header .lang-container .language-dropdown.active {
  visibility: visible;
  opacity: 1;
}

.header .lang-container .language-dropdown {
  visibility: hidden;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: max-content;
  transition: opacity 300ms ease-out;
  padding: 0 !important;
  border: none;
  box-shadow: 3px 2px 22px -9px rgba(0, 0, 0, 0.75);
  border-radius: 1.25rem !important;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.header .lang-container .lang-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%;
}

.header .lang-container .lang-item:hover {
  background-color: #0cf !important;
  border-radius: 0;
}

.header .lang-container .lang-item:first-child:hover {
  border-radius: 1.25rem 1.25rem 0 0 !important;
}

.header .lang-container .lang-item:last-child:hover {
  border-radius: 0 0 1.25rem 1.25rem !important;
}

/*.header .header-profile {
    display: block;
    position: static;
    padding: 0.25rem;
    border-radius: 50px;
    border: none;
    margin-left: 0;
}*/

.header .header-profile div.login-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}

@media screen and (min-width: 992px) {
  .header .header-profile {
    margin-left: 1rem;
    position: relative;
  }
}

.header .header-profile .profile-icons {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #ecfcff;
  padding: 0.25rem;
  border-radius: 4px;
  position: relative;
}

.header .header-profile .profile-icons .neo-profile {
  font-size: 1.5rem;
}

.header .header-profile .profile-icons .notification-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header-profile .profile-icons:hover {
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .header .header-profile .profile-icons {
    display: flex;
  }
}



.header .header-profile .profile-img {
  width: 24px;
  height: auto;
  margin: 0 0.25rem;
}

.header .header-profile .user-profile-img {
  width: 47px;
  height: 47px;
}

.user-profile-menu-wrapper {
  display: none;
  flex-direction: row;
  margin: 16px 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ecfcff;
}

.user-profile-menu-wrapper div {
  display: flex;
  flex-direction: column;
}

.user-profile-menu-wrapper a {
  font-size: 12px;
}

.user-profile-menu-wrapper a:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

.header .header-profile .border-radius-circle {
  border-radius: 50%;
}

.header .header-profile #menu-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: calc(100vh - 40px);
  border-radius: 0;
  border: none;
  z-index: 1000;
  background-color: #fff;
  overflow: auto;
}

.notification_icon {
  font-size: 2rem;
}

#menu-content .list-container .menu-list-item-wrapper {
  display: flex;
  flex-direction: row;
  padding: 0px 20px;
}

#menu-content .menu-list-item-mobile {
  border-bottom: 1px solid #ecfcff;
}

#menu-content .menu-list-item-mobile a {
  padding: 0px;
  padding: 0.5rem 0rem !important;
}

#menu-content .list-container .menu-list-item-wrapper:last-child {
  margin: 16px 22px;
  border-bottom: 1px solid #ecfcff;
}

/* #menu-content .list-container .menu-list-item-wrapper:hover {
  background-color: #f5f5f5;
} */

.menu-list-item-wrapper .menu-list-item-icon {
  position: relative;
  width: fit-content;
}

.menu-list-item-wrapper .menu-list-item-icon .notification-badge {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header-profile #menu-content.active {
  display: block;
}

.header .header-profile #menu-content a,
.header .header-profile #menu-content p {
  padding: 0.5rem 1.5rem;
  display: block;
}

@media screen and (min-width: 992px) {
  .header .header-profile #menu-content {
    right: 0;
    left: initial;
    height: auto;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
    width: 300px;
  }
}

.header #mobile-btn:hover {
  cursor: pointer;
}

.header .img-hamb {
  width: 30px;
  height: auto;
}

.header .profile-neo-works {
  border-bottom: none;
}

@media only screen and (min-width: 992px) {
  .header .profile-neo-works {
    border-bottom: none;
  }
}

.header .profile-neo-works .list-container {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.header .profile-neo-works .list-container.active {
  display: block;
  max-height: 100%;
}

@media only screen and (min-width: 992px) {
  .header .profile-neo-works .list-container {
    display: block;
    max-height: 100%;
  }

  .header .profile-neo-works .list-container.active {
    display: block;
    max-height: 100%;
  }
}

.header .profile-neo-works .list-container a {
  padding: 0.5rem 3.5rem;
}

.header .profile-neo-works .list-container a:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 992px) {
  .header .profile-neo-works .list-container a {
    padding: 0.5rem 2.5rem;
  }
}

.header #neostar-works:after {
  display: inline-block;
  margin-left: 0.3em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  transform: translateY(-50%);
}

.header #neostar-works.active:after {
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

@media screen and (min-width: 992px) {
  .header #neostar-works:after {
    content: "";
    border: none !important;
  }
}

.header #login-modal-btn {
  margin: 0;
  padding: 0rem 1.5rem 0.75rem !important;
  border: none !important;
  text-decoration: underline;
}

@media only screen and (min-width: 992px) {
  .header #login-modal-btn {
    border-bottom: none;
  }
}

.header #login-modal-btn:hover {
  cursor: pointer;
}

.header #logout-user {
  width: 100%;
  background-color: white;
  border: none;
  text-align: start;
  padding: 0.75rem 1.5rem;
  /* border-bottom: 1px solid #b0b0b0; */
  box-shadow: none !important;
  text-decoration: underline;
}

@media only screen and (min-width: 992px) {
  .header #logout-user {
    border-bottom: none;
  }
}

.header #logout-user:hover {
  text-decoration: underline !important;
}

.form-modal-login {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
}

.form-modal-login-overlay {
  background-color: rgba(34, 34, 34, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.step-form-login {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 80%;
  max-width: 800px;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0 16px;
  background: white;
  z-index: 300;
}

@media screen and (min-width: 992px) {
  .step-form-login {
    height: auto;
    margin: 20px auto;
    border-radius: 8px;
  }
}

.step-form-login.step-fade .step-form-content {
  width: 100%;
  display: block;
}

.step-form-login.step-fade .step-form-login-content {
  width: 100%;
  display: block;
}

.step-form-login.step-fade .step {
  opacity: 0;
  position: absolute;
}

.step-form-login.step-fade .step.active {
  opacity: 1;
  z-index: 100;
}

@media screen and (max-width: 600px) {
  .step-form-login {
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  .step-form-login {
    width: 100%;
  }
}

.step-form-login-content {
  position: relative;
  overflow: hidden;
  display: flex;
  left: 0;
}

@media screen and (min-width: 991px) {
  .step-form-login-content {
    max-height: calc(100vh - 250px);
  }
}

@media screen and (max-width: 991px) {
  .step-form-login-content {
    height: 100% !important;
  }
}

.step-form-login-header {
  padding: 0 24px 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.step-form-login-header .btn-close-login-modal {
  width: 18px;
  height: 25px;
  border-radius: 50%;
  padding: 0;
  opacity: 1;
}

.step-form-login-header .btn {
  margin-bottom: 0;
  border-radius: 32px;
  padding: 10px 14px;
}

.step-login-container {
  padding: 0 24px 20px;
}

.step-login-container.image-container {
  overflow: hidden;
}

.step-login-container.image-container > img.img-fluid {
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .step-login-container.image-container > img.img-fluid {
    width: 50%;
    float: left;
    margin-right: 20px;
  }
}

.step {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: opacity 0.3s ease-in-out;
}

.step.hide {
  opacity: 0;
}

.step h2 {
  margin-bottom: 22px;
  font-size: 32px;
  font-weight: 500;
}

.step h3 {
  margin-top: 0;
  font-size: 26px;
  font-weight: 500;
}

.step h5 {
  font-size: 15px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}

.step p {
  margin-bottom: 20px;
  font-family: "SuisseIntl";
  font-size: 16px;
  color: #717171;
}

.step .info-text {
  margin-bottom: 20px;
  font-family: "SuisseIntl";
  font-size: 16px;
}

.step img {
  margin-bottom: 14px;
}

.divider {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0;
}

.divider:before {
  content: "";
  height: 1px;
  width: 45%;
  background: #000;
}

.divider:after {
  content: "";
  height: 1px;
  width: 45%;
  background: #000;
}

.btn-light {
  margin-bottom: 16px;
  padding: 14px 12px;
  background-color: #fff;
  border: solid 1px #000;
  font-family: "SuisseIntl";
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.step-controls {
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 24px 0;
  display: flex;
  justify-content: space-between;
}

.step-form-footer {
  margin-top: auto;
  text-align: center;
}

.step-form-footer p {
  margin: 0;
}

.step-form-footer span {
  font-weight: bold;
}

.next-btn-login {
  background-color: #ccc;
  color: #000;
  border: none;
  cursor: pointer;
  font-family: "SuisseIntl";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: center;
}

.next-btn-login {
  color: #fff;
  background-color: #222;
  border-radius: 8px;
  padding: 14px 29px;
}

#register-user-btn {
  width: auto !important;
}

.prev-btn-login {
  right: auto;
  left: 20px;
  text-decoration: underline;
  color: #222;
  background-color: transparent;
  padding: 14px 0;
}

.prev-btn-login:hover {
  cursor: pointer;
}

.color-pink {
  color: #f9c;
}

#logout-user:hover {
  cursor: pointer;
}

.filter-search-button {
    position: absolute;
    left: auto;
    right: 1px;
    font-size: 1.5rem;
    height: 32px;
    align-content: center;
    cursor: pointer;
}
.language-dropdown-mobile {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    background: #fff;
    margin-top: 5px;
}

.lang-item {
    text-decoration: none;
    color: #000;
}

.lang-dropdown-mobile span {
    cursor: pointer;
    font-weight: bold;
}

/* promotion sticky */
.promo-preheader {
    width: 100%;
    position: static;
    /* header */
    z-index: 99;
    padding: 10px 0;
}

.promo-preheader-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.promo-preheader-text {
    font-size: 12px;
    color: #000;
    font-family: "SuisseIntl", sans-serif;
    font-weight: 400;
}

.promo-preheader-btn {
  font-family: "SuisseIntl", sans-serif;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 4px;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
}

.promo-preheader-btn:hover {
  text-decoration: none;
}

.promo-preheader-actions{
    display: flex;
    align-items: center;
    gap: 28px;
}

.promo-preheader-btn-icon{
    margin-left: 12px;
}

.promo-preheader-close {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}


/* --- wwwroot/css/login-modal.css --- */
#loader.loaded{
display: none;
}
#loader {
    background-color: rgba(0, 0, 0, 0.5) !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;   
    z-index: 9998;
    height: 100%;
    width: 100%;
}
.login-register-modal-container .modal-content {
    max-height: 90vh;
    overflow-y: auto;
}
.login-register-modal-container .modal {
    overflow-y:hidden !important;
}
.login-register-modal-container .modal-content::-webkit-scrollbar {
    display: none !important;
}
.login-register-modal-container .modal-dialog{
    margin:50vh auto;
}
.login-register-modal-container .modal.fade.show .modal-dialog {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
}

.login-register-modal-container .modal.fade .modal-dialog {
    -webkit-transform: translate(0,-75%);
    transform: translate(0,-65%);
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
}

    .modal-header-login {
        padding: 15px 30px;
        margin: 5px 0;
        border-bottom: 1px solid #d1d1d1;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }




.modal-header-title {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    flex-grow: 1;
    margin: 0;
}

.modal-content {
    border-radius: 23px;
}
.modal-border-seperator-wrapper{
    position:relative;
    text-align:center;
}
.modal-border-seperator {
    color: #d1d1d1;
}
.modal-border-seperator:before {
    content: '';
    height: 1px;
    background-color: #d1d1d1;
    position: absolute;
    left: 30px;
    width: calc(47% - 30px);
    top: 50%;
    transform: translateY(-100%);
}

.modal-border-seperator:after {
    content: '';
    height: 1px;
    background-color: #d1d1d1;
    position: absolute;
    right: 30px;
    top: 50%;
    width: calc(47% - 30px);
    transform: translateY(-100%);
}

.modal-login-form {
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 30px;
}
    .modal-login-form.no-border, .no-border {
        border: none !important;
    }

#modal-reset-pass-link {
    color: rgba(0,0,0,0.6) !important;
    font-size: 12px;
    text-decoration: underline;
    margin: 5px 0 20px 0;
}

#modal-reset-pass-link:hover{
    cursor:pointer;
}
.modal-login-external {
    padding: 15px 30px
}

.modal-section-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}

.modal-section-title-alt {
    font-size: 25px;
    font-weight: 500;
    padding: 0 0 20px;
    border-bottom: 1px solid #dadce0;
    text-align: center;
}

    .modal-section-info {
        font-size: 13px !important;
        color: rgba(0, 0, 0, 0.6) !important;
        margin: 20px 0;
        line-height: 1.2;
    }

    .modal-section-info > * {
        margin: 0;
    }

.modal-group-wrapper {
    margin: 50px 0
}

.modal-input-wrapper {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: 0.35px;
}

    .modal-input-wrapper input:focus {
        border-color: inherit !important;
    }

    .modal-input-wrapper input {
        letter-spacing: 0.35px;
    }

    .modal-input-wrapper .input-password {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        align-items:stretch;
    }

        .modal-input-wrapper .input-password input.password {
            border-right: none;
            border-radius: 8px 0 0 8px;            
            height:100%;
        }

            .modal-input-wrapper .input-password input.password:focus + .toggle-password {
                border-color: #000;
                transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;                
            }

        .modal-input-wrapper .input-password .input.password.error + .toggle-password {
            border-color: #cc0000 !important;
        }

input::-ms-reveal,
input::-ms-clear {
    display: none;
}
.input-password button.toggle-password {
    background-color: inherit;
    border-left: none !important;
    border-radius: 0 8px 8px 0;
    border: 1px solid #b0b0b0;
    margin-left: -1px;
    color: rgba(0,0,0,0.5);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .input-password button.toggle-password:hover {
        color: #000;
    }

.modal-input-wrapper .input-info {
    display: block;
    margin: 0;
    font-size: 12px;
    padding: 5px 15px;
    color: rgba(0,0,0,0.6) !important;
    margin-top: -3px;
    line-height: 1.2;
    font-weight:500;
}

.modal-input-wrapper .modal-label {
    position: absolute;
    bottom: calc(100% - 10px);
    left: 8px;
    width: auto;
    transform: translate(0, 0);
    transition: transform 150ms;
    background-color: rgba(255,255,255,.2);
    color: rgba(0,0,0,0.6) !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    font-weight: 500;
    display: block;
    margin: 0;
}
.modal-input-wrapper input::placeholder{
    color:rgba(0,0,0,0.4) !important;
}
.modal-input-wrapper .modal-label.label-phone {
    transform: translateY(-5px);
}
    .modal-input-wrapper input.form-control:focus:not([readonly]) {
        border-color: #000;
        box-shadow: none;
    }

    .modal-input-wrapper input.form-control:focus:not([readonly]) ~ .modal-label {
        transform: translateY(-5px);
        font-size: inherit;
    }

    .modal-input-wrapper .modal-label.active {
        transform: translateY(-5px);
        font-size: inherit;
    }

.neo-close.login-close:before {
    content: "\e912";
    display: flex;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.modal-arrow-back {
    fill: #000000;
    height: auto;
    max-width: 28px;
    margin-right: 5px;
    padding-left: 10px;
}

    .modal-arrow-back:hover {
        cursor:pointer;
    }

button.btn-modal, a.btn-modal {
    font-weight: 500;
    font-size: 18px;
    color: white;
    padding: 12px;
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: #0cf;
    text-align: center;
    margin: 12px 0;
    line-height: normal;
}

    button.btn-modal.btn-blue, a.btn-modal.btn-blue {
        background-color: #0cf !important;
    }

    button.btn-modal.btn-external, a.btn-modal.btn-external {
        background-color: transparent !important;
        color: #707070;
        padding: 12px 20px;
        border: 1px solid #707070;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        button.btn-modal.btn-external .fab, a.btn-modal.btn-external .fab {
            color: #000;
        }



/*----  TABS  ----*/
.modal-tab-content {
    padding: 15px 30px;
    display: none;
}

    .modal-tab-content.active {
        display: block;
    }

.modal-header-tabs {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

    .modal-header-tabs .modal-tab:hover {
        cursor: pointer;
        background-color: rgba(235,250,255,0.5) !important;
    }

    .modal-header-tabs .modal-tab {
        align-self: stretch;
        flex-grow: 1;
        display: flex;
        padding: 20px 10px;
        align-items: center;
        border: none;
    }

    .modal-header-tabs .modal-tab {
        border-bottom: 1px solid #ebfaff;
    }

            .modal-header-tabs .modal-tab.active {
                border-bottom: 1px solid #7FE5FF;
            }
            .modal-header-tabs .modal-tab:first-child {
                justify-content: flex-start;
                margin-right:2px;
            }
            .modal-header-tabs .modal-tab:last-child {
                justify-content: flex-end;
                margin-left: 2px;
            }
      /*  .modal-header-tabs .modal-tab {
            border-top: none;
            border-radius: 0 0 15px 15px;
        }

        .modal-header-tabs .modal-tab:hover {
            border-top: none;
            border-radius: 0 0 20px 20px;
        }

        .modal-header-tabs .modal-tab:first-child:hover {
            border-radius: 20px 0;
        }

        .modal-header-tabs .modal-tab:first-child {
            border-left: none;
            border-top: none;
            border-radius: 15px 0;
        }

        .modal-header-tabs .modal-tab:last-child {
            border-right: none;
            border-top: none;
            border-radius: 0 15px;
        }

        .modal-header-tabs .modal-tab:last-child:hover {
            border-radius: 0 20px;
        }*/

        .modal-input-wrapper .input-phone .iti{
            width:100%;
        }
.modal-info-message-content{
    text-align:center;
    margin:0;
    padding: 50px 0;
}
.msg-output {
    margin: 15px 0;
    text-align: center;
    color: #ff3547 !important;
}
.modal-link a {
    color: rgba(0,0,0,0.6);
    text-decoration:underline;
}

.modal-link a:hover{
    cursor: pointer;
}

.text-danger.field-validation-error {
    color: #f9c !important;
}

.reset-pass-label {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline !important;
    font-size: 13px;
    cursor: pointer;
}

.reset-pass-label:hover {
    color: rgba(0, 0, 0, 0.8);
}

.step-reset-pass-container {
    padding: 42px 23px 18px;
    display: none;
    width: 100%;
    margin: auto;
}

    .step-reset-pass-container.active {
        display: flex !important;
    }

@media screen and (min-width:768px) {
    .step-reset-pass-container {
        padding: 15px 40px;
    }
}

#resetPasswordModal .step-form-content {
    max-height: 100%;
}

/* Kada se prikaže error na loginu, forma se ne smije skrolati -
   sav sadržaj mora biti vidljiv odjednom, a body sadržaj zauzima punu visinu modala.
   Aktivni korak je inače position:absolute (.step-fade .step.active) pa mu je visina
   fiksirana JS-om; ovdje ga vraćamo u tok da kontejner naraste uz sadržaj (uklj. error). */
.step-form-login:has(#login-msg:not(.d-none)) {
    height: auto;
}

.step-form-login:has(#login-msg:not(.d-none)) .step-form-login-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible;
}

.step-form-login:has(#login-msg:not(.d-none)) .step.active {
    position: relative;
    height: 100%;
    overflow: visible;
}

/* --- wwwroot/css/vehicle-search-ai-modal.css --- */
.vehicle-search-ai-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000001;
  align-items: center;
  justify-content: center;
  padding: 16px;
  font-family: 'SuisseIntl', sans-serif;
  overscroll-behavior: contain;
  touch-action: none;
}

html.vehicle-search-ai-modal-open,
body.vehicle-search-ai-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
  touch-action: none;
}

.vehicle-search-ai-modal.is-open {
  display: flex;
}

.vehicle-search-ai-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(34, 34, 34, 0.55);
  touch-action: none;
}

.vehicle-search-ai-modal-panel {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 720px;
  height: min(82vh, 720px);
  max-height: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  touch-action: auto;
}

.vehicle-search-ai-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: none;
  background: #09cdfe;
  flex-shrink: 0;
}

.vehicle-search-ai-modal-header-info {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.vehicle-search-ai-modal-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  line-height: 0;
}

.vehicle-search-ai-modal-logo img {
  display: block;
  width: 32px;
  height: 32px;
}

.vehicle-search-ai-modal-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

.vehicle-search-ai-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.vehicle-search-ai-modal-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  cursor: pointer;
  font-size: 1.125rem;
  transition: background-color 0.2s;
}

.vehicle-search-ai-modal-btn-icon:hover {
  background: rgba(255, 255, 255, 0.34);
}

.vehicle-search-ai-modal-btn-icon .neo-close::before {
  color: #fff;
}

.vehicle-search-ai-modal-btn-icon .neo-close {
  font-size: 0.875rem;
}

.vehicle-search-ai-modal-messages {
  flex: 1 1 0;
  min-height: 0;
  height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.vehicle-search-ai-message {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  max-width: 88%;
}

.vehicle-search-ai-message--user {
  align-self: flex-end;
  flex-direction: row-reverse;
}

.vehicle-search-ai-message--assistant {
  align-self: flex-start;
}

.vehicle-search-ai-modal-header-text{
  display: flex;
  align-items: center;
  gap: 8px;
}


.vehicle-search-ai-model-beta{
  display: inline-block;
  padding: 2px 4px;
  border-radius: 10px;
  background: rgba(247, 247, 252, 1);
  border: 1px solid #e8eef2;
  color: #1a2b3c;
  font-size: 0.5rem;
  font-weight: 700;
}

.vehicle-search-ai-message-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  line-height: 0;
}

.vehicle-search-ai-message-avatar img {
  display: block;
  width: 32px;
  height: 32px;
}

.vehicle-search-ai-message--assistant .vehicle-search-ai-message-avatar {
  background: transparent;
}

.vehicle-search-ai-message--user .vehicle-search-ai-message-avatar {
  background: #d8e2ea;
  color: #fff;
  font-size: 0.95rem;
}

.vehicle-search-ai-message--user .vehicle-search-ai-message-avatar .neo-profile::before {
  color: #fff;
}

.vehicle-search-ai-message-bubble {
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 0.9375rem;
  line-height: 1.5;
  word-wrap: break-word;
}

.vehicle-search-ai-message--assistant .vehicle-search-ai-message-bubble {
  background: rgba(247, 247, 252, 1);
  border: 1px solid #e8eef2;
  color: #1a2b3c;
  max-width: 100%;
}

.vehicle-search-ai-cards-heading {
  margin: 0 0 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1a2b3c;
}

.vehicle-search-ai-cards-hint {
  margin: 0 0 10px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #6b7c8f;
}

.vehicle-search-ai-recommendations {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  margin-top: 14px;
}

.vehicle-search-ai-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 0;
}

.vehicle-search-ai-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}

.vehicle-search-ai-card-action {
  /* flex: 1 1 160px; */
  /* min-height: 44px; */
  padding: 8px 16px;
  border: none;
  border-radius: 25px;
  background: linear-gradient(90deg,#0cf 0,#80ceaa 100%);
  color: #fff;
  font-size: 0.85rem;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(9, 205, 254, 0.28);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.vehicle-search-ai-card-action:hover {
  background: #08b8e5;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(9, 205, 254, 0.32);
}

.vehicle-search-ai-card {
  display: flex;
  gap: 12px;
  padding: 10px;
  border: 1px solid #b8e8f5;
  border-radius: 12px;
  background: #fff;
  color: inherit;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.vehicle-search-ai-card:hover {
  border-color: #09cdfe;
  box-shadow: 0 2px 8px rgba(9, 205, 254, 0.18);
}

.vehicle-search-ai-card.is-selected {
  border-color: #09cdfe;
  background: #f0fbff;
  box-shadow: 0 0 0 2px rgba(9, 205, 254, 0.2);
}

.vehicle-search-ai-card-view {
  display: inline-block;
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #09cdfe;
  text-decoration: none;
}

.vehicle-search-ai-card-view:hover {
  text-decoration: none;
}

.vehicle-search-ai-card-image {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  background: #f0f4f7;
}

.vehicle-search-ai-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vehicle-search-ai-card-title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #1a2b3c;
}

.vehicle-search-ai-card-meta {
  font-size: 0.75rem;
  color: #6b7c8f;
  line-height: 1.3;
}

.vehicle-search-ai-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.vehicle-search-ai-card-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  background: #f0f4f7;
  font-size: 0.6875rem;
  color: #4a5c6d;
  line-height: 1.4;
}

.vehicle-search-ai-card-prices {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}

.vehicle-search-ai-card-price {
  font-weight: 700;
  font-size: 1rem;
  color: #1a2b3c;
}

.vehicle-search-ai-card-leasing {
  font-size: 0.8125rem;
  color: #09cdfe;
  white-space: nowrap;
}

.vehicle-search-ai-message--user .vehicle-search-ai-message-bubble {
  background: rgba(0, 204, 255, 0.18);
  color: rgba(1, 165, 206, 1);
}

.vehicle-search-ai-message-time {
  display: block;
  margin-top: 6px;
  font-size: 0.6875rem;
  opacity: 0.7;
  text-align: right;
}

.vehicle-search-ai-typing {
  display: flex;
  gap: 4px;
  padding: 4px 0;
}

.vehicle-search-ai-typing span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b7c8f;
  animation: vehicle-search-ai-typing 1.4s infinite;
}

.vehicle-search-ai-typing span:nth-child(2) {
  animation-delay: 0.2s;
}

.vehicle-search-ai-typing span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes vehicle-search-ai-typing {
  0%,
  60%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }

  30% {
    opacity: 1;
    transform: scale(1);
  }
}

.vehicle-search-ai-modal-footer {
  padding: 12px 16px 16px;
  border-top: 1px solid #e8eef2;
  background: #fff;
  flex-shrink: 0;
}

.vehicle-search-ai-modal-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.vehicle-search-ai-modal-shortcuts[hidden] {
  display: none;
}

.vehicle-search-ai-modal-shortcut {
  flex: 1 1 calc(50% - 5px);
  min-height: 40px;
  padding: 10px 16px;
  border: 1.5px solid #90f0c8;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.vehicle-search-ai-modal-shortcut:hover {
  background: #ebfaff;
  border-color: #09cdfe;
  color: #000;
}

.vehicle-search-ai-modal-shortcut--general {
  border-color: #09cdfe;
  color: #09cdfe;
  background: #fff;
}

.vehicle-search-ai-modal-shortcut--general:hover {
  background: #f0fbff;
  border-color: #08b8e5;
  color: #08b8e5;
}

.vehicle-search-ai-home-actions-wrap,
.vehicle-search-ai-recommendations-wrap {
  width: 100%;
  max-width: 100%;
  align-self: stretch;
}

.vehicle-search-ai-home-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vehicle-search-ai-home-actions-heading {
  margin: 0 0 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1a2b3c;
}

.vehicle-search-ai-home-actions-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vehicle-search-ai-home-action {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #fff;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.vehicle-search-ai-home-action:hover {
  box-shadow: 0 2px 8px rgba(26, 43, 60, 0.08);
}

.vehicle-search-ai-home-action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  flex-shrink: 0;
  font-size: 1.125rem;
}

.vehicle-search-ai-home-action-label {
  flex: 1;
  min-width: 0;
}

.vehicle-search-ai-home-action-arrow {
  flex-shrink: 0;
  font-size: 0.75rem;
}

.vehicle-search-ai-home-action--find-car {
  border-color: #73c9fa;
  color: #1a8fd4;
}

.vehicle-search-ai-home-action--find-car .vehicle-search-ai-home-action-icon::before,
.vehicle-search-ai-home-action--find-car .vehicle-search-ai-home-action-arrow::before {
  color: #1a8fd4;
}

.vehicle-search-ai-home-action--find-car:hover {
  background: #f0fbff;
}

.vehicle-search-ai-home-action--leasing {
  border-color: #90f0c8;
  color: #1f9b6f;
}

.vehicle-search-ai-home-action--leasing .vehicle-search-ai-home-action-icon::before,
.vehicle-search-ai-home-action--leasing .vehicle-search-ai-home-action-arrow::before {
  color: #1f9b6f;
}

.vehicle-search-ai-home-action--leasing:hover {
  background: #f3fcf8;
}

.vehicle-search-ai-home-action--promotions {
  border-color: #f5d27a;
  color: #c98a00;
}

.vehicle-search-ai-home-action--promotions .vehicle-search-ai-home-action-icon::before,
.vehicle-search-ai-home-action--promotions .vehicle-search-ai-home-action-arrow::before {
  color: #c98a00;
}

.vehicle-search-ai-home-action--promotions:hover {
  background: #fffaf0;
}

.vehicle-search-ai-modal-input-wrap {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.vehicle-search-ai-modal-input {
  flex: 1;
  min-height: 44px;
  max-height: 120px;
  padding: 10px 16px;
  border: 1px solid #73c9fa;
  border-radius: 999px;
  background: #f0f9ff;
  font-size: 16px;
  color: #1a2b3c;
  resize: none;
  outline: none;
  line-height: 1.4;
}

.vehicle-search-ai-modal-input::placeholder {
  color: #6b7c8f;
}

.vehicle-search-ai-modal-input:focus {
  box-shadow: 0 0 0 2px rgba(115, 201, 250, 0.25);
}

.vehicle-search-ai-modal-send {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  overflow: hidden;
  transition: opacity 0.2s, filter 0.2s;
}

.vehicle-search-ai-modal-send:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.vehicle-search-ai-modal-send:not(:disabled):hover {
  filter: brightness(1.1);
}

.vehicle-search-ai-modal-hint {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 0.75rem;
  color: #6b7c8f;
}

@media screen and (max-width: 576px) {
  .vehicle-search-ai-modal {
    padding: 0;
    align-items: flex-start;
    justify-content: stretch;
  }


    .vehicle-search-ai-modal-title {
      font-size: 1rem;
    }



  .vehicle-search-ai-modal-panel {
    max-width: none;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    height: var(--vehicle-search-ai-vv-height, 100dvh);
    max-height: 100vh;
    max-height: 100dvh;
    max-height: var(--vehicle-search-ai-vv-height, 100dvh);
    border-radius: 0;
    transform: translateY(var(--vehicle-search-ai-vv-offset, 0px));
    transition: transform 0.15s ease-out;
  }

  .vehicle-search-ai-modal-hint {
    display: none;
  }
}
.vehicle-search-ai-modal.is-animating .vehicle-search-ai-modal-panel {
  transition: transform 0.34s cubic-bezier(0.34, 0.8, 0.3, 1), opacity 0.28s ease !important;
  will-change: transform, opacity;
}

.vehicle-search-ai-modal.is-animating .vehicle-search-ai-modal-overlay {
  transition: opacity 0.28s ease !important;
}

.vehicle-search-ai-modal.is-no-anim .vehicle-search-ai-modal-panel,
.vehicle-search-ai-modal.is-no-anim .vehicle-search-ai-modal-overlay {
  transition: none !important;
}
.vehicle-search-ai-modal.is-minimizing .vehicle-search-ai-modal-panel {
  transform: translate(var(--vehicle-search-ai-minimize-x, 0px), var(--vehicle-search-ai-minimize-y, 0px))
    scale(0.06);
  opacity: 0;
}

.vehicle-search-ai-modal.is-minimizing .vehicle-search-ai-modal-overlay {
  opacity: 0;
}

.vehicle-search-ai-modal-launcher {
  position: fixed;
  right: 20px;
  bottom: 92px;
  z-index: 1000000;
  display: none;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vehicle-search-ai-modal-launcher img {
  display: block;
  width: 36px;
  height: 36px;
}

.vehicle-search-ai-modal-launcher.is-visible {
  display: flex;
  animation: vehicle-search-ai-launcher-in 0.3s cubic-bezier(0.34, 1.4, 0.5, 1);
}

.vehicle-search-ai-modal-launcher:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(9, 205, 254, 0.4);
}

@keyframes vehicle-search-ai-launcher-in {
  0% {
    opacity: 0;
    transform: scale(0.3) translateY(12px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@media screen and (max-width: 576px) {
  .vehicle-search-ai-modal-launcher {
    right: 16px;
    bottom: 84px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vehicle-search-ai-modal.is-animating .vehicle-search-ai-modal-panel,
  .vehicle-search-ai-modal.is-animating .vehicle-search-ai-modal-overlay,
  .vehicle-search-ai-modal-launcher.is-visible {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}


/* --- wwwroot/css/common.min.css --- */
body{font-family:"SuisseIntl";color:#222;line-height:1.5;margin-top:74px;margin-bottom:100px;}@media screen and (min-width:768px){body{margin-bottom:20px;}}@media screen and (min-width:992px){body{margin-top:74px;margin-bottom:20px;}}b,strong{font-weight:500;}.border-radius-top{border-radius:8px 8px 0 0;}.border-radius-bottom{border-radius:0 0 8px 8px;}.border-radius{border-radius:8px 8px 8px 8px;}.border-radius-none{border-radius:none;}.suisse-font{font-family:"SuisseIntl";}.ajax-message,.ajax-message-login{margin-top:15px;max-height:160px;overflow:auto;}.neostar-icon{color:#000!important;}.border-bottom-custom{border-bottom:1px solid #b0b0b0;}.gray-bcg{padding:32px 0 56px;background-color:#f7f7f7;}.reset-form-btn{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#000;font-size:14px;padding:15px;border-radius:20px;}.reset-form-btn:hover{background:#e0dede;}.reset-form-btn .icon-close{font-size:14px;font-weight:500;}.hidden{visibility:hidden!important;}.slider-checkbox{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;}.slider-checkbox:before{background-color:#fff;bottom:4px;left:4px;content:"";position:absolute;transition:.4s;height:15px;width:15px;}input.custom-checkbox:checked+label{background-color:#7fe5ff;}input.custom-checkbox:checked+label .slider-checkbox{background-color:#000;}input.custom-checkbox:checked+label .slider-checkbox:before{transform:translateX(17px);}.slider-checkbox.round{border-radius:25px;}.slider-checkbox.round:before{border-radius:50%;}.custom-checkbox-box{display:inline-block;height:23px;position:relative;width:40px;min-width:40px;margin-left:8px;}@media screen and (min-width:768px){.slider-checkbox{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;}.slider-checkbox:before{background-color:#fff;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px;}input.custom-checkbox:checked+label .slider-checkbox{background-color:#000;}input.custom-checkbox:checked+label .slider-checkbox:before{transform:translateX(22px);}.slider-checkbox.round{border-radius:30px;}.slider-checkbox.round:before{border-radius:50%;}.custom-checkbox-box{display:inline-block;height:30px;position:relative;width:52px;min-width:52px;margin-left:4px;}}.img-icon{width:38px;margin:0;}.file-info-group{border-radius:4px;position:relative;width:110px;height:65px;padding:8px;box-sizing:border-box;align-self:stretch;flex:0 0 50%;min-height:100px;}@media screen and (min-width:480px){.file-info-group{flex:0 0 33.33%;min-height:100px;}}@media screen and (min-width:576px){.file-info-group{min-height:100px;}}@media screen and (min-width:768px){.file-info-group{flex:0 0 25%;min-height:95px;}}@media screen and (min-width:992px){.file-info-group{flex:0 0 20%;}}@media screen and (min-width:1200px){.file-info-group{flex:0 0 16.66%;min-height:95px;}}@media screen and (min-width:1400px){.file-info-group{flex:0 0 14.28%;min-height:100px;}}img.file-info{width:100%;max-width:100%;height:100%;object-fit:cover;border-radius:4px;}.btn-remove-file{cursor:pointer;position:absolute;top:12px;right:12px;z-index:10;background-color:#fff;padding:3px;width:18px;height:18px;font-size:12px!important;display:flex;align-items:center;justify-content:center;font-weight:600;}.file-info-wrapper{margin:10px -8px;display:flex;flex-wrap:wrap;}.no-shadow{box-shadow:none!important;}.text-small{font-size:14px;}@media screen and (min-width:992px){.text-small{font-size:16px;}}.fs-12{font-size:12px!important;}input.input-bg-gray{background-color:#f5f5f5;}input.input-bg-gray:focus{background-color:#fff;}.color-pink{color:#f9c;}.main-heading-h1{font-family:"SuisseIntl";font-size:40px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:-1.2px;color:#0cf;}.main-heading-h2{font-family:"SuisseIntl";font-size:32px;font-weight:500;}@media screen and (min-width:992px){.main-heading-h2{font-size:46px;}}.main-heading-h2 strong{font-size:40px;font-weight:500;}@media screen and (min-width:992px){.main-heading-h2 strong{font-size:50px;}}.main-heading-h3{font-family:"SuisseIntl";font-size:22px;font-weight:600;line-height:1.25;}@media screen and (min-width:992px){.main-heading-h3{font-size:32px;}}.main-heading-h4{font-family:"SuisseIntl";font-size:18px;font-weight:500;}@media screen and (min-width:992px){.main-heading-h4{font-size:26px;}}.main-subheading{font-family:"SuisseIntl";font-size:26px;font-weight:500;}@media screen and (min-width:992px){.main-subheading{font-size:30px;}}.page-info-title{font-family:"SuisseIntl";font-size:16px;font-weight:500;}.page-info-text{margin-bottom:40px;font-family:"SuisseIntl";font-size:16px;color:#717171;}.btn-black{color:#fff;background-color:#222;border-radius:8px;border:solid 1px #000;padding:14px 50px!important;min-width:180px;font-weight:500;font-size:14px;width:auto;margin:3rem 0 0 0;font-family:"SuisseIntl";}@media screen and (min-width:992px){.btn-black{min-width:226px;}}.btn-black:hover{color:#fff!important;background:#424649;}.btn-start-form{width:auto;margin:4.5rem 0 0 0;font-family:"SuisseIntl";padding:.7rem 2.5rem;color:#fff!important;border-radius:8px;background:#000;border:solid 1px #000;}.btn-start-form:hover{color:#fff!important;background:#424649;}.icon-check_mark,.icon-check_mark.black{font-size:30px;color:#000;}.icon-check_mark.black{color:#000!important;}.icon-close{font-size:28px;color:#000;}.form-modal-active{overflow:hidden!important;}.form-modal-info{display:block;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:550;}.form-modal-info .overlay{background-color:rgba(34,34,34,.6);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;}.form-modal-info .modal-info-container{overflow:auto;display:flex;flex-direction:column;position:relative;width:100%;height:100%;margin:0 auto;padding:20px;background:#fff;z-index:300;}@media screen and (min-width:576px){.form-modal-info .modal-info-container{width:80%;max-width:800px;}}@media screen and (min-width:992px){.form-modal-info .modal-info-container{height:auto;max-height:95vh;margin:20px auto;border-radius:8px;}}.form-modal-info .info-header{width:100%;margin:8px 0;text-align:end;}.form-modal-info .info-header .btn-close-info-modal{width:43px;height:43px;border-radius:50%;padding:0;opacity:1;}.form-modal-info .info-content{margin:8px 0;}.form-modal-info .info-content h3{margin-bottom:8px;}.form-modal-info .info-content .text{margin-bottom:8px;}.form-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:500;}.inner-modal{display:none;overflow:auto;position:fixed;top:0;left:0;right:0;max-width:580px;height:100%;margin:0 auto;z-index:3200;border-radius:12px;box-shadow:0 8px 28px 0 rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.04);background-color:#fff;}@media screen and (min-width:992px){.inner-modal{top:20px;left:10px;right:10px;height:auto;}}.inner-modal .btn-close{width:45px;height:45px;border-radius:50%;padding:0;position:absolute;top:10px;right:10px;}.inner-modal .text-container{padding:24px 24px 32px;}.inner-modal .umb-block-list .col-md-4{padding:0;}.form-modal-overlay{background-color:rgba(34,34,34,.6);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;}input.form-check-input:checked+.form-check-label{border:1px solid #000;outline:1px solid #000;}input.form-check-input:checked+.service-type-picker{border-color:#7fe5ff;outline:0;background-color:#7fe5ff;}.form-check:not(.form-switch){position:relative;margin:0;padding:0;}.form-check:not(.form-switch) input{z-index:100;width:24px;height:24px;}.form-check:not(.form-switch).inline-check .form-check-input[type=radio],.form-check:not(.form-switch).inline-check .form-check-input[type=checkbox],.form-check:not(.form-switch).block-check .form-check-input[type=radio],.form-check:not(.form-switch).block-check .form-check-input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;margin:0;visibility:hidden;}.form-check:not(.form-switch).inline-check .form-check-label,.form-check:not(.form-switch).block-check .form-check-label{position:relative;display:flex;justify-content:space-between;z-index:100;border-radius:12px;border:solid 1px #ddd;z-index:10;cursor:pointer;align-items:center;}.form-check:not(.form-switch).inline-check .form-check-label strong,.form-check:not(.form-switch).block-check .form-check-label strong{display:block;font-size:12px;color:#222;font-weight:600;}.form-check:not(.form-switch).inline-check .form-check-label span,.form-check:not(.form-switch).block-check .form-check-label span{display:block;font-family:"SuisseIntl";font-size:14px;color:#717171;}.form-check:not(.form-switch) input:checked+.form-check-label,.form-check:not(.form-switch) input[checked]+.form-check-label{box-shadow:0 0 0 2px #222;background-color:#7fe5ff;border:solid 1px #7fe5ff!important;border-color:#7fe5ff!important;outline:0;box-shadow:none;}.form-check:not(.form-switch).block-check{margin-bottom:12px;}.form-check:not(.form-switch).block-check .form-check-label{padding:24px 16px;}.form-check:not(.form-switch).inline-check{display:inline-block;width:auto;margin-bottom:12px;}.form-check:not(.form-switch).inline-check .form-check-label.custom-border{border-radius:6px;border-color:#000;padding:11px 18px;align-items:center;}.form-check:not(.form-switch).inline-check .form-check-label{border-radius:32px;padding:7px 18px;align-items:center;}.form-check:not(.form-switch).inline-check i{margin-right:12px;}.step-form-login{overflow:hidden;display:flex;flex-direction:column;position:relative;width:80%;max-width:800px;height:100%;margin:0 auto;padding:20px 0 16px;background:#fff;z-index:300;}@media screen and (min-width:992px){.step-form-login{height:auto;max-height:95vh;margin:20px auto;border-radius:8px;}}.step-form-login.step-fade .step-form-content{width:100%;display:block;}.step-form-login.step-fade .step-form-login-content{width:100%;display:block;}.step-form-login.step-fade .step{opacity:0;position:absolute;}.step-form-login.step-fade .step.active{opacity:1;z-index:100;}@media screen and (max-width:600px){.step-form-login{width:100%;}}@media screen and (max-width:400px){.step-form-login{width:100%;}}.step-form-login-header{padding:0 24px 14px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;}.step-form-login-header .btn-close-login-modal{width:18px;height:25px;border-radius:50%;padding:0;opacity:1;}.step-form-login-header .btn{margin-bottom:0;border-radius:32px;padding:10px 14px;}.btn-external-login{position:relative;padding-left:40px;padding-right:40px;}.btn-external-login .icon{position:absolute;top:50%;left:16px;transform:translateY(-50%);}.step-form-content{position:relative;overflow:hidden;display:flex;left:0;height:100%;z-index:1;}@media screen and (min-width:992px){.step-form-content{max-height:calc(100vh - 250px);}}.step-form-content .step-form-loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10000;}.step-form-content .step-form-loader .preloader-backdrop{position:relative;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);}.step-form-content .step-form-loader .preloader{top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);}.step-form-content .step-form-loader .preloader.black:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #000;animation:prixClipFix 2s linear infinite;}.step-form-login-content{position:relative;overflow:hidden;display:flex;left:0;height:100%;}@media screen and (min-width:992px){.step-form-login-content{max-height:calc(100vh - 250px);}}.step-form-login-content.external-content{overflow:auto;}.step{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:opacity .3s ease-in-out;}.step.hide{opacity:0;}.step h2{margin-bottom:22px;font-size:32px;font-weight:500;}.step h3{margin-top:0;font-size:26px;font-weight:500;}.step h5{font-size:15px;font-size:16px;font-weight:500;margin-bottom:16px;}.step p{margin-bottom:20px;font-family:"SuisseIntl";font-size:16px;color:#717171;}.step .info-text{margin-bottom:20px;font-family:"SuisseIntl";font-size:16px;}.step .info-text-red{margin-bottom:20px;font-family:"SuisseIntl";font-size:14px;color:#c00;}.step img{margin-bottom:14px;}.step-container{padding:12px 24px 20px;}.step-container.image-container{overflow:hidden;}.step-container.image-container>img.img-fluid{border-radius:8px;overflow:hidden;}@media screen and (min-width:768px){.step-container.image-container>img.img-fluid{width:50%;float:left;margin-right:20px;}}.final-step .fail-screen{display:none;}.final-step .success-screen{display:block;}.final-step.failed .fail-screen{display:block;}.final-step.failed .success-screen{display:none;}.rte p{margin-bottom:20px;font-family:"SuisseIntl";font-size:16px;}.step-form-pagination ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;}.step-form-pagination li{background-color:#ccc;color:#000;margin:0 5px;padding:10px 20px;}.step-form-pagination li.active{background-color:#000;color:#fff;}.step-form-progress{position:relative;width:100%;border-radius:6px;overflow:hidden;background-color:#ddd;margin:16px 0;}.step-form-progress:before{display:none;content:"";position:absolute;width:2px;background:#fff;height:100%;top:0;left:25%;}.step-form-progress:after{display:none;content:"";position:absolute;width:2px;background:#fff;height:100%;top:0;right:25%;}.step-form-progress-bar{overflow:hidden;width:0%;height:6px;border-radius:6px;background-color:#0cf;}.step-form-progress-bar-dividers{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;}.progress-bar-divider{display:block;height:6px;width:1px;background:transparent;border-right:2px solid #fff;}.step-form-footer{margin-top:auto;text-align:center;}.step-form-footer p{margin:0;}.step-form-footer span{font-weight:bold;}.step-controls{box-shadow:0 -1px 6px 0 rgba(0,0,0,.1);padding:20px 24px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:15;}.help-modal-btn,.next-btn,.prev-btn,.next-btn-login{background-color:#ccc;color:#000;border:0;cursor:pointer;font-family:"SuisseIntl";font-size:16px;font-weight:500;letter-spacing:normal;text-align:center;}.next-btn-login{width:100%;}.help-modal-btn,.next-btn,.next-btn-login{color:#fff;background-color:#222;border-radius:8px;padding:14px 29px;}#register-user-btn{width:auto!important;}.prev-btn,.prev-btn-login{right:auto;left:20px;text-decoration:underline;color:#222;background-color:transparent;padding:14px 0;}input#google-pac-input-js,input.input-geo-input{box-sizing:border-box;position:absolute;left:0!important;right:0!important;top:22px!important;height:48px!important;width:calc(100% - 44px);margin:0 auto!important;padding:0 12px 0 36px;border:1px solid transparent;border-radius:8px;outline:0;background-image:url("../fonts/NeostarIcons/SVG/map_marker.svg");background-size:24px;background-repeat:no-repeat;background-position:10px center;background-color:#fff;font-size:14px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);}@media screen and (min-width:768px){input#google-pac-input-js,input.input-geo-input{width:calc(50% - 44px);}}.geocoder-map{position:relative;}label{font-size:16px;}.form-switch{padding-left:0;display:flex;align-items:center;justify-content:space-between;}.form-switch .form-check-label{background-color:#ebfaff;}.form-switch .form-check-input{min-width:44px;width:44px;height:29px;background-color:#ddd;margin:0;position:static;border:0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");cursor:pointer;}.form-switch .form-check-input:checked{background-color:#222;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0NCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI5LjUiIGN5PSIxNSIgcj0iMTIuNSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC44NiAxMS43OTNhMSAxIDAgMCAxIDAgMS40MTRsLTUuNSA1LjVhMSAxIDAgMCAxLTEuNDI4LS4wMTNsLTIuNjUyLTIuNzVhMSAxIDAgMSAxIDEuNDQtMS4zODhsMS45NDUgMi4wMTcgNC43OC00Ljc4YTEgMSAwIDAgMSAxLjQxNCAweiIgZmlsbD0iIzIyMiIvPgo8L3N2Zz4K")!important;}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");box-shadow:none;outline:0;border:1px solid rgba(0,0,0,.25);}.form-check-input{float:none!important;position:static;cursor:pointer;}.form-check-label{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;}.custom-border{border:1px solid #b0b0b0;padding:30px 18px;border-radius:6px;}label.label-box{padding:14px 16px;border-radius:8px;}.form-control{height:56px!important;border-radius:8px;border:solid 1px #b0b0b0;font-size:16px;position:relative;}.form-control:focus{border-color:none;outline:0;box-shadow:none;}.date-field{margin:0!important;padding:0!important;position:relative;}.date-field:after{content:url(../fonts/NeostarIcons/SVG/calendar.svg);position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:30px;max-width:30px;height:auto;line-height:1;}.time-field{margin:0!important;padding:0!important;position:relative;}.time-field:after{content:url(../fonts/NeostarIcons/SVG/TIME.svg);position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:30px;max-width:30px;height:auto;line-height:1;}textarea.form-control{min-height:140px;}.file-upload{position:relative;}.file-upload label{display:flex;justify-content:center;align-items:center;padding:10px 12px;border:solid 1px #000;border-radius:8px;font-family:"SuisseIntl";color:#222;cursor:pointer;font-size:14px;}.file-upload label img{width:26px;margin:0;}.file-upload label p{margin:0 0 0 16px;font-weight:600;font-size:14px;color:#000;}.file-upload input[type=file]{visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;cursor:pointer;}.styled-select{-webkit-appearance:none;-moz-appearance:none;background:transparent;background-image:url(../fonts/NeostarIcons/SVG/arrow_down.svg);background-repeat:no-repeat;background-position-x:calc(100% - 15px);background-position-y:50%;background-size:20px;margin-right:2rem;padding:1rem;padding-right:2rem;}.styled-select:focus{background-image:url(../fonts/NeostarIcons/SVG/arrow_right.svg);}.custom-checkbox{width:24px;height:24px;border:1px solid;background-color:#fff;border-radius:.25rem;border-color:rgba(0,0,0,.25);}input[type=checkbox]:checked+.form-group .custom-checkbox{background-color:#000;}.custom-checkbox-plus{width:24px;height:24px;color:#000;display:flex;align-items:center;}.custom-checkbox-plus::after{content:"";display:inline-block;font-size:28px;font-family:"neostar-icons-v2"!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform 150ms ease-in-out;}input[type=checkbox]:checked+.form-group .custom-checkbox-plus::after{transform:rotateZ(45deg);}input[type=checkbox]:checked+.form-group{background-color:#f3f3f5;}.form-group-wrapper .section-title{font-size:18px;font-weight:600;margin:16px 0;}.field-error input,.field-error textarea,.field-error select,.input-validation-error,input.error,textarea.error,select.error,.input-validation-error+button.toggle-password,.input-validation-error input+.check-label:before,.password.error+button.toggle-password,.password.error input+.check-label:before{border-color:#c00!important;}.input-validation-error:focus+button.toggle-password,.password.error:focus+button.toggle-password{border-color:#000!important;}.field-validation-error,label.error,span.error{color:#c00;margin-top:6px;display:block;position:static;transform:none!important;opacity:1!important;padding:0;overflow:unset;text-overflow:unset;white-space:normal;font-size:12px;}.link-small-blue,.link-small-black{font-size:12px;font-weight:500;margin:6px 0 18px 0;color:#0cf;display:inline-block;}@media screen and (min-width:768px){.link-small-blue,.link-small-black{margin:10px 0 22px 0;}}.link-small-blue:hover,.link-small-black:hover{color:#5acafa;}.link-small-black{color:#000!important;}.marker{transform:perspective(40px) rotateX(20deg) rotateZ(-45deg);transform-origin:50% 50%;border-radius:50% 50% 50% 0;padding:0 3px 3px 0;width:40px;height:40px;background:#fff!important;margin:-2.2em 0 0 -1.3em;-webkit-box-shadow:-1px 1px 4px rgba(0,0,0,.5);-moz-box-shadow:-1px 1px 4px rgba(0,0,0,.5);box-shadow:-1px 1px 4px rgba(0,0,0,.5);}.marker .marker-content{color:#000;}.marker .marker-content p,.marker .marker-content span{line-height:1;font-size:12px;color:#000;}.marker-pin-wrapper{position:relative;width:70px;height:70px;display:block;transition:transform linear 200ms;}.marker-pin-wrapper:hover{transform:scale(1.2);}.marker-pin-wrapper.active .marker-base{display:none;}.marker-pin-wrapper.active .marker-active{display:block;}.marker-pin-wrapper .marker-active{display:none;}.marker-pin-wrapper img{max-width:100%;height:auto;}.marker-pin-wrapper .marker-content{color:#000;position:absolute;top:25%;left:50%;transform:translateX(-50%);display:flex!important;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;}.marker-pin-wrapper .marker-content p,.marker-pin-wrapper .marker-content span{line-height:1;font-size:12px;color:#000;margin:0;white-space:nowrap;flex-grow:1;flex-basis:100%;width:100%;text-align:center;}.btn-white{padding:14px 18px;font-weight:500;border-radius:6px;border:solid 1px #000;background-color:#fff;color:#000;font-size:16px;margin:0 5px;box-shadow:none;text-align:center;margin:10px 0 0;transition:background-color linear 100ms;}.btn-white:hover{background-color:#f5f5f5;}.fs-14{font-size:14px!important;}.bg-light-green{background-color:#90f0c8;}.bg-light-blue{background-color:#09cdfe;}.bg-caramel{background-color:#90f0c8;}.bg-pink{background-color:#f9c;}.input-white-border{border:1px solid #000!important;background-color:#fff!important;}.form-floating [data-label-float-input]:disabled+[data-label-float],[data-label-float-input]:disabled+[data-label-float]{color:#717171!important;}.form-floating label[data-label-float],label[data-label-float]{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem);}.form-floating label[data-label-float].no-input,label[data-label-float].no-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;color:#000!important;opacity:1!important;transform:none;font-size:14px;display:flex;align-items:center;justify-content:flex-start;}.form-floating label[data-label-float].disabled,label[data-label-float].disabled{color:#717171!important;}.input-wrapper>.form-control{padding-top:1.625rem!important;padding-bottom:.625rem!important;}.input-wrapper>label,.input-wrapper>.form-control{padding:1rem .75rem;}input ::placeholder,textarea ::placeholder{font-size:14px;}.no-shadow{box-shadow:none!important;}.service-intro-content{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin:0 -8px;}.service-intro-content .service-type-box{padding:8px;align-self:stretch;display:flex;width:100%;}@media screen and (min-width:768px) and (max-width:1199px){.service-intro-content .service-type-box{flex:0 0 50%;}}@media screen and (min-width:1200px) and (max-width:1399px){.service-intro-content .service-type-box{flex:0 0 25%;}}@media screen and (min-width:1400px){.service-intro-content .service-type-box{flex:0 0 20%;}}.service-intro-content .service-type-box .service-type-picker{padding:16px 22px;background-color:#ebfaff;position:relative;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;transition:all .2s ease;border:1px solid;border-color:transparent;min-height:140px;background-repeat:no-repeat;}.service-intro-content .service-type-box .service-type-picker.small-image{background-position:calc(100% - 22px) 50%;background-size:85px;}@media screen and (min-width:1200px){.service-intro-content .service-type-box .service-type-picker{min-height:230px;}.service-intro-content .service-type-box .service-type-picker.small-image{background-position:calc(100% - 22px) calc(100% - 16px);background-size:50px;}}.service-intro-content .service-type-box .service-type-picker:hover{transform:none;border-color:transparent;}@media screen and (min-width:768px){.service-intro-content .service-type-box .service-type-picker:hover{transform:translateY(-2px);border-color:#b0b0b0;}}.service-intro-content .service-type-box .service-type-picker .remove-service[data-remove-service]{display:none;position:absolute;top:8px;right:8px;font-size:26px;z-index:10;}.service-intro-content .service-type-box .service-type-picker[data-checked]{background-color:#89dbef;}.service-intro-content .service-type-box .service-type-picker[data-checked] .remove-service[data-remove-service]{display:block;}.service-intro-content .service-type-box .service-type-picker .title,.service-intro-content .service-type-box .service-type-picker .price,.service-intro-content .service-type-box .service-type-picker .text{display:block;text-align:start;flex-grow:0;}.service-intro-content .service-type-box .service-type-picker .title,.service-intro-content .service-type-box .service-type-picker .price{font-size:16px;}.service-intro-content .service-type-box .service-type-picker .title{margin-bottom:8px;}@media screen and (min-width:768px){.service-intro-content .service-type-box .service-type-picker .title{margin-bottom:14px;}}.service-intro-content .service-type-box .service-type-picker .text{font-size:14px;color:#000;margin-bottom:8px;}@media screen and (min-width:768px){.service-intro-content .service-type-box .service-type-picker .text{margin-bottom:12px;}}.service-intro-content .service-type-box .service-type-picker .price-wrapper{display:flex;justify-content:space-between;align-items:flex-end;align-self:stretch;flex-grow:1;}.service-intro-content .service-type-box .service-type-picker .price-wrapper .img{display:none;}@media screen and (min-width:768px){.service-intro-content .service-type-box .service-type-picker .price-wrapper .img{display:block;position:relative;width:32px;height:auto;margin-left:auto;}}.form-check:not(.form-switch) .form-check-label.label-time-box{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px 16px;background-color:#ebfaff;border:1px solid #ebfaff;border-radius:8px;margin:0 0 12px 0;}.form-check:not(.form-switch) .form-check-label.label-time-box .time-title{font-weight:600;font-size:16px;margin:0 0 14px 0;display:block;line-height:1;}.form-check:not(.form-switch) .form-check-label.label-time-box .time-text{font-weight:400;font-size:14px;margin:0;display:block;line-height:1;}.help-btns{display:flex;align-items:center;gap:25px;margin-top:25px;flex-direction:column;}.help-btns .help-modal-btn{width:100%;flex:1;display:flex;align-items:center;justify-content:center;column-gap:8px;}@media screen and (min-width:576px){.help-btns .help-modal-btn{max-width:200px;}}.help-btns .help-modal-btn i{font-size:20px;}.help-btns .help-modal-btn.secondary{background-color:transparent;border:1px solid #222;color:#222;border-radius:8px;font-weight:500;transition:all .4s ease;text-decoration:none;}.help-btns .help-modal-btn.secondary:hover{color:#fff;background-color:#222;}@media screen and (min-width:576px){.help-btns{flex-direction:row;gap:40px;margin-top:35px;}}.step-form-header-right{display:flex;align-items:center;gap:5px;}.help-modal-btn-header{background-color:transparent;border:0;box-shadow:none;font-weight:700;font-size:12px;position:relative;}.help-modal-btn-header::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#222;width:0;transition:all .4s ease;}.help-modal-btn-header:hover::before{width:100%;}.ellipsis-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.full-block-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;}.promo-visual-mobile,.promo-img-mobile{display:block;}.promo-visual-desktop,.promo-img-desktop{display:none;}@media screen and (min-width:768px){.promo-visual-mobile,.promo-img-mobile{display:none!important;}.promo-visual-desktop,.promo-img-desktop{display:block!important;}}.card.position-relative .full-block-link,.promo-product-item.position-relative .full-block-link{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden;}.promo-card-title{font-weight:bold;}.promo-card-text{font-weight:normal;}.text-bold{font-weight:bold;}.promo-product-item.position-relative .full-block-link{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden;}

/* --- wwwroot/css/page.min.css --- */
.container-custom{width:100%;margin-left:auto;margin-right:auto;padding:0 23px}@media screen and (width>=768px){.container-custom{width:100%;margin-left:auto;margin-right:auto;padding:0}}@media screen and (width>=2000px){.container-custom{max-width:1920px;padding:0 .75rem}}.container-padding{padding-left:23px!important;padding-right:23px!important}@media screen and (width>=576px){.container-padding{padding-left:inherit;padding-right:inherit}}.page-intro-container{box-sizing:border-box;background-color:#09cdfe;border-radius:8px 8px 0 0;flex-wrap:wrap;justify-content:center;align-items:center;margin:calc(80px + 2rem) 0 18px;padding:18px;display:flex}@media screen and (width>=768px){.page-intro-container{border-radius:0;margin:18px 0;padding:35px}}@media screen and (width>=1200px){.page-intro-container{height:485px}}.page-intro-container.intro-img-margin{margin-bottom:20%}@media screen and (width>=576px){.page-intro-container.intro-img-margin{margin-bottom:20%}}@media screen and (width>=768px){.page-intro-container.intro-img-margin{margin-bottom:0}}.page-intro-container .page-intro-group{flex-wrap:wrap;flex:0 0 100%;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (width>=768px){.page-intro-container .page-intro-group{flex-wrap:nowrap;flex:0 0 85%;align-items:center;display:flex}}@media screen and (width>=992px){.page-intro-container .page-intro-group{flex:0 0 75%}}.page-intro-container .page-intro-wrapper-img{box-sizing:border-box;flex:0 0 100%;order:1}@media screen and (width>=768px){.page-intro-container .page-intro-wrapper-img{flex:0 0 60%;order:0}}.page-intro-container .page-intro-wrapper-img .page-intro-img{max-width:80%;margin:0 auto;padding:25px;position:relative}.page-intro-container .page-intro-wrapper-img .page-intro-img:before{content:"";padding-top:56.25%;display:block}@media screen and (width>=768px){.page-intro-container .page-intro-wrapper-img .page-intro-img{max-width:100%}.page-intro-container .page-intro-wrapper-img .page-intro-img:before{content:none}}@media screen and (width>=1400px){.page-intro-container .page-intro-wrapper-img .page-intro-img{max-width:80%}}.page-intro-container .page-intro-wrapper-img .page-intro-img img{max-width:100%;height:auto;position:absolute;top:20px;bottom:-35%;left:50%;transform:translate(-50%)}@media screen and (width>=1200px){.page-intro-container .page-intro-wrapper-img .page-intro-img img{max-width:60%}}@media screen and (width>=768px){.page-intro-container .page-intro-wrapper-img .page-intro-img img{max-width:100%;top:initial;margin-left:auto;margin-right:auto;display:block;position:relative}}.page-intro-container .page-intro-wrapper{box-sizing:border-box;flex:0 0 75%;order:0;margin:auto 0;padding:0}@media screen and (width>=768px){.page-intro-container .page-intro-wrapper{flex:0 0 40%;order:1;padding:25px}}.info-bullet-list{margin:15px 0 60px}.info-bullet-list.mt-custom{margin-top:82px}.info-bullet-list .row{margin-left:-8px!important;margin-right:-8px!important}.info-bullet-list .bullet-col{margin:8px 0;padding-left:8px!important;padding-right:8px!important}.info-bullet-list .bullet-col:nth-child(3n-2) .bullet-item{background-color:#90f0c8}.info-bullet-list .bullet-col:nth-child(3n-1) .bullet-item{background-color:#ffd69e}.info-bullet-list .bullet-col:nth-child(3n) .bullet-item{background-color:#f9c}.info-bullet-list .bullet-item{border-radius:8px;flex-direction:row;align-items:flex-start;height:100%;padding:32px 16px;display:flex;overflow:hidden}.info-bullet-list .bullet-item .bullet-img{flex:0 0 40%;width:40%;margin:0 12px 0 0;padding:2px 12px;position:relative;left:-15%}@media screen and (width>=768px){.info-bullet-list .bullet-item .bullet-img{flex:50%;width:50%;padding:10px;left:0}}.info-bullet-list .bullet-item .bullet-info{flex:0 0 70%;width:70%;height:100%;position:relative;left:-14%}@media screen and (width>=768px){.info-bullet-list .bullet-item .bullet-info{flex:100%;width:100%;left:0}}.info-bullet-list .bullet-item .bullet-info.no-img{left:initial}.info-bullet-list .bullet-item .bullet-info .title{margin-bottom:14px;font-size:22px;font-weight:600}.info-bullet-list .bullet-item .bullet-info .text{font-size:14px;font-weight:400}.modal-btn-mobile{z-index:10;background-color:#fff;justify-content:center;align-items:center;padding:20px 20px 22px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #0000001a}@media screen and (width>=768px){.modal-btn-mobile{display:none}}.table-title{font-size:16px;font-weight:600}.table-subtitle{font-size:12px;font-weight:500}.border-none{border:none!important}.border-bottom-none{border-bottom:none!important}@media screen and (width>=768px){.border-bottom-md{border-bottom:1px solid #666!important}}.neostar-table{border:none}.neostar-table .padding-bottom-md{padding-bottom:0!important}@media screen and (width>=768px){.neostar-table .padding-bottom-md{padding-bottom:32px!important}}.neostar-table .table-title{color:#000;font-size:16px;font-weight:600}.neostar-table .table-subtitle{color:#000;font-size:12px;font-weight:500}.neostar-table .table-text{color:#000;margin:0;font-size:14px;font-weight:400}.neostar-table .border-mobile-bottom{border-bottom:1px solid #666!important}@media screen and (width>=768px){.neostar-table .border-mobile-bottom{border-bottom:none}}.neostar-table th{vertical-align:bottom;border-top:none;border-bottom:1px solid #666;padding:18px 25px}.neostar-table td{vertical-align:middle;border-top:none;border-bottom:1px solid #666;padding:32px 0}.neostar-table h4{margin-bottom:12px}.img-wrapper-abs{border-radius:6px;margin-bottom:70px;position:relative}@media screen and (width>=992px){.img-wrapper-abs{margin-bottom:32px}}.img-wrapper-abs:before{content:"";width:100%;padding-top:56.25%;display:block;top:0;left:0}.img-wrapper-abs img{height:120%;max-width:initial;max-height:initial;position:absolute;top:-10%;bottom:-10%;left:50%;transform:translate(-50%)}@media screen and (width>=992px){.img-wrapper-abs img{max-width:80%;height:auto;max-height:110%;bottom:-31%;top:initial}}.img-wrapper-abs img.img-lg-align-right{right:initial;bottom:-10%;left:50%;transform:translate(-50%)}@media screen and (width>=992px){.img-wrapper-abs img.img-lg-align-right{left:initial;bottom:-35%;transform:translate(-20%);right:0!important}}.img-wrapper-abs img.img-lg-align-left{right:initial;left:50%;transform:translate(-50%)}@media screen and (width>=992px){.img-wrapper-abs img.img-lg-align-left{right:initial;transform:translate(20%);left:0!important}}.bg-light-green{background-color:#90f0c8}.bg-pink{background-color:#f3a8d1}.info-column-modal .img-wrapper{background-color:#09cdfe;border-radius:6px;justify-content:center;align-items:flex-end;width:100%;margin-bottom:32px;padding:16px 16px 0;display:flex;position:relative}.info-column-modal .img-wrapper .img-modal{max-width:60%;height:auto;margin:0 auto}.info-column-modal h3{font-size:16px;font-weight:600}.info-column-modal div,.info-column-modal .rte{color:#000;font-weight:400;font-size:14px!important}.step-form-header,.step-form-login-header{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0;display:flex}.step-form-header .btn,.step-form-login-header .btn{border-radius:32px;margin-bottom:0;padding:10px 14px}.step-form-header .btn-close-modal,.step-form-header .btn-close-login-modal,.step-form-login-header .btn-close-modal,.step-form-login-header .btn-close-login-modal{cursor:pointer;opacity:1;border-radius:50%;justify-content:flex-end;align-items:center;width:43px;height:43px;margin-left:auto;padding:0;display:flex}.step-form-header .step-form-header-controls,.step-form-login-header .step-form-header-controls{z-index:15;flex:1 0 100%;justify-content:space-between;align-items:center;max-height:60px;padding:5px 24px;display:flex;position:relative;box-shadow:0 1px 6px #0000001a}@media screen and (width>=768px){.step-form-header .step-form-header-controls,.step-form-login-header .step-form-header-controls{padding:14px 24px}}.step-form-header .prev-btn,.step-form-header .prev-btn-login,.step-form-login-header .prev-btn,.step-form-login-header .prev-btn-login{color:#000;justify-content:flex-start;align-items:center;margin-top:3px;margin-bottom:3px;margin-right:auto;padding:0;text-decoration:none;display:flex}.step-form-header .prev-btn-text,.step-form-login-header .prev-btn-text{margin-left:12px;font-size:12px;font-weight:600;text-decoration:none}.step-form-footer{padding:0}.step-form-footer .step-controls{padding:14px 23px 20px}@media screen and (width>=992px){.step-form-footer .step-controls{box-shadow:none;padding:14px 42px 42px}}.step-form-footer .step-controls.custom-padding{padding:14px 23px 20px;box-shadow:0 -1px 6px #0000001a}@media screen and (width>=992px){.step-form-footer .step-controls.custom-padding{padding:23px 42px}}.step-form-login .auth-step .row .col-custom{flex:0 100%}@media only screen and (width>=576px){.step-form-login .auth-step .row .col-custom{flex:0 100%;max-width:100%}}@media only screen and (width>=768px){.step-form-login .auth-step .row .col-custom{flex:0 45%;max-width:46%}}@media only screen and (width>=992px){.step-form-login .auth-step .row .col-custom{flex:0 40%;max-width:40%}}@media only screen and (width>=1200px){.step-form-login .auth-step .row .col-custom{flex:0 33.33%;max-width:33.33%}}@media only screen and (width>=1400px){.step-form-login .auth-step .row .col-custom{flex:0 28%;max-width:28%}}.step-form-login .auth-step [data-btn-login]{margin-top:0}.step-form-login .auth-step .divider{flex-direction:row;flex:0 100%;justify-content:space-between;align-items:center;margin:35px 0;display:flex;position:relative}@media only screen and (width>=768px){.step-form-login .auth-step .divider{flex-direction:column;flex:0 8%;justify-content:center;align-self:stretch;align-items:center;max-width:8%;margin:0}}@media only screen and (width>=992px){.step-form-login .auth-step .divider{flex:0 12%;max-width:12%}}.step-form-login .auth-step .divider:before{content:"";background:#000;width:45%;height:1px;margin:0}@media only screen and (width>=768px){.step-form-login .auth-step .divider:before{content:"";background:#000;width:1px;height:40%;margin:0 0 auto}}.step-form-login .auth-step .divider:after{content:"";background:#000;width:45%;height:1px;margin:0}@media only screen and (width>=768px){.step-form-login .auth-step .divider:after{content:"";background:#000;width:1px;height:40%;margin:auto 0 0}}.step-form-login .row{margin-left:-8px;margin-right:-8px}.step-form-login .row [class*=col-custom-]{align-self:stretch;padding:8px!important}.step-form-login .row [class*=col-],.step-form-login .row [class~=col]{padding-left:8px;padding-right:8px}.step-form-login .row .col-custom{flex:0 100%}@media only screen and (width>=768px){.step-form-login .row .col-custom{flex:0 50%;max-width:50%}}@media only screen and (width>=1200px){.step-form-login .row .col-custom{flex:0 33.33%;max-width:33.33%}}@media only screen and (width>=1400px){.step-form-login .row .col-custom{flex:0 28%;max-width:28%}}.step-form-login .info-text,.step-form-login .info-text-bold{color:#000;margin-bottom:20px;font-size:14px}.step-form-login .info-text-bold{font-weight:600}.step-form-login .form-group-wrapper .section-title{margin:22px 0;font-size:16px;font-weight:600}.step-form-login .form-group-wrapper .section-title.mb-text{margin-bottom:14px}.step-form-login .form-group-wrapper .section-title.mb-link{margin:22px 0 12px}.step-form,.step-form-login{z-index:300;background:#fff;flex-direction:column;width:80%;max-width:1300px;height:100%;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden}@media screen and (width<=600px){.step-form,.step-form-login{max-width:100%}}@media screen and (width>=768px){.step-form,.step-form-login{min-height:600px}}@media screen and (width>=992px){.step-form,.step-form-login{border-radius:8px;height:auto;max-height:95vh;margin:20px auto}}.step-form.step-fade .step-form-content,.step-form-login.step-fade .step-form-content,.step-form.step-fade .step-form-login-content,.step-form-login.step-fade .step-form-login-content{width:100%;display:block}.step-form.step-fade .step,.step-form-login.step-fade .step{opacity:0;position:absolute}.step-form.step-fade .step.active,.step-form-login.step-fade .step.active{opacity:1;z-index:100}@media screen and (width<=600px){.step-form,.step-form-login{width:100%}}@media screen and (width<=400px){.step-form,.step-form-login{width:100%}}.step-form input,.step-form select,.step-form textarea,.step-form .styled-select,.step-form-login input,.step-form-login select,.step-form-login textarea,.step-form-login .styled-select{background-color:#ebfaff;border:none}.step-form input:focus,.step-form select:focus,.step-form textarea:focus,.step-form .styled-select:focus,.step-form-login input:focus,.step-form-login select:focus,.step-form-login textarea:focus,.step-form-login .styled-select:focus{background-color:#ebfaff}.step-form input:disabled,.step-form select:disabled,.step-form textarea:disabled,.step-form .styled-select:disabled,.step-form-login input:disabled,.step-form-login select:disabled,.step-form-login textarea:disabled,.step-form-login .styled-select:disabled{background-color:#ebfaff;border:none}.step-form .step-form-loader,.step-form-login .step-form-loader{z-index:10000;position:absolute;inset:0}.step-form .step-form-loader .preloader-backdrop,.step-form-login .step-form-loader .preloader-backdrop{background-color:#0006;width:100%;height:100%;position:relative;top:0;left:0}.step-form .step-form-loader .preloader,.step-form-login .step-form-loader .preloader{top:calc(50% - 1.5rem);left:calc(50% - 1.5rem)}.step-form .step-form-loader.gif,.step-form-login .step-form-loader.gif{z-index:10000;position:absolute;inset:0}.step-form .step-form-loader.gif .preloader-backdrop,.step-form-login .step-form-loader.gif .preloader-backdrop{background-color:#fff;width:100%;height:100%;position:relative;top:0;left:0}.step-form .step-form-loader.gif .preloader,.step-form-login .step-form-loader.gif .preloader{top:calc(50% - 1.5rem);left:calc(50% - 1.5rem)}.step-form .step-form-loader.gif .loader-img-wrapper,.step-form-login .step-form-loader.gif .loader-img-wrapper{max-width:300px;height:auto;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.step-form .step-form-loader.gif .img-loader,.step-form-login .step-form-loader.gif .img-loader{width:100%;height:auto}.step-form .step-form-loader.gif .loader-text,.step-form-login .step-form-loader.gif .loader-text{text-align:center;margin:25px 0 0;padding-bottom:5px;font-size:22px;font-weight:600}.step-form .step-container,.step-form .step-login-container,.step-form-login .step-container{padding:42px 23px 18px}.step-form-login .step-login-container{padding:20px 40px}@media screen and (width>=768px){.step-form .step-container,.step-form .step-login-container,.step-form-login .step-container{padding:42px 42px 28px}.step-form-login .step-login-container{padding:20px 40px}}.step-form .col-custom-1,.step-form .col-custom-2,.step-form .col-custom-3,.step-form .col-custom-4,.step-form .col-custom-5,.step-form .col-custom-sm-1,.step-form .col-custom-sm-2,.step-form .col-custom-sm-3,.step-form .col-custom-sm-4,.step-form .col-custom-sm-5,.step-form .col-custom-md-1,.step-form .col-custom-md-2,.step-form .col-custom-md-3,.step-form .col-custom-md-4,.step-form .col-custom-md-5,.step-form .col-custom-lg-1,.step-form .col-custom-lg-2,.step-form .col-custom-lg-3,.step-form .col-custom-lg-4,.step-form .col-custom-lg-5,.step-form .col-custom-xl-1,.step-form .col-custom-xl-2,.step-form .col-custom-xl-3,.step-form .col-custom-xl-4,.step-form .col-custom-xl-5,.step-form .col-custom-xxl-1,.step-form .col-custom-xxl-2,.step-form .col-custom-xxl-3,.step-form .col-custom-xxl-4,.step-form .col-custom-xxl-5,.step-form-login .col-custom-1,.step-form-login .col-custom-2,.step-form-login .col-custom-3,.step-form-login .col-custom-4,.step-form-login .col-custom-5,.step-form-login .col-custom-sm-1,.step-form-login .col-custom-sm-2,.step-form-login .col-custom-sm-3,.step-form-login .col-custom-sm-4,.step-form-login .col-custom-sm-5,.step-form-login .col-custom-md-1,.step-form-login .col-custom-md-2,.step-form-login .col-custom-md-3,.step-form-login .col-custom-md-4,.step-form-login .col-custom-md-5,.step-form-login .col-custom-lg-1,.step-form-login .col-custom-lg-2,.step-form-login .col-custom-lg-3,.step-form-login .col-custom-lg-4,.step-form-login .col-custom-lg-5,.step-form-login .col-custom-xl-1,.step-form-login .col-custom-xl-2,.step-form-login .col-custom-xl-3,.step-form-login .col-custom-xl-4,.step-form-login .col-custom-xl-5,.step-form-login .col-custom-xxl-1,.step-form-login .col-custom-xxl-2,.step-form-login .col-custom-xxl-3,.step-form-login .col-custom-xxl-4,.step-form-login .col-custom-xxl-5{flex:none;width:100%}.step-form .col-custom-1,.step-form-login .col-custom-1{width:100%}.step-form .col-custom-2,.step-form-login .col-custom-2{width:50%}.step-form .col-custom-3,.step-form-login .col-custom-3{width:33.33%}.step-form .col-custom-4,.step-form-login .col-custom-4{width:25%}.step-form .col-custom-5,.step-form-login .col-custom-5{width:20%}.step-form .col-custom-sm-1,.step-form-login .col-custom-sm-1{width:100%}@media screen and (width>=576px){.step-form .col-custom-sm-2,.step-form-login .col-custom-sm-2{width:50%}.step-form .col-custom-sm-3,.step-form-login .col-custom-sm-3{width:33.33%}.step-form .col-custom-sm-4,.step-form-login .col-custom-sm-4{width:25%}.step-form .col-custom-sm-5,.step-form-login .col-custom-sm-5{width:20%}}.step-form .col-custom-md-1,.step-form-login .col-custom-md-1{width:100%}@media screen and (width>=768px){.step-form .col-custom-md-2,.step-form-login .col-custom-md-2{width:50%}.step-form .col-custom-md-3,.step-form-login .col-custom-md-3{width:33.33%}.step-form .col-custom-md-4,.step-form-login .col-custom-md-4{flex:0 0 25%}.step-form .col-custom-md-5,.step-form-login .col-custom-md-5{width:20%}}.step-form .col-custom-lg-1,.step-form-login .col-custom-lg-1{width:100%}@media screen and (width>=992px){.step-form .col-custom-lg-2,.step-form-login .col-custom-lg-2{width:50%}.step-form .col-custom-lg-3,.step-form-login .col-custom-lg-3{width:33.33%}.step-form .col-custom-lg-4,.step-form-login .col-custom-lg-4{width:25%}.step-form .col-custom-lg-5,.step-form-login .col-custom-lg-5{width:20%}}.step-form .col-custom-xl-1,.step-form-login .col-custom-xl-1{width:100%}@media screen and (width>=1200px){.step-form .col-custom-xl-2,.step-form-login .col-custom-xl-2{width:50%}.step-form .col-custom-xl-3,.step-form-login .col-custom-xl-3{width:33.33%}.step-form .col-custom-xl-4,.step-form-login .col-custom-xl-4{width:25%}.step-form .col-custom-xl-5,.step-form-login .col-custom-xl-5{width:20%}}.step-form .col-custom-xxl-1,.step-form-login .col-custom-xxl-1{width:100%}@media screen and (width>=1400px){.step-form .col-custom-xxl-2,.step-form-login .col-custom-xxl-2{width:50%}.step-form .col-custom-xxl-3,.step-form-login .col-custom-xxl-3{width:33.33%}.step-form .col-custom-xxl-4,.step-form-login .col-custom-xxl-4{width:25%}.step-form .col-custom-xxl-5,.step-form-login .col-custom-xxl-5{width:20%}}.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 100%}@media only screen and (width>=576px){.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 100%;max-width:100%}}@media only screen and (width>=768px){.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 45%;max-width:46%}}@media only screen and (width>=992px){.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 40%;max-width:40%}}@media only screen and (width>=1200px){.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 33.33%;max-width:33.33%}}@media only screen and (width>=1400px){.step-form .auth-step .row .col-custom,.step-form-login .auth-step .row .col-custom{flex:0 28%;max-width:28%}}.step-form .auth-step [data-btn-login],.step-form-login .auth-step [data-btn-login]{margin-top:0}.step-form .auth-step .divider,.step-form-login .auth-step .divider{flex-direction:row;flex:0 100%;justify-content:space-between;align-items:center;margin:35px 0;display:flex;position:relative}@media only screen and (width>=768px){.step-form .auth-step .divider,.step-form-login .auth-step .divider{flex-direction:column;flex:0 8%;justify-content:center;align-self:stretch;align-items:center;max-width:8%;margin:0}}@media only screen and (width>=992px){.step-form .auth-step .divider,.step-form-login .auth-step .divider{flex:0 12%;max-width:12%}}.step-form .auth-step .divider:before,.step-form-login .auth-step .divider:before{content:"";background:#000;width:45%;height:1px;margin:0}@media only screen and (width>=768px){.step-form .auth-step .divider:before,.step-form-login .auth-step .divider:before{content:"";background:#000;width:1px;height:40%;margin:0 0 auto}}.step-form .auth-step .divider:after,.step-form-login .auth-step .divider:after{content:"";background:#000;width:45%;height:1px;margin:0}@media only screen and (width>=768px){.step-form .auth-step .divider:after,.step-form-login .auth-step .divider:after{content:"";background:#000;width:1px;height:40%;margin:auto 0 0}}.step-form .row,.step-form-login .row{margin-left:-8px;margin-right:-8px}.step-form .row [class*=col-custom-],.step-form-login .row [class*=col-custom-]{align-self:stretch;padding:8px!important}.step-form .row [class*=col-],.step-form .row [class~=col],.step-form-login .row [class*=col-],.step-form-login .row [class~=col]{padding-left:8px;padding-right:8px}.step-form .row .col-custom,.step-form-login .row .col-custom{flex:0 100%}@media only screen and (width>=768px){.step-form .row .col-custom,.step-form-login .row .col-custom{flex:0 50%;max-width:50%}}@media only screen and (width>=1200px){.step-form .row .col-custom,.step-form-login .row .col-custom{flex:0 33.33%;max-width:33.33%}}@media only screen and (width>=1400px){.step-form .row .col-custom,.step-form-login .row .col-custom{flex:0 28%;max-width:28%}}.step-form .row .col-custom-half,.step-form-login .row .col-custom-half{flex:0 100%;padding-top:0!important;padding-bottom:0!important}@media only screen and (width>=1200px){.step-form .row .col-custom-half,.step-form-login .row .col-custom-half{flex:0 66.66%;max-width:66.66%}}@media only screen and (width>=1400px){.step-form .row .col-custom-half,.step-form-login .row .col-custom-half{flex:0 56%;max-width:56%}}.step-form .row .col-custom-half-100,.step-form-login .row .col-custom-half-100{flex:0 100%;padding-top:0!important;padding-bottom:0!important}@media only screen and (width>=1200px){.step-form .row .col-custom-half-100,.step-form-login .row .col-custom-half-100{flex:0 66.66%;max-width:66.66%}}@media only screen and (width>=1400px){.step-form .row .col-custom-half-100,.step-form-login .row .col-custom-half-100{flex:0 56%;max-width:56%}}.step-form .info-text,.step-form .info-text-bold,.step-form-login .info-text,.step-form-login .info-text-bold{color:#000;margin-bottom:20px;font-size:14px}.step-form .info-text-bold,.step-form-login .info-text-bold{font-weight:600}.step-form .form-group-wrapper .section-title,.step-form-login .form-group-wrapper .section-title{margin:22px 0;font-size:16px;font-weight:600}.step-form .form-group-wrapper .section-title.mb-text,.step-form-login .form-group-wrapper .section-title.mb-text{margin-bottom:14px}.step-form .form-group-wrapper .section-title.mb-link,.step-form-login .form-group-wrapper .section-title.mb-link{margin:22px 0 12px}.step-form .input-password button.toggle-password,.step-form-login .input-password button.toggle-password{background-color:#ebfaff;border:none}.step-form .modal-input-wrapper .modal-label,.step-form-login .modal-input-wrapper .modal-label{background-color:#fff3}.final-step .success-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;max-width:90%;margin:0 auto;display:flex}@media screen and (width>=576px){.final-step .success-wrapper{max-width:70%}}.final-step .success-wrapper .img-border{border:1px solid #b0b0b0;border-radius:8px;margin-bottom:25px;padding:10px}.final-step .success-wrapper img{max-width:70%;margin:0 auto;display:block}@media screen and (width>=576px){.final-step .success-wrapper img{max-width:40%}}.error-msg-wrapper{background-color:#f3a8d1;width:100%;padding:16px 42px}.error-msg-wrapper .error-content{flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;display:flex}.error-msg-wrapper .error-content .warning{color:#f3a8d1;background-color:#fff;border-radius:50%;min-width:30px;max-width:30px;min-height:30px;max-height:30px;margin-right:16px;font-size:16px;font-weight:500;line-height:1;display:inline-block;position:relative}.error-msg-wrapper .error-content .warning span{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.error-msg-wrapper .error-content .message-wrapper{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.error-msg-wrapper .error-content .message-wrapper .msg{color:#000;flex:0 0 100%;margin-right:0;padding:6px 0;font-size:14px}@media screen and (width>=768px){.error-msg-wrapper .error-content .message-wrapper .msg{flex:none;margin-right:32px}}.error-msg-wrapper .error-content .message-wrapper #form-start-again{color:#000;cursor:pointer;flex:0 0 100%;padding:6px 0;font-size:12px;font-weight:600;line-height:1;text-decoration:underline}@media screen and (width>=768px){.error-msg-wrapper .error-content .message-wrapper #form-start-again{flex:none}}.next-btn,.next-btn-login{color:#fff;background-color:#222;border-radius:8px;width:100%;max-width:100%;height:fit-content;min-height:48px;margin-left:auto;padding:14px 50px;font-size:14px;font-weight:500}@media screen and (width>=992px){.next-btn,.next-btn-login{width:auto;min-width:20%}}.veh-color-img-wrapper{margin:0 auto;display:block;position:relative}@media screen and (width>=992px){.veh-color-img-wrapper{max-width:90%}}.veh-color-img-wrapper #veh-color-details-img{max-width:100%;height:auto}.veh-color-img-wrapper #veh-color-img{z-index:-1;max-width:100%;height:auto;display:block;position:absolute;top:0}.contact-page__image{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;width:100%;height:100%;max-height:450px;display:flex}.contact-page__content{max-width:560px;margin-top:100px}.contact-page__content h1{color:#252525;margin-bottom:.5rem;font-size:40px;font-weight:500;line-height:60px}.contact-page__content p{color:#000;text-align:left;margin-bottom:1rem;font-size:15px;font-weight:300;line-height:22px}.contact-page__form{max-width:560px;margin-top:33px;margin-bottom:100px}.contact-page__form>form{margin-top:40px}.contact-page__form>form>div{margin-top:1.5rem;position:relative}.contact-page__form>form input:not([type=submit]){box-shadow:none;box-sizing:border-box;color:#999;background-color:#0000;border:1px solid #ddd;border-radius:4px;outline:0;width:100%;padding:10px .75rem .375rem;font-size:15px;line-height:22px;transition:all .3s;display:block}.contact-page__form>form input:not([type=submit])[type=text]:focus{border-color:#000!important}.contact-page__form>form input:not([type=submit])[type=text]:focus~label{color:#000!important}.contact-page__form>form label{transform-origin:0 100%;cursor:text;color:#666;background:#fff;margin-bottom:.5rem;padding-right:5px;font-size:15px;font-weight:500;line-height:22px;transition:transform .2s ease-out,color .2s ease-out;display:inline-block;position:absolute;top:0;left:0;transform:translateY(9px);padding-left:5px!important;left:8px!important;transform:translateY(-12px)scale(.8)!important}.contact-page__form>form .field-validation-error{margin-top:0}.contact-page__form>form textarea{resize:vertical;width:100%;height:284px;box-shadow:none;box-sizing:border-box;color:#999;background-color:#0000;border:1px solid #ddd;border-radius:4px;outline:0;width:100%;margin:0;padding:10px .75rem .375rem;font-size:15px;line-height:22px;transition:all .3s;display:block;overflow:auto}.contact-page__form>form textarea:focus{border-color:#000!important}.contact-page__form>form textarea:focus~label{color:#000!important}.contact-page__submit{color:#fff;text-transform:uppercase;width:98px;height:40px;box-shadow:none;background:#0cf;border-radius:5px;outline:0;padding:12px 18px;font-size:15px;font-weight:500;line-height:20px;transition:all .3s;border:none!important}.faq-page__image{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;width:100%;height:100%;max-height:450px;display:flex}.faq-page__tabs{margin-bottom:100px}.faq-page__tabs .faq-tabs{border:none!important;padding:0!important}.faq-page__tabs .faq-tabs .col{align-items:center;width:100%;padding:0;display:flex}.faq-page__tabs .faq-tabs ul{background-color:#0000!important}.faq-page__tabs .faq-tabs ul li{background-color:#0000!important;border:none!important}.faq-page__tabs .classic-tabs .nav{white-space:nowrap;flex:1;position:relative}.faq-page__tabs .classic-tabs .nav li.ui-tabs-active a{color:#333!important;border-bottom:3px solid #0cf!important}.faq-page__tabs .classic-tabs .nav li a{text-transform:uppercase;color:#ffffffb3;text-align:center;border-radius:0;padding:20px 24px;font-size:13px;display:block}@media (width>=62em){.faq-page__tabs .classic-tabs .nav li:first-child{margin-left:56px}}.faq-page__tabs .classic-tabs .tab-content.card{border-top-left-radius:0;border-top-right-radius:0}.faq-page__tabs .classic-tabs .nav li a{color:#666!important;background-color:#0000!important;border-bottom-color:#0000!important}.faq-page__tabs .classic-tabs .nav li a:hover{color:#adadad!important}.faq-page__tabs .classic-tabs .nav li a.active{color:#333!important;border-bottom:4px solid #0cf!important}.faq-page__tabs .classic-tabs .nav li.finance-tab a.active{color:#333!important;border-bottom:none!important}.faq-page__tabs .classic-tabs .nav li.finance-tab a{color:#666!important;border-bottom:1px solid #ddd!important}.faq-page__tabs .content-tab{border:none;border-top:1px solid #d8d8d8!important;padding:0!important}.faq-page__tabs .content-tab .accordion{word-wrap:break-word!important;padding-top:20px!important}.faq-page__tabs .content-tab .accordion h3.ui-accordion-header{padding:20px 45px 20px 20px;position:relative;color:#000!important;background-color:#0000!important;border:none!important;border-bottom:1px solid #00000020!important;font-family:SuisseIntl!important;font-size:17px!important;font-weight:300!important;line-height:1.5!important}.faq-page__tabs .content-tab .accordion .ui-accordion-header-active .rotate-icon{transform:translateY(-50%)rotateX(180deg)}.faq-page__tabs .content-tab .ui-accordion-header-icon{display:none!important}.faq-page__tabs .content-tab .rotate-icon{width:20px;height:20px;transition:all .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#0cf!important}.faq-page__tabs .content-tab .ui-accordion-content{color:#626262!important;padding:1.25rem!important;font-size:.9rem!important;font-weight:300!important;line-height:1.7!important}.faq-page__tabs .content-tab .ui-accordion-content.ui-accordion-content-active{border-bottom:1px solid #00000020!important}.faq-page__content{margin-top:100px}.faq-page__content h1{color:#252525;margin-bottom:.5rem;font-size:40px;font-weight:500;line-height:60px}.faq-page__content p{color:#000;text-align:left;margin-bottom:1rem;font-size:15px;font-weight:300;line-height:22px}@media screen and (width>=992px){.seller-vehicles{margin-top:150px}}.seller-vehicles .container-override::-webkit-scrollbar{display:none}.seller-vehicles .container-override{scroll-behavior:smooth;padding-right:50px;overflow-x:auto}@media screen and (width>=992px){.seller-vehicles .container-override{scroll-behavior:smooth;padding-right:200px;overflow-x:auto}}.seller-vehicles__title{flex-direction:row;justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.seller-vehicles__title h4{color:#000;font-weight:700}.seller-vehicles__title a{color:#000;align-items:center;gap:4px;font-size:14px;display:flex;text-decoration:none!important}.seller-vehicles__title a span{text-decoration:underline}.seller-vehicles__title a i{transform:translateY(-1px)rotate(-45deg)}.seller-vehicles__wrapper{flex-wrap:nowrap;align-items:stretch;gap:10px;margin-bottom:10px}.seller-vehicles__wrapper>div{box-sizing:border-box;flex-direction:column;align-items:stretch;display:flex}.seller-vehicles__item{background-color:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 0 6px #0000001a;padding:0!important}.seller-vehicles__content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:22px;display:flex}.seller-vehicles__content .item-header{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.seller-vehicles__content .item-header .seller-vehicle-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-family:SuisseIntl;font-size:16px;line-height:1.38;display:block;overflow:hidden}.seller-vehicles__content .item-header .seller-vehicle-desc{letter-spacing:.26px;color:#666;font-family:SuisseIntl;font-size:12px;line-height:1.33}.seller-vehicles__content .badge{letter-spacing:.19px;text-align:left;color:#000;border-radius:4px;padding:5px 20px;font-family:SuisseIntl;font-size:12px;font-weight:400;line-height:1.5}.seller-vehicles__content .badge.firstOwner{background-color:#f7f7fc}.seller-vehicles__content .badge.discount{background-color:#ffd69e}.seller-vehicles__content .badge.reserved{background-color:#f3a8d1}.seller-vehicles__content .price{justify-content:space-between;align-items:end;margin-top:25px;display:flex}.seller-vehicles__content .price span{color:#000;font-family:SuisseIntl;font-size:16px;font-weight:700;line-height:1.38}.seller-vehicles__content .price span.monthly{text-align:right;font-size:12px;text-decoration:underline}.seller-vehicles__content .item-values{align-items:center;column-gap:10px;margin-bottom:14px;display:flex}.seller-vehicles__content .item-values .item-detail{align-items:center;column-gap:4px;display:flex}.seller-vehicles__content .item-values .item-detail span{color:#666;font-size:12px}.seller-vehicles__content .item-values .item-detail .vehicle-info-icon{font-size:16px}.seller-vehicles__image{aspect-ratio:16/9;width:100%;height:190px;position:relative;overflow:hidden}.seller-vehicles__image img{object-fit:cover;width:100%;height:100%;position:absolute}.seller-vehicles .scroll-wrapper{display:none}@media screen and (width>=992px){.seller-vehicles .scroll-wrapper{justify-content:flex-end;margin-top:40px;display:flex}}.seller-vehicles .scroll-wrapper>div{align-items:center;gap:2px;display:flex}.seller-vehicles .scroll-wrapper .scroll-btn-custom{width:40px;height:40px;box-shadow:none;background-color:#ebfaff;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.seller-vehicles .scroll-wrapper .scroll-btn-custom span{color:#000;font-size:18px}.sitemap__wrapper{flex-direction:column;row-gap:100px;margin:120px 0;display:flex}@media screen and (width<=767px){.sitemap__wrapper{row-gap:50px!important;margin:10px 0!important}}.sitemap__child h2{letter-spacing:normal;color:#000;margin-bottom:40px;font-size:22px;font-weight:700;line-height:1.5}@media screen and (width<=520px){.sitemap__child h2{margin-bottom:70px}}.sitemap__item{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media screen and (width>=992px) and (width<=1199px){.sitemap__item{grid-template-columns:repeat(4,1fr)}}@media screen and (width>=768px) and (width<=991px){.sitemap__item{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=767px){.sitemap__item{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=520px){.sitemap__item{grid-template-columns:repeat(2,1fr);gap:10px}}.sitemap__item a{color:#000;letter-spacing:.22px;text-align:left;text-wrap:nowrap;text-overflow:ellipsis;outline:0;max-width:90%;font-family:SuisseIntl;font-size:14px;font-style:normal;font-weight:400;font-stretch:100%;text-decoration:underline;transition:all .3s;overflow:hidden}.sitemap__item a:hover{color:#0cf}@media screen and (width<=767px){.sitemap__wrapper{row-gap:50px;margin:60px 0}.sitemap__child h3{margin-bottom:20px;font-size:18px}}.vehicle-search-wrapper{z-index:1000000;width:100%;margin:0 25px;position:relative}@media screen and (width>=992px){.vehicle-search-wrapper{width:450px;margin:0 10px}}.vehicle-search-wrapper .vehicle-search-input-shell{background-color:#ebfaff;border:1px solid #89dbef;border-radius:8px;width:100%;font-family:SuisseIntl;transition:border-radius .2s;position:relative}.vehicle-search-wrapper .vehicle-search-input-shell.has-results{border-bottom-right-radius:0;border-bottom-left-radius:0}.vehicle-search-wrapper .vehicle-search-input-shell.is-typing .vehicle-search-placeholder{opacity:0;visibility:hidden}.vehicle-search-wrapper .vehicle-search-icon{z-index:1;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.vehicle-search-wrapper .vehicle-search-icon img{width:32px;height:32px;display:block}.vehicle-search-wrapper .vehicle-search-placeholder{pointer-events:none;z-index:1;align-items:center;height:32px;display:flex;position:absolute;top:0;left:48px;right:12px;overflow:hidden}.vehicle-search-wrapper .vehicle-search-placeholder .vehicle-search-placeholder-text{color:#666;white-space:nowrap;text-overflow:ellipsis;font-family:SuisseIntl;font-size:14px;transition:opacity .35s,transform .35s;overflow:hidden}.vehicle-search-wrapper .vehicle-search-placeholder .vehicle-search-placeholder-text.is-exiting{opacity:0;transform:translateY(-10px)}.vehicle-search-wrapper .vehicle-search-placeholder .vehicle-search-placeholder-text.is-entering{opacity:0;transform:translateY(10px)}.vehicle-search-wrapper .vehicle-search-input{z-index:2;color:#000;cursor:text;background-color:#0000;border:none;border-radius:8px;outline:none;width:100%;height:32px;padding:0 16px 0 48px;font-family:SuisseIntl;font-size:14px;transition:border-radius .2s;position:relative}.vehicle-search-wrapper .vehicle-search-input.has-results{border-bottom-right-radius:0;border-bottom-left-radius:0}.vehicle-search-wrapper .vehicle-search-dropdown{background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 8px 8px;max-height:300px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 12px #0000001a}.vehicle-search-wrapper .vehicle-search-dropdown.visible{display:block}.vehicle-search-wrapper .vehicle-search-dropdown .dropdown-option{text-align:left;cursor:pointer;color:#000;padding:8px 10px;font-size:14px;transition:background-color .2s}.vehicle-search-wrapper .vehicle-search-dropdown .dropdown-option:hover{background-color:#f0f0f0}.vehicle-search-wrapper .vehicle-search-dropdown .dropdown-option.make{font-size:16px;font-weight:700}.vehicle-search-wrapper .vehicle-search-dropdown .dropdown-option.model{padding-left:30px;font-size:13px;font-weight:400}.promo-wrapper{position:relative}.promo-side{z-index:200;pointer-events:none;height:calc(100% + 74px);position:absolute;top:-74px;bottom:0;overflow:hidden}.promo-side img{object-fit:cover;width:100%;height:100%}.promo-side-left{left:0}.promo-side-right{right:0}#page-data{z-index:8;position:relative}@media (width<=992px){.promo-side{display:none}}

/* --- wwwroot/css/loader.css --- */
.preloader-wrapper{
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:10000;       
}
.preloader-backdrop{
    position:absolute;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
}
.preloader {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: absolute;
    top:calc(50vh - 1.5rem);
    left:calc(50vw - 1.5rem);
    animation: rotate 1s linear infinite
}

    .preloader::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 5px solid #8fddff;
        animation: prixClipFix 2s linear infinite;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    100% {
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}


/* --- wwwroot/css/buttons.css --- */
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
}

.btn-block {
    display: block;
    width: 100%;
}

.black-outline-btn,
.black-outline-btn:hover {
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #000;
    background-color: transparent;
    font-size: 14px;
    line-height: normal;
    color: #000 !important;
}

.black-btn {
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #000;
    background-color: #000;
    font-size: 14px;
    line-height: normal;
    color: #fff;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

/* --- wwwroot/css/footer.css --- */
footer {
    background-color: #ecfcff;
}

.footer-container {
    padding: 60px 23px;
}

@media screen and (max-width: 991px) {
    .footer-container {
        padding-bottom: 50px !important;
    }
    
}

#footerDescription {
    font-size: 14px;
}

.links-container a {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
}


#socialBlok a {
    width: fit-content;
    height: fit-content;
    margin-right: 5px;
    text-decoration: none;
}


#legalLinks a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}


/* --- wwwroot/css/hero.css --- */
.hero-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-text {
    max-width: 600px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.hero-paragraph {
    max-width: 600px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    top: 60%;
    padding: 20px 0;
}

@media screen and (max-width: 768px) {
    .hero-text {
        max-width: 100%;
    }

    .hero-paragraph {
        max-width: 100%;
    }
}

.hero-image {
    width: 100%;
    height: 362px;
    object-fit: cover;
    margin-bottom: 30px;
}

.hero-cta-btn {
    position: absolute;
    z-index: 10;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(90deg, #00CCFF 0%, #80CEAA 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

    .hero-cta-btn:hover {
        filter: brightness(0.94);
        transform: translateY(-1px) translateX(-50%);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .hero-cta-btn .home-hero__cta-arrow {
        font-size: 18px;
        line-height: 1;
    }

@media screen and (max-width: 768px) {
    .hero-cta-btn {
        bottom: 16px;
    }
}

.hero-share {
    position: absolute;
    z-index: 10000;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
    .hero-share {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: -10px;
    }
}

.hero-share .share-dropdown {
    position: relative;
    display: inline-block;
}

.hero-share .main-share {
    background-color: #000;
    color: #E6E6E6;
    border: none;
    width: 182px;
    height: 42px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    transition: all 0.3s ease;
    background: linear-gradient(#000, #000) padding-box, linear-gradient( 180deg, #95D2B7 0%, #F1A9CB 32.21%, #FED7A0 67.79%, #36C7F3 99.99% ) border-box;
    border: 2px solid transparent;
}




.hero-share .share-menu {
    position: absolute;
    left: calc(50% + 12px);
    transform: translateX(-50%);
    top: calc(100% + 10px);
    bottom: auto;
    background: #000;
    border: 1px solid rgba(230, 230, 230, 0.15);
    border-radius: 8px;
    width: 235px;
    padding: 6px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    display: none;
}

    .hero-share .share-menu.open {
        display: block;
    }

    .hero-share .share-menu button,
    .hero-share .share-menu a {
        border: none;
        width: 100%;
        height: auto;
        max-width: none;
        margin-left: 0;
        border-radius: 6px;
        padding: 10px 12px;
        font-size: 14px;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        background: transparent;
        color: #E6E6E6;
        text-decoration: none;
    }

        .hero-share .share-menu button:hover,
        .hero-share .share-menu a:hover {
            background: rgba(230, 230, 230, 0.08);
        }

    .hero-share .share-menu::after {
        content: "";
        position: absolute;
        left: 50%;
        top: -6px;
        width: 12px;
        height: 12px;
        background: #000;
        border-left: 1px solid rgba(230, 230, 230, 0.15);
        border-top: 1px solid rgba(230, 230, 230, 0.15);
        transform: translateX(-50%) rotate(45deg);
    }

.share-menu .copy-share {
    display: flex;
    align-items: center;
    gap: 4px;
}

.share-menu .input-like {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    padding: 6px 8px;
    flex-grow: 1;
    width: 100%;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32.5px;
    width: 32.5px;
    flex-shrink: 0;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.share-menu .copy-share i {
    font-size: 16px;
}

.share-menu .whatsapp-share-button {
    align-items: center;
    display: flex;
    gap: 4px;
}

    .share-menu .whatsapp-share-button i {
        font-size: 20px;
    }

.leasing-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    border-radius: 12px;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    width: fit-content;

    &:hover {
        filter: brightness(0.94);
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }
}


/* --- wwwroot/css/leasing-calculator.css --- */
.leasing-calc {
    padding: 56px 0 80px;
    scroll-margin-top: 80px;
}

.leasing-calc__head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 28px;
}

.leasing-calc__title {
    font-size: 30px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 10px;
}

.leasing-calc__subtitle {
    font-size: 15px;
    color: #6b7280;
    margin: 0;
}

/* Tabs */
.leasing-calc__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 28px;
}

.leasing-calc__tab {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #111;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

    .leasing-calc__tab:hover {
        border-color: #cbd5e1;
    }

    .leasing-calc__tab.is-active {
        background: #0a0a0a;
        color: #fff;
        border-color: #0a0a0a;
    }

/* Panels */
.leasing-calc__panel {
    display: none;
}

    .leasing-calc__panel.is-active {
        display: block;
    }

.leasing-calc__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
}

/* Form card */
.leasing-calc__form-card {
    border: 1px solid #e5e7eb;
    border-right: none;
    border-radius: 16px 0 0 16px;
    padding: 28px;
    background: #fff;
}

.leasing-calc__form-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #0a0a0a;
}

.leasing-calc__form-sub {
    font-size: 14px;
    color: #9ca3af;
    margin: 0 0 22px;
}

.leasing-calc__field {
    margin-bottom: 18px;
}

.leasing-calc__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
}

.leasing-calc__optional {
    font-size: 12px;
    font-weight: 400;
    color: #9ca3af;
}

.leasing-calc__input {
    width: 100%;
    height: 46px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0 14px;
    font-size: 14px;
    color: #111;
    background: #fff;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .leasing-calc__input::placeholder {
        color: #b6bcc6;
    }

    .leasing-calc__input:focus {
        border-color: #36c7f3;
        box-shadow: 0 0 0 3px rgba(54, 199, 243, 0.15);
    }

/* Slider */
.leasing-calc__slider-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leasing-calc__slider-value {
    font-size: 14px;
    font-weight: 700;
    color: #0a0a0a;
    white-space: nowrap;
}

.leasing-calc__slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    box-sizing: border-box;
    /* razmak izmedu krajnjih vrijednosti i rubova slidera */
    padding: 0 12px;
    background-color: #e5e7eb;
    background-image: linear-gradient(90deg, #00ccff 0%, #80ceaa 100%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0% 100%;
    outline: none;
    margin-top: 6px;
}

    .leasing-calc__slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #36c7f3;
        cursor: pointer;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

    .leasing-calc__slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #36c7f3;
        cursor: pointer;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

/* Submit (form) */
.leasing-calc__submit {
    width: fit-content;
    min-height: 50px;
    border: none;
    border-radius: 10px;
    background: #0a0a0a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 6px;
    transition: filter 0.2s ease, transform 0.2s ease;
    padding: 14px 40px;
}

    .leasing-calc__submit:hover {
        filter: brightness(0.92);
        transform: translateY(-1px);
    }

/* Result card */
.leasing-calc__result-card {
    border-radius: 0 16px 16px 0;
    padding: 28px;
    background: #95D2B880;
    display: flex;
    flex-direction: column;
}

.leasing-calc__result-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4b5563;
}

.leasing-calc__result-value {
    font-size: 40px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 6px 0 12px;
    line-height: 1.1;
}

.leasing-calc__result-unit {
    font-size: 18px;
    font-weight: 600;
    color: #0a0a0a;
}

.leasing-calc__result-note {
    font-size: 12px;
    color: #4b5563;
    margin: 0 0 18px;
    line-height: 1.5;
}

.leasing-calc__rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.leasing-calc__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 14px;
    color: #374151;
}

.leasing-calc__row-value {
    font-weight: 700;
    color: #0a0a0a;
    white-space: nowrap;
}

.leasing-calc__result-foot {
    font-size: 11px;
    color: #6b7280;
    margin: 14px 0 0;
    line-height: 1.5;
}

.leasing-calc__cta-primary {
    width: 100%;
    min-height: 50px;
    border: none;
    border-radius: 10px;
    background: #0a0a0a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 12px;
    transition: filter 0.2s ease, transform 0.2s ease;
    padding: 14px 40px;
}

    .leasing-calc__cta-primary:hover {
        filter: brightness(0.92);
        transform: translateY(-1px);
    }

.leasing-calc__cta-secondary {
    width: 100%;
    min-height: 50px;
    border: 1px solid #cbd5cf;
    border-radius: 10px;
    background: #fff;
    color: #0a0a0a;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 12px;
    transition: background 0.2s ease, transform 0.2s ease;
    padding: 14px 40px;
}

    .leasing-calc__cta-secondary:hover {
        background: #f3f4f6;
        transform: translateY(-1px);
    }

@media screen and (max-width: 991px) {
    .leasing-calc__grid {
        grid-template-columns: 1fr;
    }

    .leasing-calc__input {
        font-size: 16px;
    }

    .leasing-calc__form-card {
        border: 1px solid #e5e7eb;
        border-bottom: none;
        border-radius: 16px 16px 0 0;
    }

    .leasing-calc__result-card {
        border-radius: 0 0 16px 16px;
    }

    .leasing-calc__title {
        font-size: 24px;
    }
}

.leasing-calc__info-text {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    text-align: center;
}

.leasing-calc__note-trigger:hover {
    text-decoration: none;
}

.leasing-calc__note-trigger {
    display: inline-flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    text-decoration: none;
}

    .leasing-calc__note-trigger:hover {
        color: #0a0a0a;
    }

    .leasing-calc__note-trigger .neo-info {
        font-size: 16px !important;
        text-decoration: none;
        color: inherit;
    }

#leasingCalcNoteModal .step-form {
    min-height: 200px !important;
    height: fit-content !important;
    width: fit-content;
    max-width: 720px;
    border-radius: 8px;
}

#leasingCalcNoteModal .step-form-content {
    overflow: auto;
}

.leasing-calc-note-modal__content {
    font-size: 14px;
    line-height: 1.55;
    color: #4b5563;
}

    .leasing-calc-note-modal__content p {
        margin: 0 0 12px;
    }

        .leasing-calc-note-modal__content p:last-child {
            margin-bottom: 0;
        }

/* ----------------------- Financing vehicles ----------------------- */
.leasing-financing-vehicles {
    padding: 0 0 72px;
    background: #fff;
}

.leasing-financing-vehicles__title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 30px;
}

.leasing-financing-vehicles__grid {
    transition: opacity 0.2s ease;
}

    .leasing-financing-vehicles__grid.is-loading {
        opacity: 0.45;
    }

.leasing-financing-vehicles__empty {
    margin: 0;
    padding: 24px 0;
    text-align: center;
    color: #6b7280;
}

@media screen and (max-width: 991px) {
    .leasing-financing-vehicles {
        padding-bottom: 56px;
    }

    .leasing-financing-vehicles__title {
        font-size: 24px;
    }

    .leasing-financing-vehicles__grid > .vehicle-item-card:nth-child(n + 7) {
        display: none !important;
    }
}

/* ----------------------- Leasing FAQ ----------------------- */
.leasing-info {
    padding: 56px 0 72px;
    background: #f5f6fb;
}

.leasing-info__head {
    text-align: center;
    margin-bottom: 36px;
}

.leasing-info__eyebrow {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 10px;
}

.leasing-info__title {
    font-size: 30px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0;
}

.leasing-info__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.leasing-info__card {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px 26px;
    background: #fff;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

    .leasing-info__card:hover {
        border-color: #d6dae0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    }

.leasing-info__question {
    font-size: 17px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 10px;
}

.leasing-info__answer,
.leasing-info__answer p {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

    .leasing-info__answer p:not(:last-child) {
        margin-bottom: 10px;
    }

.leasing-info:not(.is-expanded) .leasing-info__card:nth-child(n + 7) {
    display: none;
}

.leasing-info__actions {
    display: none;
    text-align: center;
    margin-top: 28px;
}

.leasing-info.has-more .leasing-info__actions {
    display: block;
}

.leasing-info.is-expanded .leasing-info__actions {
    display: none;
}

.leasing-info__more-btn {
    min-height: 50px;
    border: none;
    border-radius: 10px;
    background: #0a0a0a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    padding: 14px 40px;
    transition: filter 0.2s ease, transform 0.2s ease;
}

    .leasing-info__more-btn:hover {
        filter: brightness(0.92);
        transform: translateY(-1px);
    }

@media screen and (max-width: 991px) {
    .leasing-info__grid {
        grid-template-columns: 1fr;
    }

    .leasing-info__title {
        font-size: 24px;
    }

    .leasing-info:not(.is-expanded) .leasing-info__card:nth-child(n + 5) {
        display: none;
    }
}

/* ----------------------- Leasing accordion ----------------------- */
.leasing-accordion {
    padding: 64px 0 80px;
}

.leasing-accordion__title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 36px;
}

.leasing-accordion__list {
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.leasing-accordion__item {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .leasing-accordion__item.is-open {
        border-color: #d6dae0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    }

.leasing-accordion__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 26px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.leasing-accordion__question {
    font-size: 17px;
    font-weight: 700;
    color: #0a0a0a;
}

.leasing-accordion__icon {
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

    .leasing-accordion__icon::before {
        content: "";
        position: absolute;
        top: 35%;
        left: 50%;
        width: 9px;
        height: 9px;
        border-right: 2px solid #b6bcc6;
        border-bottom: 2px solid #b6bcc6;
        transform: translate(-50%, -50%) rotate(45deg);
        transform-origin: center;
        transition: transform 0.25s ease;
    }

.leasing-accordion__item.is-open .leasing-accordion__icon::before {
    top: 55%;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.leasing-accordion__panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.leasing-accordion__content {
    padding: 0 26px 24px;
}

    .leasing-accordion__content p {
        font-size: 15px;
        line-height: 1.7;
        color: #4b5563;
        margin: 0 0 14px;
    }

        .leasing-accordion__content p:last-child {
            margin-bottom: 0;
        }

@media screen and (max-width: 991px) {
    .leasing-accordion__title {
        font-size: 24px;
    }

    .leasing-accordion__header {
        padding: 18px 20px;
    }

    .leasing-accordion__content {
        padding: 0 20px 20px;
    }
}

/* ----------------------- Finance help modal ----------------------- */
.leasing-calc-help-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 500;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-family: 'SuisseIntl', sans-serif;
}

    .leasing-calc-help-modal.is-open {
        display: flex;
    }

html.leasing-calc-help-modal-open,
body.leasing-calc-help-modal-open {
    overflow: hidden !important;
}

.leasing-calc-help-modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(34, 34, 34, 0.6);
}

.leasing-calc-help-modal__panel {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 460px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.leasing-calc-help-modal__top {
    padding: 18px 20px 0;
    display: flex;
    justify-content: end;
}

.leasing-calc-help-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

    .leasing-calc-help-modal__close .neo-close::before {
        color: #111;
        font-size: 18px;
    }

.leasing-calc-help-modal__body {
    padding: 8px 28px 32px;
}

.leasing-calc-help-modal__title {
    margin: 0 0 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #0a0a0a;
}

.leasing-calc-help-modal__form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.leasing-calc-help-modal__field {
    display: flex;
    flex-direction: column;
    /* gap: 8px; */
}

.leasing-calc-help-modal__label {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
}

.leasing-calc-help-modal__input {
    width: 100%;
    height: 52px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0 16px;
    font-size: 16px;
    color: #111;
    background: #ebf2f7;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

    .leasing-calc-help-modal__input::placeholder {
        color: #9ca3af;
    }

    .leasing-calc-help-modal__input:focus {
        background: #e3edf5;
        box-shadow: 0 0 0 3px rgba(54, 199, 243, 0.18);
    }

    .leasing-calc-help-modal__input.is-invalid {
        border-color: #ef4444;
        background: #fef2f2;
        box-shadow: none;
    }

        .leasing-calc-help-modal__input.is-invalid:focus {
            border-color: #ef4444;
            background: #fef2f2;
            box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
        }

.leasing-calc-help-modal__error {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #ef4444;
}

    .leasing-calc-help-modal__error[hidden] {
        display: none;
    }

.leasing-calc-help-modal__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    align-self: center;
    min-width: 180px;
    height: 52px;
    margin-top: 8px;
    padding: 0 28px 0 22px;
    border: none;
    border-radius: 12px;
    background: #0a0a0a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
    width: 100%;
}

    .leasing-calc-help-modal__submit:hover {
        filter: brightness(0.92);
        transform: translateY(-1px);
    }

    .leasing-calc-help-modal__submit:disabled {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

.leasing-calc-help-modal__avatars {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.leasing-calc-help-modal__avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #0a0a0a;
    background: linear-gradient(135deg, #8ecae6 0%, #219ebc 100%);
    margin-right: -10px;
}

.leasing-calc-help-modal__avatar--second {
    background: linear-gradient(135deg, #c8e6c9 0%, #66bb6a 100%);
}

@media screen and (max-width: 575px) {
    .leasing-calc-help-modal__body {
        padding: 8px 20px 24px;
    }

    .leasing-calc-help-modal__title {
        font-size: 24px;
    }

    .leasing-calc-help-modal__submit {
        width: 100%;
    }
}

#info-leasing-btn {
    text-decoration: none;
}

    #info-leasing-btn:hover {
        color: #fff;
    }

#leasingHero .hero-paragraph {
    max-width:500px;
}

@media screen and (max-width: 510px) {
    #leasingHero .hero-image {
        height: 600px;
        margin-bottom: 0px;
    }

    #leasingHero .hero-container {
        align-items: end !important;
    }

    #leasingHero .container {
        margin-bottom: 40px !important;
    }
}


/* --- wwwroot/css/vehicle-filter.css --- */
#vehicleFilters {
    position: sticky;
    top: 72px;
    margin-top: -2px;
    z-index: 7;
}

    #vehicleFilters label,
    #vehicleFilters button {
        font-size: 14px !important;
    }

#vehicleFilterForm {
    width: 100%;
    height: 100%;
}

.filter-search{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;

    .lowercase{
        text-transform: lowercase;
    }
}

.vehicle-filter-container {
    margin-top: -100px;
    z-index: 7;
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .vehicle-filter-container {
          align-items: center;
          height: 80px;
    }
}

@media screen and (max-width: 992px) {
    .filter-wrapper.row{
        row-gap: 10px;
    }
}

.filter-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    padding: 13px;
    border-radius: 8px;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.1);
}

    .filter-wrapper .search-btn {
        width: 105px;
        height: 48px;
        margin: 0px 5px;
        padding: 15px;
        border-radius: 8px;
        background-color: #000;
        color: #fff;
        border: 1px solid #000;
    }

    .filter-wrapper .show-filters-btn {
        width: 105px;
        height: 48px;
        margin: 0px 5px;
        padding: 15px;
        border-radius: 8px;
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        display: flex;
        justify-content: center;
        box-shadow:none;
    }

.vehicle-filter-container .filter-select-wrapper {
    /*margin: 0px 5px;*/
    border-radius: 5px;
    background-color: #ebfaff;
    border: none;
    display: flex;
    flex-direction: column;
    position: relative;
}

.focus {
    background-color: #fff !important;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

.vehicle-filter-container .filter-select-wrapper .filter-select {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 22px;
}

    .vehicle-filter-container .filter-select-wrapper .filter-select label {
        padding: 0px;
        margin: 0px;
    }

    .vehicle-filter-container .filter-select-wrapper .filter-select span {
        margin: auto 0px;
    }

    @media screen and (max-width: 768px) {

        .filter-select-wrapper{
            height: 32px !important;
            display: flex !important; 
            align-items: center;
            justify-content: center;
        }

        .filter-select-wrapper .filter-select{
            padding: 0px 16px !important;
            min-height: unset !important;
        }

        .show-filters-btn {
            font-weight: 700;
            background-color: #000 !important;
            color: #fff !important;
            height: 32px !important;
            padding: 0px 16px !important;
            display: flex !important; 
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease-in-out;
        }

        .show-filters-btn:hover {
            background-color: #fff !important;
            color: #000 !important;
        }


        .homepage .filter-select-wrapper {
            height: 48px !important;
        }

        .homepage .show-filters-btn{
            height: 48px !important;
        }
        
        
    }

@media screen and (min-width: 1380px) {
    .vehicle-filter-container .filter-select-wrapper {
        width: 100%;
    }
}

@media (max-width: 1380px) {
    .vehicle-filters-list .vehicle-filter-select {
        width: fit-content !important;
        position: static;
    }
}

@media (max-width: 1380px) {
    .vehicle-filters-list .filter-select-wrapper {
        width: 200px;
        position: static !important;
    }
}

.filter-select-options {
    position: absolute;
    display: none;
    flex-direction: column;
    background-color: #fff;
    margin-top: 50px;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 7;
    left: 0;
    right: 0;
    top: 0;
}

    .filter-select-options label span:hover {
        background-color: #ebfaff;
    }

#vehicleKm .filter-select-options,
#vehiclePrice .filter-select-options {
    max-height: fit-content;
    overflow-y: hidden;
}

.filter-select-options input[type="checkbox"],
.filter-select-options input[type="radio"] {
    display: none;
}

.filter-select-options label {
    width: 100%;
}

.filter-select-options input[type="checkbox"] + span,
.filter-select-options input[type="radio"] + span {
    display: flex;
    padding: 15px 22px;
}

.filter-select-options input[type="checkbox"]:checked + span,
.filter-select-options input[type="radio"]:checked + span {
    background-color: #7fe5ff;
    color: black;
}

.filter-input-wrapper {
    padding: 7px 17px;
}

.filter-input {
    background-color: #ebfaff;
    border-radius: 8px;
    padding: 5px 10px;
    border: none;
    font-size: 16px;
}

    .filter-input:focus-visible {
        outline: none;
    }

@media (min-width: 1381px) {
    #vehicleFilterForm [class*="col-"] {
        width: 16.66%;
    }

    #vehicleFilterForm {
        max-width: 1280px;
    }
}

.translation-altr.hidden{
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
}

@media (max-width: 1380px) {
    .vehicle-filter-container {
        margin-top: 0px;
    }

   .vehicle-filters-list .filter-wrapper {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0px;
        width: 100%;
        border-radius: 0px;
    }

     .vehicle-filters-list .filter-select-wrapper {
        width: 200px;
    }

    .vehicle-filters-list  .filter-wrapper .search-btn,
    .vehicle-filters-list  .filter-wrapper .show-filters-btn {
        width: fit-content !important;
    }

    .vehicle-filters-list  .vehicle-filter-select {
        width: fit-content !important;
    }
}

.filter-tag {
    margin: 10px;
    padding: 4px 12.5px 4px 11.7px;
    border-radius: 4px;
    background-color: #ebfaff;
    font-size: 14px;
}

#vehicleTotalRecords {
    font-weight: bold;
    font-size: 20px;
}


.dropdown {
    position: relative;
    display: inline-block;
    width: 200px;
}

.dropdown-toggle {
    background-color: transparent;
    color: black;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: end;
    box-shadow: none;
    position: relative;
}

    .dropdown-toggle:after {
        all: unset;
        content: "\e902";
        font-family: "neostar-icons" !important;
        font-size: 16px;
        margin-left: 5px;
    }

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 100%;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    border-radius: 5px;
}

.dropdown-item {
    padding: 10px;
    cursor: pointer;
}

    .dropdown-item:hover {
        background-color: #ebfaff;
    }

.selected {
    background-color: #7fe5ff;
}

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

.filter-search-input,
.filter-search-input:focus-visible,
.filter-search-input:focus {
    border-radius: 8px;
    margin: 2px;
    padding: 5px;
    border: 1px solid lightgray;
}

.filter-select-item,
.filter-select-item * {
    font-family: "Regular Int'l", sans-serif;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 576px) {
    .filter-wrapper .vehicle-filter-select {
        padding: 0 4px;
    }

    .filter-wrapper .filter-select {
        padding: 4px 8px;
        font-size: 12px;
        min-height: 36px;
    }

    .filter-wrapper .filter-select-options {
        font-size: 12px;
    }

        .filter-wrapper .filter-select-options label {
            padding: 4px 6px;
        }

    .filter-wrapper .filter-select-item {
        font-size: 12px;
    }

    .filter-wrapper .search-btn,
    .filter-wrapper .show-filters-btn {
        height: 48px;
        font-size: 13px;
        padding: 14px 10px;
        min-width: 100px;
    }

    .filter-wrapper input[type="text"] {
        height: 34px;
        font-size: 16px;
        padding: 4px 6px;
    }

    .vehicle-filters-list .filter-select-wrapper {
        width: 150px;
    }
}

/* --- wwwroot/css/sidebar-filters.css --- */
#sidebarContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    display: none;
    z-index: 10;
}

    #sidebarContainer label {
        font-size: 14px;
    }

.sidebar-filters {
    height: calc(100vh - 72px);
    width: 350px;
    position: fixed;
    left: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    top: 74px;
}

@media (max-width: 576px) {
    .sidebar-filters {
        width: 100%;
    }
}

#sidebarFilterForm {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

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

/* #sidebarFilterForm {
    height: 75%;
} */

.sidebar-filter-content-wrapper {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-filter-header {
    padding: 20px;
}

.bottom-box-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.sidebar-filter-content {
    padding: 20px;
}

#sidebarFilters .filter-checkbox label {
    width: 100%;
}

#sidebarFilters .filter-checkbox input[type="checkbox"],
#sidebarFilters .sidebar-filter-select input[type="checkbox"] {
    display: none;
}

    #sidebarFilters .filter-checkbox input[type="checkbox"] + span,
    #sidebarFilters .sidebar-filter-select input[type="checkbox"] + span {
        background-color: #ebfaff;
        padding: 15px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #sidebarFilters .filter-checkbox input[type="checkbox"]:checked + span,
    #sidebarFilters .sidebar-filter-select input[type="checkbox"]:checked + span {
        background-color: #7fe5ff;
        color: black;
    }

#sidebarFilters .color-filter input[type="checkbox"]:checked + span {
    border-radius: 50% !important;
}

#sidebarFilters .filter-icon {
    margin-right: 10px;
    font-size: 20px;
    cursor: pointer;
}

#sidebarFilters .filter-select-button {
    background-color: #ebfaff;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sidebar-filters #search-btn-container {
    background-color: #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
    position: sticky;
    bottom: 0;
}

.sidebar-filters .search-btn {
    width: 100%;
    height: 48px;
    margin: 0px 5px;
    padding: 15px 22px;
    border-radius: 8px;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-size: 14px;    
}

.sidebar-filter-select {
    /* height: 100%; */
    overflow-y: auto;
    padding: 20px;
}

#sidebarVehicleModelOptions label {
    margin-bottom: 10px !important;
    width: 100%;
}

.fit-content {
    height: fit-content;
}

.check-mark-black {
    border: 1px solid black;
}

.checkbox-indicator {
    position: relative;
}

input[type="checkbox"]:checked + .checkbox-indicator:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 7px;
    height: 14px;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    left: 50%;
    transform: translate(-50%,-55%) rotate(45deg);
    opacity: 1;
    transition: opacity 0.5s;
}

input[type="checkbox"]:checked + .checkbox-indicator.check-mark-black:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 7px;
    height: 14px;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    left: 50%;
    transform: translate(-50%,-55%) rotate(45deg);
    opacity: 1;
    transition: opacity 0.5s;
}


/* --- wwwroot/css/scrollbar.css --- */
/*------------------Thin scrollbar style---------------*/
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 6px var(--box-shadow); */
  background-color: #f5f5f5;
  border-radius: 10px !important;
}

::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #bdbdbd;
  background-image: #f5f5f5;
}

.scrollbar-width::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-height::-webkit-scrollbar {
  height: 8px;
}

/* (values chosen for visual consistency with Firefox) */
@-moz-document url-prefix() {
  * {
    scrollbar-color: #f5f5f5;
    scrollbar-width: thin;
  }

  *::-webkit-scrollbar {
    width: 7.5px;
  }

  *::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px !important;
    /* box-shadow: inset 0 0 6px var(--box-shadow); */
  }

  *::-webkit-scrollbar-thumb {
    background: #bababa;
    border-radius: 10px !important;
    border-right: 1px solid #ffffff;
  }
}


/* --- wwwroot/css/vehicle-card.css --- */
.vehicle-card-wrapper,
.vehicle-card-wrapper:hover {
    text-decoration: none;
    color: black;
    position: relative;
}

span.neo-favorite {
    color: #7fe5ff;
}

.favorite-icon {
    font-size: 20px;
}

.vehicle-item-card {
    height: 456px;
}

    .vehicle-item-card .favorite-icon {
        top: 15px;
        right: 15px;
    }

.vehicle-card {
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /*margin: 8px;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .vehicle-card img {
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.vehicle-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .vehicle-card-content .text-secondary {
        font-size: 12px;
        color: #666 !important;
        margin-bottom: 9px;
    }

    .vehicle-card-content .favorite-icon {
        font-size: 1.25rem;
    }

/* .vehicle-card-content .font-normal {
        font-size: 15px;
    } */

.vehicle-badge {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.first-owner-badge {
    padding: 2px 12px;
    border-radius: 4px;
    background-color: #f7f7fc;
    font-size: 12px;
    font-weight: normal;
}

.reserved-badge {
    padding: 2px 12px;
    border-radius: 4px;
    background-color: #f9c;
    font-size: 12px;
    font-weight: normal;
}

.discount-badge {
    padding: 2px 12px;
    border-radius: 4px;
    background-color: #ffd69e;
    font-size: 12px;
    font-weight: normal;
}

.new-badge {
    padding: 2px 12px;
    border-radius: 4px;
    background-color: #90F0C8;
    font-size: 12px;
    font-weight: normal;
}

.compare-btn {
    margin-left: 5px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    #vehicleCards [class*="col-"] {
        width: 33.33%;
    }
}

.promo-card-desc {
    font-size: 14px;
}

    .promo-card-desc p {
        padding-bottom: 0px;
    }

.vehicle-type-desc {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
}

.custom-tooltip {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}

@media (max-width: 767px) {
    .vehicle-item-card {
        /* max-height: 503px; */
        height: fit-content;
    }
}

.compare-btn {
    font-size: 1.5rem;
}

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

.card-image-wrapper {
    position: relative;
}

.promo-badge-img {
    width: 35px !important;
    height: 35px !important;
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 5px;
    border-radius: 50% !important;
}


/* --- wwwroot/css/pagination.css --- */
#paginator {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
}

@media (max-width: 640px) {
    #paginator {
        flex-direction: column;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 10px;
    flex-wrap: wrap;
}

    .pagination li {
        margin: 5px;
    }

    .pagination li:hover {
        cursor: pointer;
    }

    .pagination li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        width: 44px;
        height: 48px;
        border-radius: 8px;
        background-color: #ebfaff;
    }

        .pagination li:hover {
            background-color: #7fe5ff;
        }

        .pagination li.active {
            background-color: #7fe5ff;
        }

        .pagination li.disabled {
            color: #ccc;
            pointer-events: none;
            border-color: #ddd;
        }

.pagination-buttons {
    margin: 10px;
    display: flex;
}

    .pagination-buttons button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        height: 48px;
        border-radius: 8px;
        background-color: #ebfaff;
        border: none;
        box-shadow: none;
        margin: 0px 5px;
    }

#firstPageBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 48px;
    padding: 0px 40px;
    border-radius: 8px;
    background-color: #ebfaff;
    border: none;
    box-shadow: none;
    margin: 0px 5px;
}


/* --- wwwroot/css/vehicle-details.css --- */
#vehicleDetails {
  margin-top: 100px;
}

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

@media (min-width: 1200px) {
  .vehicle-title {
    font-size: 1.75rem !important;
  }
}

/* Only size WR360 / hero media — never the overlay control icons. */
#vehicleImages .img-wrap img,
#vehicleImages .wr360_player img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#vehicleImages {
  min-width: 0;
  overflow: hidden;
}

/* Ensure padding-ratio box → absolute img-content → rotator host fills height every time. */
#vehicleImages .img-wrap.ratio-16-9 {
  width: 100%;
}

#vehicleImages .img-wrap .img-content > #image-rotate-container,
#vehicleImages .img-wrap .img-content > #interior-image-rotate-container,
#vehicleImages .img-wrap .img-content > .wr360_player,
#vehicleImages #image-rotate-container,
#vehicleImages #interior-image-rotate-container {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

#webrotate-poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

#webrotate-poster.is-hidden {
  opacity: 0;
  visibility: hidden;
}

/* Keep exterior/interior/video control icons from inheriting full hero img sizing.
   Also defeats Bootstrap `.row > * { width:100% }` if .row is reintroduced on the badge bar. */
#vehicleImages .badge-action-container {
  width: auto;
  max-width: none;
  flex-wrap: nowrap;
  z-index: 3;
}

#vehicleImages .badge-action-container .webrotate-icon {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  flex: 0 0 42px !important;
}

#vehicleImages .badge-action-container .webrotate-icon img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain;
}

/* Keep sidebar from colliding with the rotator column when media overflows. */
#vehicleDetails > .row.my-4 > [class*="col-"] {
  min-width: 0;
}

/* Gallery thumbs: keep in Layout-loaded CSS so sizing works even if vehicle-gallery*.css fails to apply. */
#vehicleGallerySlider .gallery-container {
  position: relative;
  overflow: visible;
}

#vehicleGallerySlider .vehicle-gallery {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding: 10px 0;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#vehicleGallerySlider .vehicle-gallery::-webkit-scrollbar {
  display: none;
}

#vehicleGallerySlider .vehicle-gallery img.gallery-img {
  height: 100px;
  width: 200px;
  max-width: 200px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  cursor: pointer;
}

.gallery-container .gallery-nav-btn,
#vehicleGallerySlider .gallery-nav-btn,
#imageModal.vehicle-image-modal .gallery-nav-btn,
#equipmentImageModal.vehicle-image-modal .gallery-nav-btn {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background: #fff;
  color: #111;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transform: translateY(-50%);
}

.gallery-container .gallery-nav-btn--prev,
#vehicleGallerySlider .gallery-nav-btn--prev,
#imageModal.vehicle-image-modal .gallery-nav-btn--prev,
#equipmentImageModal.vehicle-image-modal .gallery-nav-btn--prev {
  left: 8px;
}

.gallery-container .gallery-nav-btn--next,
#vehicleGallerySlider .gallery-nav-btn--next,
#imageModal.vehicle-image-modal .gallery-nav-btn--next,
#equipmentImageModal.vehicle-image-modal .gallery-nav-btn--next {
  right: 8px;
}

.gallery-container .gallery-nav-btn span,
#vehicleGallerySlider .gallery-nav-btn span,
#imageModal.vehicle-image-modal .gallery-nav-btn span,
#equipmentImageModal.vehicle-image-modal .gallery-nav-btn span {
  font-size: 18px;
  line-height: 1;
  color: #111;
}

#imageModal.vehicle-image-modal,
#equipmentImageModal.vehicle-image-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1060;
  align-items: center;
  justify-content: center;
  padding: 56px 24px 24px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.72);
}

.vehicle-image-modal__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: min(1280px, 88vw);
  max-height: 84vh;
}

#imageModal.vehicle-image-modal .vehicle-image-modal__close,
#equipmentImageModal.vehicle-image-modal .vehicle-image-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}

#imageModal.vehicle-image-modal .vehicle-image-modal__img,
#equipmentImageModal.vehicle-image-modal .vehicle-image-modal__img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(1280px, 88vw);
  max-height: 84vh;
  object-fit: contain;
  border-radius: 8px;
}

#vehicleDetails span.neo-favorite {
  color: #7fe5ff;
}

#vehicleData {
  position: relative;
  z-index: 1;
  padding: 22px;
  border-radius: 8px;
  background-color: #ebfaff;
}

#vehicleData span {
  font-size: 14px;
  line-height: normal;
}

#vehicleData .favorite-icon {
  font-size: 1.5rem;
}

#vehicleData .old-price {
  text-decoration-line: line-through;
}

#vehicleData .new-price {
  font-size: 28px;
  font-weight: bold;
}

.vehicle-tag {
  margin: 8px 12px 0px 0px;
  padding: 4px 16px;
  border-radius: 4px;
  height: fit-content;
  white-space: nowrap;
}

.discount-price-tag {
  background-color: #ffd69e;
}

.first-owner-tag {
  background-color: #fff;
}

.reserved-tag {
  background-color: #f9c;
}

.new-tag {
  background-color: #90f0c8;
}

.warranty-tag {
  background-color: #0cf;
}

.price-image {
  width: 75px;
  height: 75px;
}

.link-btn span {
  font-size: 12px !important;
}

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

@media screen and (max-width: 991px) {
  .buttons-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
    cursor: pointer;
    left: 0;
    padding: 20px 10px;
    box-shadow: 2px -2px 17px 13px #00000020;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.buttons-wrapper .buy-vehicle-btn {
  padding: 15px;
  border-radius: 8px;
  border: solid 1px #000;
  background-color: #000;
  font-size: 14px;
  line-height: normal;
  color: #fff;
}

#vehicleInfo .vehicle-info-label-wrapper {
  font-size: 14px;
  line-height: normal;
}

#vehicleInfo .vehicle-info-label {
  font-size: 12px;
}

#vehicleInfo .vehicle-info-icon {
  font-size: 30px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.link-btn,
.link-btn span {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

#priceInfoModal .step-form {
  max-width: 500px;
  min-height: fit-content;
}

.subtitle-text {
  font-size: 14px;
}

.price-info-row {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}

.price-info-label {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: normal;
}

.price-info-label span {
  font-size: 30px;
  font-weight: bold;
  color: #0cf;
}

.info-price-item {
  font-weight: 500;
}

#vehicleDataWrapper {
  padding: 22px;
  border-radius: 8px;
  background-color: #ebfaff;
}

#vehicleDataWrapper .border-bottom {
  border-color: #666 !important;
}

.vehicle-data-tabs {
  overflow-x: auto;
}

.vehicle-data-tabs a {
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.vehicle-data-tabs .active {
  background-color: #7fe5ff;
  border-color: #7fe5ff;
}

.vehicle-data-tab {
  padding: 10px;
}

/* Service history, equipment, checklist */
.vehicle-data-item-text {
  font-size: 14px;
  line-height: normal;
}

#vehicleDataModal .step-form-content {
  overflow-y: auto;
}

.veh-inspection_icon {
  width: 40px;
  height: 40px;
}

/* EQUIPMENT */
#vehEquipmentTab ul {
  column-count: 2;
}

#vehEquipmentModalTab ul {
  column-count: 3;
}

/* VEHICLE STATE */
#vehStateTab ul {
  list-style-type: none;
  column-count: 2;
  padding: 0px;
}

#vehStateTab .vehicle-state-item span {
  font-weight: 500;
}

#vehStateModalTab .vehicle-state-item {
  display: inline-flex;
  flex: 0 0 25%;
  padding: 10px;
  align-items: stretch;
}

#vehStateModalTab ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

span.negative-inspection-item {
  background: #ff99cc;
  color: #000;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}

span.positive-inspection-item {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-color: #7fe5ff;
  color: #000;
  font-weight: normal;
}

span.positive-inspection-item:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 11px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  top: 50%;
  left: 50%;
  color: #000;
  transform: translate(-50%, -65%) rotate(45deg);
}

/* SERVICE HISTORY */
.service-history-item {
  padding: 10px;
}

#serviceHistoryModalTab .service-history-item {
  display: inline-flex;
  flex: 0 0 25%;
}

#serviceHistoryTab .service-history-item {
  display: inline-flex;
  flex: 0 0 33%;
}

.service-history-item span {
  font-size: 14px;
  line-height: normal;
}

@media (max-width: 1040px) {
  #serviceHistoryModalTab .service-history-item {
    flex: 0 0 33%;
  }
}

@media (max-width: 940px) {
  #vehEquipmentModalTab ul {
    column-count: 2;
  }
}

@media (min-width: 841px) {
  #vehStateModalTab .vehicle-state-item:not(:last-child) {
    border-right: 1px solid #ebfaff;
  }
}

@media (max-width: 840px) {
  #vehStateModalTab .vehicle-state-item {
    flex: 0 0 100%;
  }

  #vehStateModalTab .vehicle-state-item:not(:last-child) {
    border-bottom: 1px solid #ebfaff;
  }
}

@media (max-width: 768px) {
  #serviceHistoryTab .service-history-item {
    flex: 0 0 50%;
  }
}

@media (max-width: 750px) {
  #vehStateTab ul {
    column-count: 1;
  }

  #vehEquipmentTab ul {
    column-count: 1;
  }

  #vehEquipmentModalTab ul {
    column-count: 1;
  }

  #serviceHistoryModalTab .service-history-item {
    flex: 0 0 50%;
  }
}

@media (max-width: 500px) {
  #serviceHistoryTab .service-history-item,
  #serviceHistoryModalTab .service-history-item {
    flex: 0 0 100%;
  }
}

.frequently-asked-questions {
  padding-top: 50px;
}

.accordion {
  width: 100%;
  font-size: 14px;
}

.accordion-toggle {
  display: none;
}

.accordion-header {
  background-color: #ecfcff;
  padding: 15px;
  padding-right: 40px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  border: none;
  width: 100%;
  transition: background-color 0.3s;
  border-radius: 8px;
}

.accordion-header:hover {
  background-color: #ecfcff;
}

.accordion-header::before {
  content: "\e902";
  font-family: "neostar-icons" !important;
  position: absolute;
  right: 25px;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.accordion-toggle:checked + .accordion-header::before {
  transform: rotate(180deg);
}

.accordion-content {
  background-color: #ecfcff;
  padding: 0px 10px;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease-out, padding 0.3s ease-out;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.accordion-toggle:checked + .accordion-header + .accordion-content {
  padding-bottom: 10px;
  height: fit-content;
  padding: 15px;
}

.accordion-toggle:checked + .accordion-header {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.financing-form-container {
  background-color: #90f0c8;
  border-radius: 8px;
  padding: 22px;
}

.financing-form-container .description,
.test-drive-form-container .description {
  font-size: 14px;
  line-height: normal;
}

.financing-form-container .finance-image {
  height: 30px;
  width: auto;
}

.financing-form-container .financing-input-wrapper {
  background-color: white !important;
  border-radius: 8px;
  padding: 10px;
}

.financing-form-container .financing-input-wrapper label {
  font-size: 14px;
}

.financing-form-container .financing-input-wrapper .form-control {
  border: none;
  padding: 0px;
  height: fit-content !important;
  font-weight: bold;
}

.financing-form-container .financing-form-duration-radio-btn {
  background-color: transparent;
  border: 1px solid black;
}

.financing-form-container .financing-form-duration-radio-btn {
  width: 48px;
  height: 48px;
  padding: 15px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid black;
  margin: 0px 5px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.financing-form-container .financing-form-duration-radio-btn input {
  display: contents;
}

.financing-form-container .checked-radio {
  background-color: white !important;
  border: none !important;
}

.financing-form-container .black-outline-btn {
  height: 53px !important;
}

.flex-wrapper {
  display: inline-flex;
  flex: 0 0 33%;
}

@media (max-width: 1199px) {
  .flex-wrapper {
    display: inline-flex;
    flex: 0 0 50%;
  }
}

.test-drive-form-container {
  background-color: #ffd69e;
  border-radius: 8px;
  padding: 22px;
}

.test-drive-form-container .test-drive-img {
  max-width: 276px;
  width: 100%;
  margin-left: auto;
  margin-right: 0px;
}

.financing-form-container button,
.test-drive-form-container button {
  height: 53px;
  width: fit-content;
}

#partnerPageUrl {
  text-decoration: none;
}

#aboutSellerContainer {
  padding: 22px;
  border-radius: 8px;
  background-color: #ebfaff;
  color: #222;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}

#aboutSellerContainer img.seller-logo {
  border-radius: 25px;
  height: 40px;
  width: 40px;
  object-fit: cover;
}

#aboutSellerContainer a {
  color: #222;
  /*cursor: pointer;*/
  width: fit-content;
}

.seller-hero-image {
  max-height: 60px;
  max-width: 100px;
  object-fit: contain;
  object-position: left;
}

/* VIDEO */
div#videoContainer {
  padding-top: 56.25%;
  position: relative;
}

div#videoContainer:hover {
  cursor: pointer;
}

.veh-video-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.video-detail {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

img.veh-video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

#video-popup {
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  z-index: 1500;
  overflow: hidden;
  touch-action: none;
  outline: 0;
  left: 0;
  right: 0;
}

#video-popup .video-bg {
  background: #000;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
}

#video-popup .video-content {
  width: 90vw;
  height: 0;
  z-index: 1600;
  position: relative;
  left: 5vw;
  right: 5vw;
  top: 50vh;
  bottom: unset;
  padding-bottom: 56.25%;
  transform: translateY(-50%);
}

@media screen and (min-width: 1200px) {
  #video-popup .video-content {
    width: 90vw;
    height: 90vh;
    z-index: 1600;
    position: relative;
    left: 5vw;
    right: 5vw;
    top: 5vh;
    bottom: 5vh;
    padding-bottom: 0;
    transform: none;
  }
}

/* VIDEO */
#video-popup video-popup-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5vh;
  background-color: rgba(0, 0, 0, 0.3);
}

#video-popup .close-video-btn {
  background-color: transparent;
  color: white;
  font-size: 2rem;
  position: absolute;
  border: none;
  right: 0px;
}

.ytiframe-vid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#yt-video-info {
  display: flex;
  flex-wrap: wrap;
}

#yt-page-video {
  position: relative;
  min-width: 270px;
  height: 100%;
  width: 100%;
}

#yt-page-video:hover {
  cursor: pointer;
}

#yt-page-video .video-img-wrapper {
  padding-top: 56.25%;
}

#yt-page-video .video-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  border-radius: 8px;
}

.video-page-info {
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 25px;
}

.video-page-info h3 {
  font-size: 16px;
  font-weight: 600;
  color: #090909;
  margin: 0 0 13px;
}

.video-page-info p {
  font-size: 14px;
  color: #8f8e94;
  margin: 0 0 24px;
}

.video-page-info .btn-video {
  padding: 12px 30px;
  border-radius: 34px;
  border: solid 1px #000;
  margin: 0 !important;
  line-height: 1;
}

#vehicleGallerySlider .yt-slider-video {
  padding: 10px 0px;
  margin-right: 10px;
  width: fit-content;
}

#vehicleGallerySlider .yt-slider-video:hover {
  cursor: pointer;
}

#vehicleGallerySlider .yt-slider-video img {
  height: 100px !important;
  width: 178px !important;
  border-radius: 8px;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  #yt-video-info {
    flex-wrap: nowrap;
  }

  #yt-page-video {
    position: relative;
    min-width: 270px;
    height: 100%;
    width: 100%;
  }

  #yt-page-video:hover {
    cursor: pointer;
  }

  #yt-page-video .video-img-wrapper {
    padding-top: 56.25%;
  }

  #yt-page-video .video-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
  }

  .video-page-info {
    margin-left: 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
  }

  .video-page-info h3 {
    font-size: 16px;
    font-weight: 600;
    color: #090909;
    margin: 0 0 13px;
  }

  .video-page-info p {
    font-size: 14px;
    color: #8f8e94;
    margin: 0 0 24px;
  }

  .video-page-info .btn-video {
    padding: 12px 30px;
    border-radius: 34px;
    border: solid 1px #000;
    margin: 0 !important;
    line-height: 1;
  }
}

#testDriveModal .test-drive-img {
  width: 400px;
}

#testDriveModal .step-form {
  min-height: fit-content !important;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
}

.breadcrumb a {
  font-size: 14px;
  color: inherit;
}

.breadcrumb span {
  font-size: 14px;
}

.lowest-price {
  font-size: 11px !important;
}

#yt-video-info-missing {
  padding: 22px;
  border-radius: 8px;
  background-color: #ebfaff;
}

.video-missing-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

#yt-video-info-missing,
#yt-page-video-missing,
.video-missing-img-wrapper {
  height: 100%;
}

.dynamic-visibility {
  display: flex;
}

@media (max-width: 576px) {
  /* #vehicleInfo .col-6 {
        padding-left: 40px;
        padding-right: 12px;
    } */

  #vehicleInfo .vehicle-info-icon {
    min-width: 24px;
    margin-right: 11px;
    margin-top: 3px;
  }

  #vehicleInfo .vehicle-info-label-wrapper {
    width: calc(100% - 35px); /* 24 + 8 */
  }

  .finance-img {
    width: 60% !important;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .dynamic-visibility {
    display: none;
  }

  .financing-form-container button,
  .test-drive-form-container button {
    width: 100% !important;
  }
}

#vehicleInfo .show-more-tech-data {
  font-size: 14px;
  margin-top: 10px;
}

#techDataSeparator {
  border-top: 1px solid #ebfaff;
}

.financing-form-container button,
.test-drive-form-container button {
  width: fit-content;
}

#testDriveDate::placeholder,
#appointmentDate::placeholder,
#testDriveDateModal::placeholder {
  color: #212529 !important;
  opacity: 1; /* Firefox */
}

#testDriveDate::-ms-input-placeholder,
#appointmentDate::-ms-input-placeholder,
#testDriveDateModal::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #212529 !important;
}

.link-copy-container {
  display: flex;
  border: 1px solid #00000036;
  border-radius: 4px;
}

.link-copy-container input,
.link-copy-container input:focus,
.link-copy-container input:focus-visible,
.link-copy-container input:active {
  font-size: 13px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  border-right: 1px solid #00000036;
  background: transparent;
  text-overflow: ellipsis;
  color: #0000006e;
  box-shadow: none !important;
  outline: none;
  width: 100%;
}

.share-container {
  position: relative;
  display: inline-block;
  height: 26px;
}

/* .share-btn .neo-share {
  font-size: 1.5rem;
  color: white;
} */

.share-btn {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 6px;
  background: transparent;
  padding: 0;
  font-weight: 400;
  cursor: pointer;
  gap: 4px;
  font-size: 1.5rem !important;
  transition: all 0.3s ease;
}

.share-option .fa-whatsapp {
  font-size: 20px;
  color: #000;
}

.share-overlay {
  position: absolute;
  top: 120%;
  left: auto;
  right: 0;
  background: #fff;
  border: 1px solid #d9e2ec;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 250px;
  z-index: 10;
  animation: fadeIn 0.15s ease;
  transition: all 0.3s ease;
}

.share-overlay.active {
  padding-bottom: 24px;
}

.share-option {
  display: flex;
  align-items: center;
  background: #f9fafb;
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s ease;
  justify-content: center;
}

.share-option:hover {
  background: #edf2f7;
}

.copy-toast {
  position: absolute;
  bottom: 4px;
  display: inline-block;
  margin-left: 0.8rem;
  font-size: 14px;
  color: #0a7b3e;
  opacity: 0;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.copy-toast.show {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.promo-banner {
  width: 100%;
  border-radius: 8px;
  padding: 22px 30px;
  margin: 30px 0;
  min-height: 77px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background-color: transparent;
  background-image: var(--bg-desktop, linear-gradient(90deg, #FFB86B 0%, #FF9F3F 100%));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

@media (max-width: 767px) {
 .promo-banner {
    background-image: var(--bg-mobile, var(--bg-desktop, linear-gradient(90deg, #FFB86B 0%, #FF9F3F 100%)));
  }
}

.promo-left {
  display: flex;
  align-items: center;
  gap: 80px;
}

.promo-badge {
  background: #000;
  color: #fff;
  padding: 0px 4px;
  font-weight: 400;
  font-size: 30px;
  line-height: 28px;
  white-space: nowrap;
}

.promo-center {
  flex: 1;
  text-align: center;
}

.promo-timer {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.promo-right {
  display: flex;
  align-items: center;
}

.promo-banner .promo-link {
  text-decoration: none;
  color: #fff;
}

.promo-banner .promo-btn{
    background-color: #000;
  color: #E6E6E6;
  border: none;
  width: 182px;
  height: 42px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  margin-left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(
      180deg,
      #95D2B7 0%,
      #F1A9CB 32.21%,
      #FED7A0 67.79%,
      #36C7F3 99.99%
    ) border-box;

  border: 2px solid transparent;
}

@media (max-width: 767px) {
  .promo-banner {
    flex-direction: column;
    align-items: stretch;      
    justify-content: flex-start;
    padding: 16px;
    gap: 12px;
    margin: 0;
  }

  .promo-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;               
  }

  .promo-right {
    width: 100%;
  }

  .promo-banner .promo-link {
    width: 100%;
    display: block;
  }

  .promo-banner .promo-btn {
    width: 100%;
    margin-left: 0;
  }

  .promo-badge {
    font-size: 22px;
    line-height: 24px;
  }
}

.mobile-cta-button, .mobile-cta-button:hover {
    background: linear-gradient(90deg, #00CCFF -9.25%, #80CEAA 97.79%);
    color: #000 !important;
    text-decoration: none;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: normal;
}

.call-button, .call-button:hover {
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #000;
    font-size: 14px;
    line-height: normal;
}

#similarVehiclesBtn {
    justify-content: center;
    display: flex;
    text-decoration: none;
}

.vehicle-detail-ai-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(160deg, #90f0c8 0%, #c8f7e4 45%, #ebfaff 100%);
  font-family: 'SuisseIntl', sans-serif;
}

.vehicle-detail-ai-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.vehicle-detail-ai-card__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vehicle-detail-ai-card__logo .ai-advisor-icon,
.vehicle-detail-promo-ai__logo .ai-advisor-icon {
  display: block;
}

.vehicle-detail-ai-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}

.vehicle-detail-ai-card__subtitle {
  margin: 2px 0 0;
  font-size: 13px;
  color: #5a6a78;
  line-height: 1.2;
}

.vehicle-detail-ai-card__savings-label {
  margin: 0 0 4px;
  font-size: 14px;
  color: #1a2b3c;
  line-height: 1.3;
}

.vehicle-detail-ai-card__savings-amount {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  color: #000;
  line-height: 1.1;
}

.vehicle-detail-ai-card__installment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0 0 12px;
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.vehicle-detail-ai-card__installment-label {
  font-size: 14px;
  color: #4a5a6a;
}

.vehicle-detail-ai-card__installment-value {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  white-space: nowrap;
}

.vehicle-detail-ai-card__promo {
  margin: 0 0 12px;
}

.vehicle-detail-ai-card__promo-field {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px 6px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #fff;
  transition: border-color 0.2s ease;
}

.vehicle-detail-ai-card__promo.is-error .vehicle-detail-ai-card__promo-field {
  border-color: #e23b3b;
}

.vehicle-detail-ai-card__promo.is-success .vehicle-detail-ai-card__promo-field {
  border-color: #1faa6b;
}

.vehicle-detail-ai-card__promo-icon {
  flex-shrink: 0;
  font-size: 18px !important;
  color: #000;
  line-height: 1;
}

.vehicle-detail-ai-card__promo-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  padding: 8px 4px;
  color: #000;
  font-family: inherit;
}

.vehicle-detail-ai-card__promo-input::placeholder {
  color: #000;
  opacity: 1;
}

.vehicle-detail-ai-card__promo-input:disabled {
  color: #4a5a6a;
  -webkit-text-fill-color: #4a5a6a;
}

.vehicle-detail-ai-card__promo-submit {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #000;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease;
}


.vehicle-detail-ai-card__promo-submit:disabled {
  cursor: default;
  opacity: 0.5;
}

.vehicle-detail-ai-card__promo.is-loading .vehicle-detail-ai-card__promo-submit {
  opacity: 0.5;
  pointer-events: none;
}

.vehicle-detail-ai-card__promo-message {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 8px 4px 0;
  font-size: 13px;
  line-height: 1.3;
}

.vehicle-detail-ai-card__promo-message.is-success {
  color: #1faa6b;
}

.vehicle-detail-ai-card__promo-message.is-error {
  color: #e23b3b;
}

.vehicle-detail-ai-card__promo-message.is-success::before {
  content: "\2713";
  font-weight: 700;
}

.vehicle-detail-ai-card__promo-message.is-error::before {
  content: "\2715";
  font-weight: 700;
}

.vehicle-detail-ai-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  border: none;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.vehicle-detail-ai-card__cta:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.vehicle-detail-promo-ai {
  background: linear-gradient(to bottom, #7FE5C0 0%, #7FE5C0 50%, #F9FFFC 100%);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vehicle-detail-promo-ai__grid {
  display: grid;
  grid-template-columns: minmax(220px, 280px) 1fr;
  gap: 20px;
  align-items: start;
}

.vehicle-detail-promo-ai__finance-card {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
}

.vehicle-detail-promo-ai__finance-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.vehicle-detail-promo-ai__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vehicle-detail-promo-ai__finance-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.vehicle-detail-promo-ai__finance-subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: #5a6a78;
}

.vehicle-detail-promo-ai__finance-label {
  margin: 0 0 4px;
  font-size: 13px;
}

.vehicle-detail-promo-ai__finance-amount {
  margin: 0px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
}

.vehicle-detail-promo-ai__finance-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vehicle-detail-promo-ai__finance-fields {
  display: grid;
  gap: 10px;
}

.vehicle-detail-promo-ai__finance-field .form-control {
  height: fit-content !important;
  border-radius: 0;
} 

.vehicle-detail-promo-ai__finance-field {
  border: 1px solid #eceeef;
  border-radius: 12px;
  padding: 10px 12px;
}

.vehicle-detail-promo-ai__finance-field-label {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0px;
  font-size: 13px;
  color: #4a5a6a;
  align-items: center;
}

.vehicle-detail-promo-ai__finance-field .form-control {
  border: none;
  background: transparent;
  padding: 0;
  height: auto;
  font-size: 18px;
  font-weight: 700;
  box-shadow: none !important;
}

.vehicle-detail-promo-ai__finance-durations {
  display: flex;
  justify-content: space-between;
}

.vehicle-detail-promo-ai__finance-durations .form-control {
    width: fit-content;
    padding: 5px;
    margin: 0;
    height: fit-content !important;
}

.vehicle-detail-promo-ai__finance-field .form-control:focus,
.vehicle-detail-promo-ai__finance-durations .form-control:focus {
  outline: none;
  box-shadow: none !important;
}

.vehicle-detail-promo-ai__finance-actions .black-outline-btn {
  height: 48px;
}

.vehicle-detail-promo-ai__finance-meta {
  display: grid;
  gap: 8px;
  margin: 0;
}

.vehicle-detail-promo-ai__finance-meta div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
}

.vehicle-detail-promo-ai__finance-meta dt {
  margin: 0;
  font-weight: 400;
  color: #4a5a6a;
}

.vehicle-detail-promo-ai__finance-meta dd {
  margin: 0;
  font-weight: 700;
}

.vehicle-detail-promo-ai__headline {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.vehicle-detail-promo-ai__description {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 14px;
}

.vehicle-detail-promo-ai__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.vehicle-detail-promo-ai__features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
}

.vehicle-detail-promo-ai__check {
  color: #2e9b5b;
  flex-shrink: 0;
}

.vehicle-detail-promo-ai__illustration {
  max-width: 180px;
  margin-top: 12px;
}

.vehicle-detail-promo-ai__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vehicle-detail-promo-ai__finance-amount-wrapper {
  background-color: #f4f6f7;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.vehicle-detail-promo-ai__finance-buttons-wrapper {
  display: flex;
  gap: 5px;
  margin-top: 20px;
}
.vehicle-detail-promo-ai__finance-buttons-wrapper .black-outline-btn {
  height: 53px;
  width: fit-content;
}

.vehicle-detail-promo-ai__cta {
  border: 1px solid #000;
  border-radius: 8px;
  background-color: transparent;
  color: #000;
  font-size: 15px;
  padding: 14px 24px;
  cursor: pointer;
}

.vehicle-detail-promo-ai__status {
  margin: 0;
  font-size: 13px;
  color: #1a2b3c;
  display: flex;
  align-items: center;
  gap: 8px;
}

.vehicle-detail-promo-ai__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}

@media (max-width: 991px) {
  .vehicle-detail-promo-ai__grid {
    grid-template-columns: 1fr;
  }
}

.vehicle-detail-promo-test-drive {
  background-color: #ffd69e;
  border-radius: 16px;
  padding: 24px;
}

.vehicle-detail-promo-test-drive__body {
  flex: 1 1 auto;
}

.vehicle-detail-promo-test-drive__description {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.vehicle-detail-promo-test-drive__img {
  display: block;
  max-width: 276px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.vehicle-detail-promo-test-drive__actions .black-outline-btn {
  height: 53px;
  width: fit-content;
}

.vehicle-detail-price-block {
  display: flex;
  flex-direction: column;
}

.vehicle-detail-deferred-slot {
  min-height: 80px;
}

/* --- wwwroot/css/contact-seller.css --- */
#contactModal .step-form {
    min-height: 200px !important;
    height: fit-content !important;
    width: fit-content;
    border-radius: 8px;
}

#contactModal .step-form-content {
    overflow: auto;
}

.contact-seller-sub {
    font-size: 14px;
}

.contact-seller-cards {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.contact-seller-card-wrapper {
    padding: 8px;
    align-self: stretch;
    display: flex;
    width: 100%;
}

.contact-seller-card {
    display: flex;
    flex-direction: column;
    padding: 18px;
    border-radius: 8px;
    margin: 0;
    background-color: #ebfaff;
    transition: background-color 0.3s ease;
    flex: 1 1 100%;
    border: 1px solid;
    border-color: transparent;
    transition: all 0.2s ease;
    min-height: 140px;
    font-size: 14px;
}

    .contact-seller-card:hover {
        border-color: #b0b0b0;
        transform: translateY(-2px);
    }

    .contact-seller-card .contact-seller-card-icon {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .contact-seller-card .contact-seller-card-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

@media screen and (min-width: 1200px) {
    .contact-seller-card-wrapper {
        flex: 0 0 25%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .contact-seller-card-wrapper {
        flex: 0 0 50%;
    }
}

.contact-step {
    display: none;
}

    .contact-step.active {
        display: block !important;
    }

.prev-btn.hide {
    display: none;
}

.input-wrapper {
    position: relative;
}

    .input-wrapper label {
        position: absolute;
        z-index: 1;
        top: -10px;
        /*left: 7px;*/
        font-size: 14px;
        opacity: .65;
    }

.send-offer-step,
.test-drive-step {
    max-width: 500px;
}

#contactModal .send-btn {
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #000;
    background-color: #000;
    font-size: 14px;
    line-height: normal;
    color: #fff;
}

.datepicker {
    z-index: 1600 !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #ebfaff;
}

.flatpickr-time {
    max-height: 60px !important;
}

    .flatpickr-time .numInputWrapper {
        height: 60px !important;
    }

    .flatpickr-time input {
        font-size: 20px;
        font-weight: normal;
    }

#contactOwnerForm .form-control,
#contactModal .form-control {
    background-color: #ebfaff;
    border-color: transparent;
}

.consentText {
    font-size: 12px;
}

.contact-user-btn {
    color: #222 !important;
    text-decoration: none !important;
    width: 100%;
}


/* --- wwwroot/css/build-your-deal.css --- */
#buildYourDealModal .step-form {
    min-height: fit-content !important;
}

#buildYourDealModal .step-form-content {
    overflow: auto;
}

#financeFormModal .step-form-content {
    overflow: auto;
}

.confirm-btn {
    width: 150px !important;
}

.buy-vehicle-step {
    display: none;
}

    .buy-vehicle-step.active {
        display: block !important;
    }

.info-text {
    font-size: 14px;
}

.note {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.finance-img {
    width: 100%;
    height: auto;
}

.legal-leasing-note {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    letter-spacing: 0.19px;
}

.financing-cards {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -8px;
    scrollbar-width: none;
}

    .financing-cards::-webkit-scrollbar {
        display: none;
    }

.financing-card-wrapper {
    padding: 8px;
    align-self: stretch;
    display: flex;
    width: 100%;
    flex: 0 0 50%;
}

@media (max-width: 555px) {
    .financing-card-wrapper {
        flex: 1 1 70%;
    }
}

.no-wrap {
    white-space: nowrap;
}

.financing-card-wrapper .disable {
    pointer-events: none;
    opacity: 0.4;
    /* visibility: hidden; */
}

.financing-card {
    display: flex;
    flex-direction: column;
    padding: 18px;
    border-radius: 8px;
    margin: 0;
    background-color: #ebfaff;
    transition: background-color 0.3s ease;
    flex: 1 1 100%;
    border: 1px solid;
    border-color: transparent;
    transition: all 0.2s ease;
    min-height: 140px;
    font-size: 14px;
    min-width: 240px;
}

    .financing-card:hover {
        border-color: #b0b0b0;
        transform: translateY(-2px);
    }

    .financing-card .border-bottom {
        border-color: #222 !important;
    }

    .financing-card img {
        width: 100px;
    }

    .financing-card span {
        font-size: 12px;
    }

        .financing-card span.monthly-rate-label {
            font-size: 14px;
        }

        .financing-card span.monthly-rate-value {
            font-size: 22px;
            font-weight: bold;
        }


.active-finance-card {
    background-color: #7fe5ff !important;
}

.finance-calculator label {
    font-size: 14px;
}

    .finance-calculator label span {
        font-size: 12px;
        color: #9d9ea4;
    }

.duration-radio-btn,
.financing-modal-duration-radio-btn {
    width: 48px;
    height: 48px;
    padding: 15px;
    border-radius: 4px;
    background-color: #eefcff;
    margin: 0px 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .duration-radio-btn input,
    .financing-modal-duration-radio-btn input {
        display: contents;
    }

.checked-radio {
    background-color: #7fe5ff;
}

.test-drive-info {
    font-size: 20px;
}

.test-drive-date {
    font-weight: bold;
    display: flex;
    flex-wrap: nowrap;
}

.finance-btn-img {
    width: 30px;
    margin-left: 10px;
    height: auto;
    object-fit: contain;
}

    .finance-btn-img.paypal {
        width: 60px;
    }

.finance-success-img {
    max-width: 220px;
    width: 100%;
}

.finance-success-text {
    max-width: 350px;
    margin-bottom: 10px;
}


.card-btn {
    display: flex;
    align-items: center;
    width: fit-content !important;
}

    .card-btn i {
        font-size: 30px;
        margin-left: 10px;
    }

.vehicle-success-step .contact-seller-sub {
}

    .vehicle-success-step .contact-seller-sub strong {
        font-weight: 700;
    }

.test-dive-appointment-step .test-drive-img {
    width: 400px;
}

#tradeInButton {
    text-decoration: none;
    text-align: center;
}

a#tradeInButton:hover {
    color: white;
}

.disabled-info-text {
    text-align: center;
    align-content: center;
    color: black;
    font-weight: 500;
}


@media screen and (max-width: 768px) {
    .confirm-btn {
        width: 100% !important;
        justify-content: center;
    }
}


/* @media (max-width: 576px) {
    #buyVehicleReservationStep .d-flex.w-100.justify-content-end {
        justify-content: center !important;
        flex-wrap: wrap;
    }

    #buyVehicleReservationStep .confirm-btn {
        flex: 0 0 auto;
        min-width: 120px;
        margin: 6px;
    }

    .confirm-btn {
        width: 200px !important;
    }
} */


/* --- wwwroot/css/message-modal.css --- */
#messageModal .step-form {
    height: fit-content !important;
    max-width: 600px;
    min-height: 0px;
}

#messageModal .step-form-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px;
    text-align: center;
}

#messageModal .message-modal__modal-icon,
#messageModal .message-modal__modal-content {
    width: fit-content;
    align-items: center;
}

    #messageModal .message-modal__modal-icon span {
        margin-bottom: 20px;
        font-size: 84px;
    }

.message-modal--info .message-modal__modal-icon span,
.message-modal--success .message-modal__modal-icon span {
    color: #0cf;
}

.message-modal--error .message-modal__modal-icon span {
    color: #f9c;
}


/* --- wwwroot/css/promo-block.css --- */
.promo-block-container {
  margin: 50px 0px;
}

.promo-product-item {
    padding: 15px;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
}

.promo-block-title strong {
  color: black;
  background-color: white;
}

.promo-block-desc {
  font-size: 14px;
}

.promo-content {
  width: 50%;
}

@media (max-width: 1050px) {
  .promo-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .promo-product-item {
    flex-direction: column !important;
  }

  .promo-product-item .btn-outline-dark,
  .promo-product-item .btn-outline-light {
    width: 100% !important;
    font-weight: 700;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px !important;
  }

  .card-body .promo-btn {
    width: 100% !important;
    font-weight: 700;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px !important;
  }
}

.promo-card-title {
  color: black;
  background-color: white;
  width: fit-content;
}

.promo-card-text {
  font-size: 14px;
}

.card-body .promo-btn {
  width: fit-content;
}

/* --- wwwroot/css/vehicles-promotion.css --- */
.promo-side-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.promo-side-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}