.elementor-3549 .elementor-element.elementor-element-2d7ab12b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3549 .elementor-element.elementor-element-2d7ab12b:not(.elementor-motion-effects-element-type-background), .elementor-3549 .elementor-element.elementor-element-2d7ab12b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/08/coming-soon-final-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3549 .elementor-element.elementor-element-3186dbae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3549 .elementor-element.elementor-element-228921ca{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3549 .elementor-element.elementor-element-626a74e0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3549 .elementor-element.elementor-element-626a74e0 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-3549 .elementor-element.elementor-element-5959514a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3549 .elementor-element.elementor-element-5959514a .elementor-button .elementor-button-content-wrapper{gap:15px;}@media(min-width:768px){.elementor-3549 .elementor-element.elementor-element-3186dbae{--content-width:820px;}}@media(max-width:767px){.elementor-3549 .elementor-element.elementor-element-2d7ab12b:not(.elementor-motion-effects-element-type-background), .elementor-3549 .elementor-element.elementor-element-2d7ab12b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bidllc.ae/wp-content/uploads/2026/08/Coming-Soon-art-work-portrait-version.webp");background-position:top center;background-repeat:no-repeat;background-size:contain;}}@media(min-width:1025px){.elementor-3549 .elementor-element.elementor-element-2d7ab12b:not(.elementor-motion-effects-element-type-background), .elementor-3549 .elementor-element.elementor-element-2d7ab12b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS *//* ==================================================
   BIDLLC RESPONSIVE 404 PAGE
   ================================================== */

:root {
    --bid-gold: #FCB415;
    --bid-white: #F7F7F5;
    --bid-black: #11120F;
    --bid-background: #020303;
}


/* ==================================================
   BASE RESET
   ================================================== */

html,
body {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    background: var(--bid-background);
}


/* ==================================================
   FULL-SCREEN 404 WRAPPER
   ================================================== */

.error-wrap {
    position: relative !important;
    isolation: isolate;

    width: 100% !important;
    max-width: none !important;

    height: 100vh !important;
    min-height: 100vh !important;
    height: 100svh !important;
    min-height: 100svh !important;

    margin: 0 !important;

    padding: 0 24px 58px !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;

    overflow: hidden !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


/* Elementor inner wrapper */

.error-wrap > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: inherit !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* WordPress admin bar */

body.admin-bar .error-wrap {
    height: calc(100vh - 32px) !important;
    min-height: calc(100vh - 32px) !important;
    height: calc(100svh - 32px) !important;
    min-height: calc(100svh - 32px) !important;
}


/* Readability overlay */

.error-wrap::before {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(2, 4, 4, 0.02) 0%,
            rgba(2, 4, 4, 0.04) 36%,
            rgba(2, 5, 6, 0.14) 55%,
            rgba(2, 5, 6, 0.52) 74%,
            rgba(2, 5, 6, 0.96) 100%
        );
}


/* ==================================================
   INNER CONTENT
   ================================================== */

.error-content {
    position: relative;
    z-index: 2;

    width: min(900px, 100%) !important;
    max-width: 900px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    --gap: 0px !important;

    text-align: center;
}


/* Remove Elementor widget spacing */

.error-title,
.error-text,
.error-buttons,
.error-title.elementor-widget,
.error-text.elementor-widget,
.error-buttons.e-con {
    margin-bottom: 0 !important;
}


/* ==================================================
   TITLE
   ================================================== */

.error-title {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(16px);
}

.error-title h1 {
    width: 100%;
    max-width: 860px;

    margin: 0 auto !important;
    padding: 0 !important;

    color: var(--bid-white) !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: clamp(38px, 3.1vw, 52px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;

    text-align: center !important;
    text-transform: none !important;

    text-shadow:
        0 2px 6px rgba(0, 0, 0, 0.42),
        0 6px 18px rgba(0, 0, 0, 0.28);

    overflow-wrap: anywhere;
}

.error-title h1 span {
    color: var(--bid-gold) !important;
}


@media (min-width: 1200px) {
    .error-title h1 {
        white-space: nowrap;
    }
}


/* ==================================================
   SUPPORTING TEXT
   ================================================== */

.error-text {
    width: min(650px, 100%) !important;

    margin-top: 12px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    transform: translateY(16px);
}

.error-text p {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--bid-white) !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: clamp(17px, 1.25vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    text-transform: none !important;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.45),
        0 4px 12px rgba(0, 0, 0, 0.30);

    overflow-wrap: anywhere;
}


/* ==================================================
   BUTTONS CONTAINER
   ================================================== */

.error-buttons {
    width: auto !important;

    margin: 28px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 22px !important;
    row-gap: 22px !important;
    column-gap: 22px !important;
    --gap: 22px !important;
}


/* ==================================================
   BUTTON WIDGETS
   ================================================== */

.error-btn {
    width: auto !important;
    flex: 0 0 auto !important;
}

.error-btn .elementor-button {
    width: 232px !important;
    min-height: 58px !important;

    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 7px !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    text-transform: none !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        transform 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease !important;
}


.error-btn .elementor-button-content-wrapper {
    width: auto !important;
    min-height: 56px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    line-height: 1 !important;
}


.error-btn .elementor-button-text {
    display: inline-flex !important;
    align-items: center !important;

    color: inherit !important;

    margin: 0 !important;

    line-height: 1 !important;
    text-align: center !important;
}


.error-btn .elementor-button-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: inherit !important;

    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;
}


.error-btn .elementor-button-icon.elementor-align-icon-right {
    margin-left: 0 !important;
}

.error-btn .elementor-button-icon.elementor-align-icon-left {
    margin-right: 0 !important;
}


/* ==================================================
   PRIMARY BUTTON
   ================================================== */

.error-btn-home .elementor-button {
    color: var(--bid-black) !important;
    background-color: var(--bid-gold) !important;

    border: 1px solid var(--bid-gold) !important;
}

.error-btn-home .elementor-button:hover,
.error-btn-home .elementor-button:focus {
    color: var(--bid-black) !important;
    background-color: #FFBF35 !important;

    border-color: #FFBF35 !important;

    transform: translateY(-2px);
}


.error-btn-home .elementor-button-icon,
.error-btn-home .elementor-button-icon i,
.error-btn-home .elementor-button-icon svg {
    color: var(--bid-black) !important;
    fill: var(--bid-black) !important;
    stroke: var(--bid-black) !important;
}


.error-btn-home .elementor-button-icon svg path,
.error-btn-home .elementor-button-icon svg line,
.error-btn-home .elementor-button-icon svg polyline {
    fill: var(--bid-black) !important;
    stroke: var(--bid-black) !important;
}


.error-btn-home .elementor-button:hover .elementor-button-icon,
.error-btn-home .elementor-button:focus .elementor-button-icon,
.error-btn-home .elementor-button:hover .elementor-button-icon i,
.error-btn-home .elementor-button:focus .elementor-button-icon i,
.error-btn-home .elementor-button:hover .elementor-button-icon svg,
.error-btn-home .elementor-button:focus .elementor-button-icon svg {
    color: var(--bid-black) !important;
    fill: var(--bid-black) !important;
    stroke: var(--bid-black) !important;
}


/* ==================================================
   SECONDARY BUTTON
   ================================================== */

.error-btn-work .elementor-button {
    width: 232px !important;

    color: var(--bid-white) !important;
    background-color: rgba(3, 7, 8, 0.72) !important;

    border: 1px solid var(--bid-gold) !important;
}

.error-btn-work .elementor-button:hover,
.error-btn-work .elementor-button:focus {
    color: #FFFFFF !important;
    background-color: rgba(20, 15, 6, 0.92) !important;

    border-color: var(--bid-gold) !important;

    transform: translateY(-2px);
}


.error-btn .elementor-button:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 3px;
}


/* ==================================================
   SHORT DESKTOP SCREENS
   ================================================== */

@media (min-width: 768px) and (max-height: 760px) {

    .error-wrap {
        padding-bottom: 40px !important;
    }

    .error-title h1 {
        font-size: 40px !important;
    }

    .error-text {
        margin-top: 8px !important;
    }

    .error-text p {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    .error-buttons {
        margin-top: 20px !important;
    }

    .error-btn .elementor-button {
        min-height: 52px !important;
    }

    .error-btn .elementor-button-content-wrapper {
        min-height: 50px !important;
    }
}


/* ==================================================
   TABLET LANDSCAPE
   ================================================== */

@media (max-width: 1024px) {

    .error-wrap {
        padding-right: 24px !important;

        padding-bottom: 50px !important;

        padding-left: 24px !important;

        background-position: center center !important;
    }

    .error-content {
        width: 100% !important;
        max-width: 760px !important;
    }

    .error-title h1 {
        max-width: 720px;

        font-size: 40px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.03em !important;

        white-space: normal !important;
    }

    .error-text {
        max-width: 580px;
        margin-top: 10px !important;
    }

    .error-text p {
        font-size: 18px !important;
    }

    .error-buttons {
        gap: 18px !important;
        row-gap: 18px !important;
        column-gap: 18px !important;
        --gap: 18px !important;

        margin-top: 24px !important;
    }

    .error-title,
    .error-text {
        transform: translateY(12px);
    }

    .error-btn .elementor-button,
    .error-btn-work .elementor-button {
        width: 220px !important;
    }
}


/* ==================================================
   TABLET PORTRAIT
   ================================================== */

@media (max-width: 820px) {

    .error-wrap {
        padding-right: 22px !important;

        padding-bottom: 46px !important;

        padding-left: 22px !important;

        background-position: 54% center !important;
    }

    .error-content {
        max-width: 680px !important;
    }

    .error-title h1 {
        max-width: 650px;

        font-size: 36px !important;
        line-height: 1.12 !important;
    }

    .error-text {
        max-width: 530px;
    }

    .error-text p {
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .error-buttons {
        margin-top: 22px !important;
    }

    .error-title,
    .error-text {
        transform: translateY(8px);
    }

    .error-btn .elementor-button,
    .error-btn-work .elementor-button {
        width: 210px !important;
        min-height: 56px !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .error-wrap {
        height: auto !important;

        min-height: 100vh !important;
        min-height: 100svh !important;

        padding: 0 18px 44px !important;

        justify-content: flex-end !important;

        background-position: top center !important;

        overflow-y: auto !important;
    }

    body.admin-bar .error-wrap {
        height: auto !important;

        min-height: calc(100vh - 46px) !important;
        min-height: calc(100svh - 46px) !important;
    }

    .error-content {
        width: 100% !important;
        max-width: 420px !important;
    }

    .error-title,
    .error-text {
        transform: none;
    }

    .error-title h1 {
        max-width: 390px;

        font-size: 32px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.025em !important;

        white-space: normal !important;
    }

    .error-text {
        max-width: 360px;
        margin-top: 10px !important;
    }

    .error-text p {
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .error-text br {
        display: none;
    }

    .error-buttons {
        width: 100% !important;

        flex-direction: column !important;

        gap: 12px !important;
        row-gap: 12px !important;
        column-gap: 12px !important;
        --gap: 12px !important;

        margin-top: 22px !important;
    }

    .error-btn {
        display: flex !important;

        width: 100% !important;

        justify-content: center !important;
    }

    .error-btn .elementor-button,
    .error-btn-work .elementor-button {
        width: min(100%, 320px) !important;
        min-height: 56px !important;
    }

    .error-btn .elementor-button-content-wrapper {
        min-height: 54px !important;
        gap: 12px !important;
    }
}


/* ==================================================
   SMALL MOBILE
   ================================================== */

@media (max-width: 480px) {

    .error-wrap {
        padding-right: 16px !important;

        padding-bottom: 38px !important;

        padding-left: 16px !important;

        background-position: top center !important;
    }

    .error-content {
        max-width: 360px !important;
    }

    .error-title h1 {
        max-width: 340px;

        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    .error-text {
        max-width: 330px;
        margin-top: 9px !important;
    }

    .error-text p {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .error-buttons {
        margin-top: 18px !important;
    }

    .error-btn .elementor-button,
    .error-btn-work .elementor-button {
        width: 100% !important;
        max-width: 310px !important;
        min-height: 54px !important;

        padding: 0 18px !important;

        font-size: 16px !important;
    }
}


/* ==================================================
   VERY SMALL MOBILE
   ================================================== */

@media (max-width: 360px) {

    .error-wrap {
        padding-right: 14px !important;
        padding-bottom: 32px !important;
        padding-left: 14px !important;
    }

    .error-title h1 {
        font-size: 25px !important;
    }

    .error-text p {
        font-size: 15px !important;
    }

    .error-btn .elementor-button,
    .error-btn-work .elementor-button {
        min-height: 52px !important;
        font-size: 15px !important;
    }

    .error-btn .elementor-button-content-wrapper {
        gap: 10px !important;
    }
}/* End custom CSS */