.elementor-2643 .elementor-element.elementor-element-a49a85a{--display:flex;--min-height:185px;--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;--align-items:center;--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-2643 .elementor-element.elementor-element-a49a85a:not(.elementor-motion-effects-element-type-background), .elementor-2643 .elementor-element.elementor-element-a49a85a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11247F;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-2643 .elementor-element.elementor-element-bc38884 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2643 .elementor-element.elementor-element-bc38884 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-2643 .elementor-element.elementor-element-512e03b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-2643 .elementor-element.elementor-element-512e03b:not(.elementor-motion-effects-element-type-background), .elementor-2643 .elementor-element.elementor-element-512e03b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-2643 .elementor-element.elementor-element-c6840bb{width:100%;max-width:100%;}.elementor-2643 .elementor-element.elementor-element-c6840bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2643 .elementor-element.elementor-element-99ba7fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-2643 .elementor-element.elementor-element-a49a85a{--content-width:1222px;}.elementor-2643 .elementor-element.elementor-element-512e03b{--content-width:1222px;}.elementor-2643 .elementor-element.elementor-element-99ba7fc{--content-width:1222px;}}@media(max-width:767px){.elementor-2643 .elementor-element.elementor-element-a49a85a{--min-height:107px;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2643 .elementor-element.elementor-element-bc38884{width:100%;max-width:100%;text-align:center;}.elementor-2643 .elementor-element.elementor-element-bc38884 .elementor-heading-title{font-size:24px;letter-spacing:0px;}.elementor-2643 .elementor-element.elementor-element-c6840bb > .elementor-widget-container{margin:0px 010px 0px 010px;}.elementor-2643 .elementor-element.elementor-element-604b6fb > .elementor-widget-container{padding:0px 010px 0px 010px;}.elementor-2643 .elementor-element.elementor-element-5a99503 > .elementor-widget-container{margin:0px 0px 0100px 0px;}}/* Start custom CSS for html, class: .elementor-element-c6840bb */.right-panel { 
        display: flex; 
        justify-content: space-between;
        flex-wrap: wrap;
        border: none;
    }
    .hidden-date-input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        height: 100%;
    }
    .custom-date-input {
        border: none !important;
        outline: none !important;
        font-size: 14px;
        background: transparent;
        cursor: pointer;
    }
    .options-container {
        width: fit-content;
        display: flex; 
        align-items: center;
        gap: 12px;
    }
    
    .custom-date-input::placeholder {
        color: #000;
        opacity: 1;  
    }
    .header-container { 
        display: flex; 
        align-items: center; 
        gap: 15px; 
        
    }
    
    .view-options-container { 
        display: flex; 
        flex-direction: column; 
        
    }
    
    .sort-filter-item {
        display: flex;
        gap: 10px;
    }
    
    .view-options { 
        display: flex; 
        border: 1px solid #B8B8B8; 
        border-radius: 3px; 
        
    }
    select {
        color: #000;
        -webkit-appearance: none;
    }
    .option { 
        padding: 10px;
        margin: 0;
        cursor: pointer; 
        transition: background 0.3s; 
        border-radius: 3px;
        color: #000 !important;
         -webkit-appearance: none;
    }
    .option:focus, .option:hover {
    color: #000 !important;
}
    
    .option.active { 
        background: #112D73; 
        
    }
    
    .option.active svg rect, .option.active svg path { fill: #FFF !important; 
    stroke: #FFF !important; 
        
    }
    .view-options-text { 
        font-size: 12px; 
        font-weight: 600; 
        text-transform: uppercase; 
        color: #666; 
        
    }
    
    .icon-container { 
        position: relative; 
        display: inline-block; 
        margin-top: 27px; 
        
    }
    
    .icon { 
        width: 32px; 
        height: 32px; 
        
    }
    
    .badge { 
        position: absolute; 
        top: -2px; 
        right: -5px; 
        background: #0078D4; 
        color: white; 
        font-size: 12px; 
        font-weight: bold; 
        width: 18px; 
        height: 18px; 
        border-radius: 50%; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        
    }
    
    .sort-filter-container { 
        display: flex; 
        gap: 15px; 
        flex-wrap: wrap;
        align-items: center; 
        font-family: Arial, sans-serif; 
        
    }
    
    .sort-filter-item { 
        display: flex; 
        flex-direction: column; 
        
    }
    
    .sort-filter-label { 
        font-size: 12px; 
        font-weight: bold; 
        color: #666; 
        text-transform: uppercase; 
        margin-bottom: 5px; 
        
    }
    
    .sort-filter-select { 
        display: flex; 
        align-items: center; 
        max-width: 192px;
        min-width: 110px;
        border: 1px solid #ccc; 
        border-radius: 5px; 
        padding: 8px 12px; 
        background: #fff; 
        cursor: pointer; 
        gap: 4px; 
        
    }
    

    select {
          -webkit-appearance: none;
          -moz-appearance: none;
    }
    
    .sort-filter-input, .sort-filter-select-dropdown { 
        border: none !important; 
        outline: none; 
        font-size: 14px; 
        background: transparent; 
        cursor: pointer; 
        
    }
    .left-container-filter {
        display: none;
    }
    
    @media (max-width: 767px) { 
        .sort-filter-label { 
            display: none; 
            
        } 
        .view-options-text { 
            display: none; 
            
        }
        .sort-filter-select {
            background: #ddd;
        }
        .filter-desktop {
            width: 167px !important;
        }
        .left-container-filter {
            display: flex;
            min-width: 110px !important;
        }
        .wrap-panel-input {
            background: transparent;
            border: none !important;
            outline: none;
            width: 70px !important;
        }
        .wrap-panel-input::placeholder {
            color: #000;
            opacity: 1;  
        }
        .icon-container {
            margin-top: 0;
            width: 50px;
            height: 50px;
        }
        .icon-container svg{
            width: 50px;
            height: 50px;
        }
        .badge {
            left: 30px;
            top: 0px;
        }
        .right-panel {
            gap: 10px;
        }
        .header-container {
            order: 1;
            width: 100%;
            justify-content: space-between;
        }
        .sort-filter-container {
            order: 2;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a99503 */.user-card {
        border-bottom: 1px solid #ddd;
        padding: 16px;
        padding-bottom: 40px;
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: top;
        background: #fff;
        font-family: "Poppins";
    }

    .user-card a{
        font-size: 32px !important;
        color: #11237F !important;
        
        font-weight: 700;
    }
    
    .user-info {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .user-name {
        font-size: 14px;    
        display: flex;
        gap: 35px;
    }
    .user-status {
        font-size: 14px;
        display: flex;
        gap: 60px;
        align-items: center;
        margin: 0px  !important;
    }
    .user-status-span {
        margin: 0px !important;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        color: white;
        background: #59B71E;
        font-size: 14px;
    }
    .cargo-types {
        font-size: 14px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .cargo-types p {
        margin: 0 !important;
    }
    
    .status-badge {
        background: #007bff;
        width: fit-content;
        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        margin-right: 5px;

    }
    .status-bid-info-container {
        display: flex;
        gap: 160px;
    }
    .bid-count {
        padding: 4px 10px;
        border-radius: 50%;
        background-color: #009DFF;
        color: #fff;
        font-weight: 600;
    }

    .bid-info {
        border: 1px solid #CCCCCC;
        padding: 20px;
        width: 120px;
        height: 110px;
        text-align: center;
        font-size: 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        font-weight: bold;
        gap: 16px;
        color: #222;
    }
    .bid-info p {
        margin: 0;
    }
    .status-bid-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 10px;
    }
@media (max-width: 768px) {
    .status-bid-info-container {
        gap: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center; 
    }
    .user-card {
        gap: 32px;
    }
}/* End custom CSS */