:root {
    --color-primary: #C60101;
    --color-secondary: #374152;
    --color-tertiary: #374152;
}



/*
    ==========================================
    ==========================================
    ============ DRAFT CUSTOM CCA ============
    ==========================================
    ==========================================
*/

.bgcolor-winning {
    background: #039855;
    color: white;
}

.bgcolor-winning-autobid {
    background: #039855;
    color: white !important;
}

.bgcolor-losing {
    background: #d92d20;
    color: white !important;
}

.bgcolor-winnerbelowminimum {
    background: #d92d20;
    color: white !important;
}

/* LOT CARDS */
.indicator.bgcolor-winning {
    background: rgb(209,250,223);
    background: linear-gradient(180deg, rgba(209,250,223,0.5) 0%, rgba(209,250,223,0.5) 100%);
    color: #039855 !important;
}

.indicator.bgcolor-winning-autobid {
    background: rgb(209,250,223);
    background: linear-gradient(180deg, rgba(209,250,223,0.5) 0%, rgba(209,250,223,0.5) 100%);
    color: #039855 !important;
}

.indicator.bgcolor-winning-belowminimum {
    background: #009b77;
    color: white !important;
}

.indicator.bgcolor-losing {
    background: rgb(254,228,226);
    background: linear-gradient(180deg, rgba(254,228,226,0.5) 0%, rgba(254,228,226,0.5) 100%);
    color: #d92d20 !important;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 14px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.bgcolor-blue {
    background-color: #3b495c;
}

.color-blue {
    color: #3b495c;
}

.color-999 {
    color: #999999;
}

.color-white {
    color: #FFFFFF !important;
}

.w-fit {
    width: fit-content;
}

.bg-F0F0F0 {
    background-color: #F0F0F0;
}

.border-blue {
    border-color: #293340;
}
/*
.shadow1 {
    box-shadow: 0 -7px 1rem rgb(0 0 0 / 12%) !important;
}*/
.shadow2 {
    box-shadow: 1px 0px 1rem rgb(0 0 0 / 10%) !important;
}

.bg-F0F0F0 {
    background-color: #F0F0F0 !important;
}
/*.btnp-height li {
    height: 50px;
    line-height: 40px;
}*/
.w-bid {
    width: 200px;
}

.bid-item button {
    position: relative;
    top: -3px;
}

.navbar-light .navbar-nav .nav-link:hover:after,
.navbar-light .navbar-nav .nav-link.active:after {
    width: 100%;
    background: #C60101;
}

.navbar-light .navbar-nav .nav-link:after {
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    top: 5px;
    background: transparent;
    transition: all 0.3s;
}

.navbar-light .navbar-nav .nav-link {
    position: relative;
}

.heart-icon {
    width: 16px;
    position: relative;
    top: 2px;
}

.user-icon {
    width: 16px;
    position: relative;
    top: 2px;
}

/*.nav-item.heart-line:before {
    position: absolute;
    content: "";
    width: 1px;
    background: hsl(0deg 0% 60% / 50%);
    height: 69%;
    top: 24%;
    left: -4px;
}*/

/*Hide line next to the icon when it's a mobile screen*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .nav-item.heart-line:before {
        display: none !important;
        content: "";
        width: 0px;
    }
}


.nav-item.heart-line,
.home-slider .item {
    position: relative;
}

.home-slider .item {
    height: 600px;
}

    .home-slider .item:before {
        background: rgb(0 0 0 / 0%);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.s-title {
    font-size: 28px;
    line-height: 2rem;
}

.custom-heading {
    font-size: 24px;
    font-weight: 600;
}

.lead-heading {
    font-size: 28px;
    font-weight: 600;
}

.lead-heading-card {
    font-size: 22px;
    font-weight: 600;
}

.card-heading, .ft-heading {
    font-size: 15px;
    font-weight: 600;
    color: #3b495c !important;
    padding-top: 5px;
}

.headright-icon {
    width: 18px;
}

.lots-icon {
    max-width: 22px !important;
}

.lots-list {
    flex-direction: row !important;
    justify-content: space-between;
}

.lots-slider .owl-nav img {
    filter: invert(100%);
    width: 25px;
}

.lots-slider .owl-nav .owl-prev {
    left: -4.5rem;
}

.lots-slider:hover .owl-nav .owl-next {
    opacity: 1;
    transition: all ease-in-out .7s;
}

.lots-slider .owl-nav .owl-next {
    right: -4.5rem;
}

.build-box {
    position: relative;
    height: 200px;
    transition: all ease-in-out .25s;
}

    .build-box:hover {
        transform: translateY(-10px);
    }

    .build-box:before {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 25%, rgba(77, 77, 77, 0.0) 100%);
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        border-radius: 5px;
    }

    .build-box:hover::before {
        transition: all ease-in-out .25s;
        background: linear-gradient(0deg, rgb(198 1 1 / 70%) 25%, rgba(77, 77, 77, 0.0) 100%);
        -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        -moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }


    .build-box:hover p {
        transition: all ease-in-out .5s;
        opacity: 1;
    }

    .build-box p {
        opacity: 0;
    }

    .build-box .build-in {
        transition: all ease-in-out .3s;
        transform: translateY(40px);
    }

    .build-box:hover .build-in {
        transition: all ease-in-out .3s;
        position: relative;
        transform: translateY(0px);
    }

.getin-touch {
    border-top: 1px solid #ebebeb;
    border-left: 0;
    border-right: 0;
}

.getin-left {
    border-right: 1px solid #ebebeb;
    height: 100%;
}

.copyright-icon {
    width: 35px;
    object-fit: contain;
}

.getin-list li a {
    position: relative;
}

    .getin-list li a:before {
        content: "";
        background: #dc3545;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: -5px;
    }

.store-img {
    width: 100px;
}



/* small mobile :320px. */
@media (max-width: 767px) {
    .navbar-brand img {
        max-width: 230px;
    }

    .s-title {
        font-size: 28px;
        line-height: 2.5rem;
    }

    .getin-left {
        border-right: none;
    }

    .w-bid {
        width: 100%;
    }

    .home-slider .item {
        height: 400px !important;
    }

    .pros-section .product-slider .owl-next, .pros-section .product-slider .owl-prev {
        transform: translateX(-1rem) !important;
        opacity: 1 !important;
    }

    .pros-section .card-img-overlay {
        padding: 0 10px !important;
    }

    .pros-section .card .card-img-overlay .iconhover {
        opacity: 1 !important;
    }

    .marminus {
        margin-top: 29px !important;
    }

    .glightbox-clean .gprev {
        top: 50%;
    }

    .glightbox-clean .gnext {
        top: 50%;
    }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .home-slider .item {
        height: 360px !important;
    }

    .pros-section .product-slider .owl-next, .pros-section .product-slider .owl-prev {
        transform: translateX(-1rem) !important;
        opacity: 1 !important;
    }

    .pros-section .card-img-overlay {
        padding: 0 20px !important;
    }

        .pros-section .card-img-overlay .fs-22 {
            font-size: 18px;
        }

    .pros-section .card .card-img-overlay .iconhover {
        opacity: 1 !important;
    }

    .marminus {
        margin-top: 29px !important;
    }
}

.main-footer {
    border-top: 1px solid #f4f4f4;
}

.favorite.active {
    visibility: visible;
    opacity: 1;
}

    .favorite.active::after {
        font-family: "Font Awesome 6 Free";
        content: '\f004';
        font-weight: 900;
        color: #fe4c50;
    }

.favorite::after {
    font-family: "Font Awesome 6 Free";
    content: "\f004";
}

.favorite:hover::after {
    color: #fe4c50;
}

.favorite {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #000000;
    background: #fff;
    padding: 0px 15px;
    border-radius: 12px;
    cursor: pointer;
}

.indicator {
    position: absolute;
    /*top: 259px;*/
    right: 12px;
    font-size: 12px;
    color: #000000;
    padding: 2px 10px;
    cursor: pointer;
    border-radius: 2px;
    max-width: 40% !important;
    width: auto !important;
}


.indicatorWide {
    position: absolute;
    right: 14px;
    font-size: 12px;
    color: #000000;
    padding: 2px 10px;
    cursor: pointer;
    border-radius: 2px;
}

.accordion-button::after {
    transform: rotate(-89deg);
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.glightoverlay .card-img-overlay {
    background: rgb(0 0 0 / 60%);
}

.wishlist-icon.active {
    font-weight: 900;
    color: #c60101;
}

.pros-section .card-img-overlay {
    padding: 0 3rem;
    background: rgb(0 0 0 / 30%);
}

.pros-section .owl-item.active {
    text-align: right;
}

    .pros-section .owl-item.active + .active {
        text-align: left;
    }

.pros-section .card:hover .card-img-overlay {
    background: rgb(0 0 0 / 70%);
    transition: all ease-in-out .3s;
}

    .pros-section .card:hover .card-img-overlay .iconhover {
        opacity: 1;
        ransition: all ease-in-out .5s;
    }

.pros-section .card .card-img-overlay .iconhover {
    opacity: 0;
    ransition: all ease-in-out .5s;
}

.pros-section .product-slider .owl-nav {
    display: flex;
    justify-content: space-between;
}

.pros-section .product-slider .owl-next,
.pros-section .product-slider .owl-prev {
    transform: translateX(1rem);
    transition: all ease-in-out .5s;
    opacity: 0;
}

.pros-section .product-slider:hover .owl-next,
.pros-section .product-slider:hover .owl-prev {
    transform: translateX(-8rem);
    opacity: 1;
    transition: all ease-in-out .5s;
}

.pros-section .product-slider:hover .owl-prev {
    transform: translateX(8rem);
}

.lots-slider .owl-nav button,
.product-slider .owl-nav button {
    bottom: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 3%;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
}

.lots-slider .owl-nav,
.product-slider .owl-nav {
    position: initial;
    width: inherit;
    transform: none;
    left: inherit;
}

#list-tab .list-png {
    display: none;
}

#list-tab.active .list-svg {
    display: none;
}

#list-tab.active .list-png,
#list-tab .list-svg {
    display: block;
}


#grid-tab.active .grid-png,
#grid-tab .grid-svg {
    display: none;
}

#grid-tab.active .grid-svg {
    display: none;
}

#grid-tab.active .grid-svg {
    display: block;
}

#list-tab img, #grid-tab img {
    height: 24px;
}

.share-icon {
    width: 12px;
    position: relative;
    top: -2px;
}

.marminus {
    margin-top: -10.1rem;
}

.search-container .nav-link:after {
    display: none;
}

.search-container .dropdown-menu {
    min-width: 270px;
}


/*HIDE ARROWS input
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.auction-card-image {
    height: 295px;
    object-fit: contain;
}

/*
    ==========================================
    ==========================================
    =========== COOKIES CUSTOM CCA ===========
    ==========================================
    ==========================================
*/

.cc-isolation-container, .cc-isolation-container * .cc-isolation-container :before, .cc-isolation-container:after, .cc-isolation-container :after, .cc-isolation-container:before {
    all: revert
}

    .cc-isolation-container *, .cc-isolation-container :after, .cc-isolation-container :before {
        box-sizing: border-box;
        border: 0 solid #e5e7eb
    }

    .cc-isolation-container :after, .cc-isolation-container :before {
        --tw-content: ""
    }

    .cc-isolation-container * {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
        margin: 0;
        line-height: inherit
    }

    .cc-isolation-container hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    .cc-isolation-container abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    .cc-isolation-container h1, .cc-isolation-container h2, .cc-isolation-container h3, .cc-isolation-container h4, .cc-isolation-container h5, .cc-isolation-container h6 {
        font-size: inherit;
        font-weight: inherit
    }

    .cc-isolation-container a {
        color: inherit;
        text-decoration: inherit
    }

    .cc-isolation-container b, .cc-isolation-container strong {
        font-weight: bolder
    }

    .cc-isolation-container code, .cc-isolation-container kbd, .cc-isolation-container pre, .cc-isolation-container samp {
        font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
        font-size: 1em
    }

    .cc-isolation-container small {
        font-size: 80%
    }

    .cc-isolation-container sub, .cc-isolation-container sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: initial
    }

    .cc-isolation-container sub {
        bottom: -.25em
    }

    .cc-isolation-container sup {
        top: -.5em
    }

    .cc-isolation-container table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    .cc-isolation-container button, .cc-isolation-container input, .cc-isolation-container optgroup, .cc-isolation-container select, .cc-isolation-container textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    .cc-isolation-container button, .cc-isolation-container select {
        text-transform: none
    }

    .cc-isolation-container [type=button], .cc-isolation-container [type=reset], .cc-isolation-container [type=submit], .cc-isolation-container button {
        -webkit-appearance: button;
        background-color: initial;
        background-image: none
    }

    .cc-isolation-container :-moz-focusring {
        outline: auto
    }

    .cc-isolation-container :-moz-ui-invalid {
        box-shadow: none
    }

    .cc-isolation-container progress {
        vertical-align: initial
    }

    .cc-isolation-container ::-webkit-inner-spin-button, .cc-isolation-container ::-webkit-outer-spin-button {
        height: auto
    }

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

    .cc-isolation-container ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    .cc-isolation-container ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    .cc-isolation-container summary {
        display: list-item
    }

    .cc-isolation-container blockquote, .cc-isolation-container dd, .cc-isolation-container dl, .cc-isolation-container figure, .cc-isolation-container h1, .cc-isolation-container h2, .cc-isolation-container h3, .cc-isolation-container h4, .cc-isolation-container h5, .cc-isolation-container h6, .cc-isolation-container hr, .cc-isolation-container p, .cc-isolation-container pre {
        margin: 0
    }

    .cc-isolation-container fieldset {
        margin: 0;
        padding: 0
    }

    .cc-isolation-container legend {
        padding: 0
    }

    .cc-isolation-container menu, .cc-isolation-container ol, .cc-isolation-container ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .cc-isolation-container textarea {
        resize: vertical
    }

        .cc-isolation-container input::-moz-placeholder, .cc-isolation-container textarea::-moz-placeholder {
            opacity: 1;
            color: #374152
        }

        .cc-isolation-container input:-ms-input-placeholder, .cc-isolation-container textarea:-ms-input-placeholder {
            opacity: 1;
            color: #374152
        }

        .cc-isolation-container input::placeholder, .cc-isolation-container textarea::placeholder {
            opacity: 1;
            color: #374152
        }

    .cc-isolation-container [role=button], .cc-isolation-container button {
        cursor: pointer
    }

    .cc-isolation-container :disabled {
        cursor: default
    }

    .cc-isolation-container audio, .cc-isolation-container canvas, .cc-isolation-container embed, .cc-isolation-container iframe, .cc-isolation-container img, .cc-isolation-container object, .cc-isolation-container svg, .cc-isolation-container video {
        display: block;
        vertical-align: middle
    }

    .cc-isolation-container img, .cc-isolation-container video {
        max-width: 100%;
        height: auto
    }

    .cc-isolation-container [hidden] {
        display: none
    }

*, :after, :before {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    --tw-blur: var(--tw-empty, /*!*/ /*!*/ );
    --tw-brightness: var(--tw-empty, /*!*/ /*!*/ );
    --tw-contrast: var(--tw-empty, /*!*/ /*!*/ );
    --tw-grayscale: var(--tw-empty, /*!*/ /*!*/ );
    --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/ );
    --tw-invert: var(--tw-empty, /*!*/ /*!*/ );
    --tw-saturate: var(--tw-empty, /*!*/ /*!*/ );
    --tw-sepia: var(--tw-empty, /*!*/ /*!*/ );
    --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/ );
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

input:checked.cc-switch ~ .cc-dot {
    transform: translateX(150%) !important
}

input:checked.cc-switch ~ .cc-dot-background {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81/var(--tw-bg-opacity)) !important
}

.cc-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
}

.cc-pointer-events-none {
    pointer-events: none !important
}

.cc-pointer-events-auto {
    pointer-events: auto !important
}

.cc-fixed {
    position: fixed !important
}

.cc-absolute {
    position: absolute !important
}

.cc-relative {
    position: relative !important
}

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

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

.cc-left-0 {
    left: 0 !important
}

.cc-left-1 {
    left: .25rem !important
}

.cc-top-1 {
    top: .25rem !important
}

.cc-col-span-10 {
    grid-column: span 10/span 10 !important
}

.cc-mt-2 {
    margin-top: .5rem !important
}

.cc-mt-5 {
    margin-top: 1.25rem !important
}

.cc-ml-3 {
    margin-left: .75rem !important
}

.cc-mt-4 {
    margin-top: 1rem !important
}

.cc-ml-1 {
    margin-left: .25rem !important
}

.cc-block {
    display: block !important
}

.cc-flex {
    display: flex !important
}

.cc-grid {
    display: grid !important
}

.cc-h-full {
    height: 100% !important
}

.cc-h-screen {
    height: 100vh !important
}

.cc-h-5 {
    height: 1.25rem !important
}

.cc-h-6 {
    height: 1.5rem !important
}

.cc-h-4 {
    height: 1rem !important
}

.cc-max-h-96 {
    max-height: 24rem !important
}

.cc-w-full {
    width: 100% !important
}

.cc-w-5 {
    width: 1.25rem !important
}

.cc-w-12 {
    width: 3rem !important
}

.cc-w-4 {
    width: 1rem !important
}

.cc-max-w-3xl {
    max-width: 48rem !important
}

.cc-max-w-xl {
    max-width: 36rem !important
}

@-webkit-keyframes cc-fade-move-in {
    0% {
        opacity: 0;
        transform: translateY(25px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes cc-fade-move-in {
    0% {
        opacity: 0;
        transform: translateY(25px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cc-animate-fade-move-in {
    -webkit-animation: cc-fade-move-in .2s ease-out !important;
    animation: cc-fade-move-in .2s ease-out !important
}

@-webkit-keyframes cc-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes cc-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cc-animate-fade-in {
    -webkit-animation: cc-fade-in .2s ease-out !important;
    animation: cc-fade-in .2s ease-out !important
}

.cc-cursor-pointer {
    cursor: pointer !important
}

.cc-grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr)) !important
}

.cc-flex-col {
    flex-direction: column !important
}

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

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

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

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

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

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

.cc-gap-5 {
    gap: 1.25rem !important
}

.cc-gap-2 {
    gap: .5rem !important
}

.cc-gap-x-10 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
}

.cc-gap-y-5 {
    row-gap: 1.25rem !important
}

.cc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(.5rem*var(--tw-space-x-reverse)) !important;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))) !important
}

.cc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse)) !important
}

.cc-space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse)) !important
}

.cc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(.75rem*var(--tw-space-x-reverse)) !important;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse))) !important
}

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

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

.cc-overflow-y-auto {
    overflow-y: auto !important
}

.cc-rounded-md {
    border-radius: .375rem !important
}

.cc-rounded-full {
    border-radius: 9999px !important
}

.cc-border-b {
    border-bottom-width: 1px !important
}

.cc-border-t {
    border-top-width: 1px !important
}

.cc-border-slate-700 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 65 85/var(--tw-border-opacity)) !important
}

.cc-border-gray-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(243 244 246/var(--tw-border-opacity)) !important
}

.cc-bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246/var(--tw-bg-opacity)) !important
}

.cc-bg-slate-800 {
    --tw-bg-opacity: 1 !important;
    background: linear-gradient(125deg,#c60101,#960206) !important;
}

.cc-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.cc-bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 231 235/var(--tw-bg-opacity)) !important
}

.cc-bg-gray-800 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 41 55/var(--tw-bg-opacity)) !important
}

.cc-bg-gray-300 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(209 213 219/var(--tw-bg-opacity)) !important
}

.cc-bg-opacity-75 {
    --tw-bg-opacity: 0.75 !important
}

.cc-p-6 {
    padding: 1.5rem !important
}

.cc-p-3 {
    padding: .75rem !important
}

.cc-p-2 {
    padding: .5rem !important
}

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

.cc-px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

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

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

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

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

.cc-font-sans {
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important
}

.cc-text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.cc-text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.cc-text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.cc-font-semibold {
    font-weight: 600 !important
}

.cc-font-bold {
    font-weight: 700 !important
}

.cc-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.cc-text-slate-700 {
    --tw-text-opacity: 1 !important;
    color: var(--color-secondary);
    /* color:rgb(51 65 85/var(--tw-text-opacity))!important; */
}

.cc-text-slate-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184/var(--tw-text-opacity)) !important
}

.cc-opacity-25 {
    opacity: .25 !important
}

.cc-drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0,0,0,.15)) !important
}

.cc-drop-shadow-2xl, .cc-filter {
    filter: var(--tw-filter) !important
}

.cc-transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
    transition-duration: .15s !important
}

.cc-transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
    transition-duration: .15s !important
}

.cc-duration-100 {
    transition-duration: .1s !important
}

.cc-ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1) !important
}

.hover\:cc-border-transparent:hover {
    border-color: transparent !important
}

.hover\:cc-bg-slate-900:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(15 23 42/var(--tw-bg-opacity)) !important
}

.hover\:cc-bg-gray-300:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(209 213 219/var(--tw-bg-opacity)) !important
}

.hover\:cc-bg-gray-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 231 235/var(--tw-bg-opacity)) !important
}

.hover\:cc-text-blue-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(59 130 246/var(--tw-text-opacity)) !important
}

.hover\:cc-text-slate-900:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42/var(--tw-text-opacity)) !important
}

.disabled\:cc-bg-red-100:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 226 226/var(--tw-bg-opacity)) !important
}

.disabled\:cc-opacity-50:disabled {
    opacity: .5 !important
}

@media (min-width: 768px) {
    .md\:cc-col-span-7 {
        grid-column: span 7/span 7 !important
    }

    .md\:cc-col-span-3 {
        grid-column: span 3/span 3 !important
    }

    .md\:cc-m-5 {
        margin: 1.25rem !important
    }

    .md\:cc-w-max {
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
    }

    .md\:cc-rounded-md {
        border-radius: .375rem !important
    }
}


/*
    ==========================================
    ==========================================
    

    This is the start of the previous custom css code


    ==========================================
    ==========================================
*/


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/*
    ==========================================
    ==========================================
    ================ SPINNER =================
    ==========================================
    ==========================================
*/

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    color: var(--color-primary);
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: black;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*
    ==========================================
    ==========================================
    =========== VERTICAL CENTER ==============
    ==========================================
    ==========================================
*/

.my-vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)*/
    display: flex;
    align-items: center;
}


/*
    ==========================================
    ==========================================
    ============== SORT BUTTON ===============
    ==========================================
    ==========================================
*/

.sort-button {
    color: var(--color-tertiary);
    position: relative;
    width: 32px;
    height: 32px;
    background-color: var(--color-tertiary);
    border-radius: 5px;
    border: none;
    outline: none;
    transition: all 0.4s cubic-bezier(0.58, -0.37, 0.45, 1.46);
    -webkit-transition: all 0.4s cubic-bezier(0.58, -0.37, 0.45, 1.46);
    -moz-transition: all 0.4s cubic-bezier(0.58, -0.37, 0.45, 1.46);
    overflow: hidden;
}

.none .sort-button {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.false .sort-button {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.true .sort-button {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    /*background-color: #00b1a3;*/
}

.sort-button:before {
    content: "";
    display: block;
    height: 56px;
    width: 56px;
    border: 3px solid var(--color-tertiary);
    border-radius: 30px;
    position: absolute;
    top: -3px;
    left: -3px;
    transition: all 0.2s cubic-bezier(0.58, -0.37, 0.45, 1.46);
    -webkit-transition: all 0.2s cubic-bezier(0.58, -0.37, 0.45, 1.46);
    background-color: var(--color-tertiary);
}

.none .sort-button:before {
    height: 28px;
    width: 28px;
    top: 12px;
    left: 12px;
    background-color: transparent;
}

.sort-button span {
    position: absolute;
    display: block;
    background: #fff;
    height: 18px;
    width: 3px;
    top: 8px;
    left: 15px;
    border-radius: 3px;
}

.none .sort-button span {
    background: #fff;
}

.sort-button span:before,
.sort-button span:after {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    height: 10px;
    width: 3px;
    border-radius: 3px;
}

.none .sort-button span:before,
.none .sort-button span:after {
    display: none;
}

.sort-button span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: -3px;
}

.sort-button span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -1px;
    left: 3px;
}

/*
    ==========================================
    ==========================================
    ============== SEARCH BAR ================
    ==========================================
    ==========================================
*/

.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button {
    display: none;
}

.search input[type=search] {
    outline: none;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzOSAxMzkiIGhlaWdodD0iMTM5cHgiIGlkPSJGaW5kIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMzkgMTM5IiB3aWR0aD0iMTM5cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xMjcuNTU4LDExMS45NjFMMTAwLjI0OSw4NC42NWM0LjY0LTcuMzg3LDcuMzMzLTE2LjExOCw3LjMzMy0yNS40ODhjMC0yNi41MDktMjEuNDktNDcuOTk2LTQ3Ljk5OC00Ny45OTYgIGMtMjYuNTA4LDAtNDcuOTk2LDIxLjQ4Ny00Ny45OTYsNDcuOTk2YzAsMjYuNTEsMjEuNDg3LDQ3Ljk5NSw0Ny45OTYsNDcuOTk1YzEwLjE5NywwLDE5LjY0Mi0zLjE4OCwyNy40MTQtOC42MDVsMjYuOTg0LDI2Ljk4NiAgYzEuODc1LDEuODczLDQuMzMzLDIuODA2LDYuNzg4LDIuODA2YzIuNDU4LDAsNC45MTMtMC45MzMsNi43OTEtMi44MDZDMTMxLjMwOCwxMjEuNzg3LDEzMS4zMDgsMTE1LjcxMSwxMjcuNTU4LDExMS45NjF6ICAgTTU5LjU4NCw5MS42MDdjLTE3LjkxNywwLTMyLjQ0My0xNC41MjUtMzIuNDQzLTMyLjQ0M1M0MS42NjcsMjYuNzIsNTkuNTg0LDI2LjcyYzE3LjkxOCwwLDMyLjQ0MywxNC41MjYsMzIuNDQzLDMyLjQ0NCAgUzc3LjUwMiw5MS42MDcsNTkuNTg0LDkxLjYwN3oiLz48L3N2Zz4=') no-repeat 0 center;
    background-size: 30px;
    border: none;
    border-bottom: 3px solid transparent;
    color: transparent;
    padding: 10px;
    width: 10px;
    margin: 10px 0;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

    .search input[type=search]:focus {
        width: 200px;
        background: none;
        border-bottom: 3px solid var(--color-secondary);
        color: var(--color-secondary);
        cursor: auto;
    }

    .search input[type=search]:hover {
        border-bottom: 3px solid var(--color-secondary);
    }

input::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-webkit-input-placeholder {
    color: var(--color-secondary);
}
/* Firefox < 19 */
input:-moz-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: var(--color-secondary);
}
/* Firefox > 19 */
input::-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: var(--color-secondary);
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: var(--color-secondary);
}

/*
    ==========================================
    ==========================================
    ================ FILTERS =================
    ==========================================
    ==========================================
*/

.button-search {
    color: var(--color-primary);
    background-color: var(--color-tertiary);
    border-radius: 5px;
}

.dropdown-filter {
    border-color: var(--color-tertiary);
    color: var(--color-secondary);
    border-radius: 5px;
}

.filter-button {
    color: var(--color-primary);
    font-size: 14px;
    width: auto;
    height: 32px;
    border-radius: 5px;
    border: none;
    outline: none;
    background-color: #ffffff;
}

/*
    ==========================================
    ==========================================
    ============= PROGRESS-BAR ===============
    ==========================================
    ==========================================
*/

.progress2 {
    border-radius: 30px;
    background-color: #fff;
}

.progress-bar2 {
    height: 18px;
    border-radius: 30px;
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
    background-color: var(--color-secondary);
    animation: progress 5s infinite;
}

.shake-animation {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: shake-1;
}

.transform-animation {
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-name: winning-animated;
}

@keyframes winning-animated {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes shake-1 {
    0% {
        transform: rotate(1deg);
    }

    10% {
        transform: rotate(-1deg);
    }

    20% {
        transform: rotate(1deg);
    }

    30% {
        transform: rotate(-1deg)
    }

    40% {
        transform: rotate(1deg)
    }

    50% {
        transform: rotate(-1deg);
    }

    60% {
        transform: rotate(1deg);
    }

    70% {
        transform: rotate(-1deg);
    }

    80% {
        transform: rotate(1deg);
    }

    90% {
        transform: rotate(-1deg);
    }

    100% {
        transform: rotate(1deg);
    }
}


/*
    ==========================================
    ==========================================
    =========== CUSTOM FONT-SIZE =============
    ==========================================
    ==========================================
*/

.font-xxs {
    font-size: xx-small;
}

.font-xs {
    font-size: x-small;
}

.font-s {
    font-size: small;
}

.font-m {
    font-size: medium;
}

.font-l {
    font-size: large;
}

.font-xl {
    font-size: x-large;
}

.font-xxl {
    font-size: xx-large;
}


/*
    ==========================================
    ==========================================
    ========= CUSTOM TEXT POSITION ===========
    ==========================================
    ==========================================
*/


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

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

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

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

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

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

.text-button-one-line {
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*
    ==========================================
    ==========================================
    ================ OTHERS ==================
    ==========================================
    ==========================================
*/

/*GROW ON HOVER*/
.grow {
    transition: all .2s ease-in-out;
}

    .grow:hover {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

/*GROW ON HOVER HOT LOT*/
.grow-hotlot {
    transition: all .2s ease-in-out;
}

    .grow-hotlot:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

.especially-recommended-shadow {
    box-shadow: 0 0.5rem 0.55rem rgba(0, 0, 0, 0.15) !important;
    z-index: 999;
}



/*SWITCH BG ON HOVER*/
.switch-bg:hover {
    background-color: red;
}

.disabledui {
    pointer-events: none;
    opacity: 0.4;
}

.right {
    float: right
}

.left {
    float: left
}

.pointer {
    cursor: pointer;
}

.logo-footer {
    background: url(../img/logo_footer.png) no-repeat 10px 10px;
    position: relative;
    float: left;
    height: 70px;
    line-height: 16px;
}

.blink_animation {
    pointer-events: none;
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*
    ==========================================
    ==========================================
    ========= ANIMATION MOVE UP-DOWN =========
    ==========================================
    ==========================================
*/

.object-move-up-down {
    animation: MoveUpDown 1s linear infinite;
    position: relative;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: -40px;
    }
}

/*CHAT BUBBLES*/
.bubble {
    position: relative;
    width: auto;
    max-width: 70%;
    background: #D9D9D9;
    border-radius: 40px;
    padding: 14px;
    padding-left: 30px;
    padding-right: 30px;
    color: black;
}

.bubble-bottom-left:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 14px solid #D9D9D9;
    border-right: 10px solid transparent;
    border-top: 10px solid #D9D9D9;
    border-bottom: 14px solid transparent;
    left: 11px;
    bottom: -14px;
}

/*ALERTS*/
.alert-liveauction {
    position: relative;
    width: auto;
    max-width: 70%;
    background: #FFB800;
    border-radius: 10px;
    padding: 14px;
    padding-left: 30px;
    padding-right: 30px;
    color: black;
}

@media (max-width: 1200px) {
    .bubble {
        max-width: 100%;
    }

    .alert-liveauction {
        max-width: 100%;
    }
}


/*
    ==========================================
    ==========================================
    ========= COPYING HOVER ON CCA  ==========
    ==========================================
    ==========================================
*/

.auction-card {
    background-color: white;
    transition: 0.3s;
}

    .auction-card:hover{
        background-color: #b2b2b21d;
    }

    .list-group-item {
        background-color: transparent !important;
    }


.table-transportation {
    font-weight: bold;
    color: #dd3333;
    vertical-align: top;
}

tbody .th-table-transportation {
    padding-bottom: 50px;
}

tr.highlight .th-table-transportation {
    padding-bottom: 10px;
}

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

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

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

.hrlotDetails {
    border-top: 1px solid #ebebeb;
    width: 100%;
}

.LotInfoAmountBtn {
    display: block !important;
    font-weight: bold;
    background-color: #f8f9fa;
    color: #999999
}

/*
    ==========================================
    ==========================================
    ============== CUSTOM CCA  ===============
    ==========================================
    ==========================================
*/

.card-under {
    margin-bottom: 20px;
    margin-top: 20px;
}

.navbar .nav-link {
    font-weight: 500 !important;
}

.btn {
    font-size: 13px !important;
    cursor: pointer !important;
}

.bg-auction-timer {
    background: #737986;
}

.bg-lotdetails-timer {
    background: #737986;
}

.btn-lotdetails-biddingpanel {
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.bidding-panel-textinfo p {
    margin-bottom: 0px !important;
}

.bidding-panel-extra-textinfo {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.quickview {
    background: rgba(22, 25, 32, 0.7) !important;
}

section.product-details.mt-n45 {
    margin-top: -52px !important;
}

.copyright-main {
    display: none;
}

hr {
    background-color: #ebebeb !important;
    opacity: 1 !important;
}

body {
    color: #3b495c !important;
}

.search-area {
    height: 15vh !important;
    background: #f8f9fa !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .search-area .search-area-input {
        width: 100%;
        padding: 1rem 0;
        border: none;
        border-bottom: 1px solid #ebebeb !important;
        color: #212529 !important;
        outline: none;
        background: none;
        font-size: 14px !important;
        font-weight: 300;
    }



.btn {
    line-height: 1.5;
    padding: 0.5rem 1rem !important;
    font-weight: 300 !important;
}

    .btn.btn-light.d-flex.px-3.text-button-one-line {
        background-color: #f6f6f6;
        border: none;
    }

        .btn.btn-light.d-flex.px-3.text-button-one-line:hover {
            background-color: #f6f6f6;
            box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px;
            border: none;
        }

button.btn {
    background-color: transparent;
}

/*button.btn:hover {
    background-color: transparent;
    color: #C60101;
    border: none;
}
*/

span.btn.btn-light.d-flex.px-3.cursor-none.text-nowrap {
    background-color: #f6f6f6;
    border: none;
}

    span.btn.btn-light.d-flex.px-3.cursor-none.text-nowrap:hover {
        background-color: #f6f6f6;
        box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px;
        border: none;
    }

span.btn.btn-light.d-flex.px-3:hover {
    background-color: #f6f6f6;
    box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px;
    border: none;
}

span.btn.btn-light.d-flex.px-3 {
    background-color: #f6f6f6;
    border: none;
}

.product {
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

    .product:hover {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

.img-gallery {
    max-height: 225px;
    width: 100% !important;
    object-fit: contain;
}

section.pt-lg-4.pb-lg-6 {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
}

svg {
    width: 100%;
    height: auto;
    image-rendering: optimizeQuality;
    vector-effect: non-scaling-stroke;
}

.cca-footer {
}

.cards-four-section {
    background: linear-gradient(to top, #f4f4f4, #ffffff);
}

.img-icon {
    width: 16px;
    height: 16px !important;
    overflow: visible;
}

.no-crop {
    display: block;
    overflow: visible;
}

/*CONTACT CUSTOM*/

.text-contact-cca {
    line-height: 1.8;
    letter-spacing: .2px;
}

.middle-column-cca {
    border-left: 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}

.border-bottom-column-cca {
    border-bottom: 1px solid var(--color-primary);
}

/*.lots-slider .owl-item{
    min-width: 320px;
}*/
.hidden-element {
    display: none;
}

#phoneInput {
    width: 100%;
}

.iti {
    width: 100% !important;
}

.img-lot-card {
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    width: 100%;
    object-fit: contain; /* Image will be scaled to maintain its aspect ratio */
    background-repeat: no-repeat;
    /*    min-height: 230px;*/
    display: block;
}

.auction-banner {
    background-color: #F0F0F0;
    background-size: cover;
    background-position: center;
    min-height: 400px;
    padding-top: 14rem !important;
}


/*
    ==========================================
    ==========================================
    ============ ERROR BANNER  ===============
    ==========================================
    ==========================================
*/


.error-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: black;
    padding: 10px;
    text-align: center;
}

    .error-banner button.close {
        color: white;
    }


.skeleton-row {
    background-color: #f6f6f680;
    height: 50px;
}

.skeleton-cell {
    background-color: #e0e0e0;
    border-radius: 4px;
    animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-cell.short {
    height: 20px;
    margin: auto;
}

.skeleton-cell.medium {
    height: 20px;
    margin: auto;
}

.skeleton-cell.long {
    height: 20px;
    margin: auto;
}

@keyframes pulse {
    0% {
        background-color: #e0e0e0;
    }
    50% {
        background-color: #f5f5f5;
    }
    100% {
        background-color: #e0e0e0;
    }
}

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

#app {
    opacity: 0;
    transition: opacity 0.1s ease-in-out; /* Smooth fade-in effect */
}

/* Add this class when the app is interactive */
#app.ready {
    opacity: 1;
}

.grecaptcha-badge{
    display: none;
}