#main-context{
    background:#FAFAFA !important;
}
hr{
    border-color: #b2b2b2;
}
h6{
    color:#1c1c1c !important;
    font-weight: 400 !important;
}
.footer-copyrights{
    color: #1c1c1c !important;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
}
ul.Footer-section li a {
    color: #bebebe;
    /* text-decoration: underline; */
    padding-right: 5px;
    font-size: 14px;
}
.vehicle-preview-details{
    color: #1c1c1c;
    font-size:14px;
}
.custom-preview-message{
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #808080;
    padding: 5px !important;
}
.custom-preview-message i{
    margin-right: 5px;
}
.card.seller-card.border.border-warning.rounded-lg.shadow-sm a, .card.seller-card.border.border-warning.rounded-lg.shadow-sm span {
    margin: 4px;
}
.preview-profile-link:hover{
    color: #e69511 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.report-listing{
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #e69511 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.text-orange{
    color: #e69511 !important;
}
.text-gray{
    color: #808080 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}
.vehicle-preview-details a{
    color: #e69511;
    text-decoration: none;
    cursor: pointer;
}
.small-listed-text{
    font-size: 12px;
    font-weight: 300;
    color: #808080;
}
ul.Footer-section li a:hover {
    color: #e69511;
    text-decoration: none;
    cursor: pointer;
}

ul.Footer-section li {
    display: contents;
}
ul.Footer-section {
    display: contents;
}
body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow-x:hidden;
    overflow-y:hidden;
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
}
.preview-listing{
    margin-top: 30px;
}
.preview-listing-user-side {
    margin-top: 30px;
}

.pop-up-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px 20px;
    background: #ffffff;
    z-index: 1000;
    margin-bottom: 0px;
    text-align: center;
    box-shadow: 0px -10px 20px 0px #43424214;
}
.pop-up-bottom h2 {
    font-size: 20px;
    text-transform: none;
    font-weight: 300;
    color: #1c1c1c;
    margin-bottom: 20px;
}
.buttons-popup{
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttons-popup a{
    margin:5px
}
.searchInput{
    border-radius:5px 0px 0px 5px;
}
.searchInput::placeholder{
    font-size:14px !important;
    color: #AFAFAF !important;
}
.seacrhbox {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 20px 0px #0000001a;
    width: max-content !important;
    z-index: 100;
    border-radius: 5px;
    padding: 10px;
    height: 97px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 0px;
    border:1px solid #F2B705;
}
ul.sidenav-profile {
    padding: 0;
    margin-top: 10px;
}
.sideNavSearch .row:first-child {
    height: 110px;
    width: 100%;
    display: table-caption;
}

.sideNavSearch .row:nth-child(2) {
    position:fixed !important;
    overflow-y:scroll !important;
    width: 260px !important;
    height: 75vh !important;
}

.col-md-3.side_nav_column {
    max-width: 290px;
}
.float-right {
    float: right;
}
.btn-login-link{
    color:#1C1C1C !important;
    margin-right:10px;
    text-decoration: none !important;
}
.btn-login-link:hover{
    color:#e69511 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.primaryBtn:hover{
    background: #1c1c1c !important;
    color: #fff !important;
    border-radius: 5px !important;
    text-decoration: none;
    cursor: pointer !important;
    box-shadow: none;
}
.primaryBtn{
    background: #F2B705 !important;
    color: #1C1C1C !important;
    border-radius: 5px !important;
    padding: 7px 20px !important;
    font-size: 16px !important;
    font-weight: 300;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer !important;
    box-shadow: 0px 10px 20px 0px #0000001a !important;
}
.navbar-brand{
    font-size: 20px !important;
    font-weight: 600;
    color:#116ad1;
    font-family: inter, serif !important;
}
.sideNavSearch {
    width: 100%;
    margin-bottom: 30px;
}
#signinForm{
    display: contents;
}
.sideNav{
    position: relative;
    scrollbar-color: #e69511 #f1f1f1;
    height: 100vh;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 0px 20px;
}
.right-column .card,.right-column-preview .card{
    border-radius:0px !important;
    border:none;
    margin-bottom:2px;
    transition: all 0.3s ease;
    cursor: pointer
}
.right-column .card:hover,.right-column-preview .card:hover{
    box-shadow: 0px 0px 10px 0px #0000000b;
}
.right-column .card-body,.right-column-preview .card-body{
    padding:0px;
    background:#fafafa !important;
}
.side_nav_column{
    background:#fff;
    height:100vh;
    box-shadow: #00000008 6px 0px 9px 0px;
}
i.fa.fa-cog.section-cog {
    position: relative;
    float: right;
    font-size: 20px;
}
.divider {
    border-color: #b2b2b2;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sidenav-profile li{
    list-style-type: none;
    margin-bottom:5px;
    padding: 2px 5px;
}
.sidenav-profile li span, ul.spares-categories li span {
    font-size: 14px;
    font-weight: 300;
    color: #1c1c1c6e;
    background: #fff6da;
    border-radius: 50px;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 4px;
    border: 1px solid #f2b70582;
}
.badge-custom{
    font-size: 12px;
    font-weight: 300;
    color: #1c1c1c;
    background: #eee;
    border-radius: 50px;
    padding:  2px 5px;
    border: 1px solid #1c1c1c;
    display: inline-block;
    position: inherit;
    text-align: center !important;
}
ul.spares-categories li:hover,.sidenav-profile li:hover{
    background: #F2D47A;
    color: #1C1C1C !important;
    border-radius:50px;
    cursor: pointer;
}
.viewAllCategory{
    font-size: 14px;
    font-weight: 300;
    color: #C1440E;
    cursor: pointer;
    margin-bottom: 10px;
    text-decoration: underline;
}
ul.spares-categories li a{
    color: #1c1c1c !important;
    text-decoration: none;
    font-size: 14px;

}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.fixed-top {
    position: relative;
}
ul.spares-categories li {
    display: block;
    background: #FFF8E3;
    padding:5px 10px;
    margin: 5px 0;
    color:#1c1c1c;
    border-radius: 50px;
    text-decoration: none;
    list-style: none;
}
.col-md-11.right-column {
    color: #808080;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.fixed-top {
    background: #fff !important;
    /* box-shadow: none !important; */
    border-bottom: 1px solid #e5e5e5;
}
.side_nav_column {
    background: #fff;
    height: 100vh;
    border-right: 1px solid #e1e1e1;
}
.title-section * {
    color: #1c1c1c;
    font-weight: 400 !important;
    font-size: 12px;
    text-decoration: none;
}
.title-section  h6{
    font-size: 14px;
    font-weight: 600;
    color: #ab4a12 !important;
    margin-top: -5px;
    margin-bottom: 2px;
}

.title-section  span{
    font-size: 14px;
    font-weight: 600 !important;
    color: #1c1c1c;
    margin-bottom: 0px;
}
.title-section  p{
    color:#1c1c1c;
}
.index-section{
    background:rgb(250, 250, 250);
}
.index-section a{
    text-decoration: none;
}
.row.index-section .right-column {
    margin: 0 auto;
}
.grayText{
    color:#a5a5a5
}
.right-column{
    margin-top: 30px !important;
    /* padding-top:20px; */
    min-height:90vh;
    height:90vh !important;
    overflow-y: scroll;
    scroll-behavior: smooth;
    width:100vw !important;
    padding-right:20px !important;
    position: relative;
}
.locationText{
    color: #C1440E !important;
    font-size: 14px;
    cursor:pointer;
    text-decoration: underline !important;
    margin-bottom: 5px;
}
.sidenav-profile li a{
    color: #1c1c1c;
    text-decoration: none;
    font-size: 14px;
}
ul.spares-categories {
    margin: 0px;
    padding: 0px;
}
ul.townsList {
    padding: 0px;
}
ul.townsList li {
    display: inline-block;
    margin: 2px 0px;
}
.sidenav-profile-button{
    background: rgba(242, 183, 5, 0.35);
    color: #1C1C1C;
    padding: 10px 30px;
    width: 100% !important;
    font-size: 14px;
    border:1px solid #F2B705;
    border-radius: 5px;
    transition: all 0.3s ease;
    margin-bottom:10px;
    box-shadow: 0px 10px 12px 0px #0000001a !important;
    display: block;
    text-align: center;
}
.sidenav-profile-button:hover{
    background: #F2B705;
    color: #1c1c1c;
    box-shadow: none
}

a.sidenav-profile-button-listing {
    margin-top: 20px !important;
    display: block;
    background: #f197363d;
    color: #2f2f2f;
    padding: 10px 30px;
    font-size: 14px;
    border: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    width: 90%;
    text-align: center;
    text-decoration: none;
}

input.form-control[type="number"]::placeholder {
    font-size: 14px;
}
a.btn.btn-sm.btn-info.smallBtn.float-right.btn-edit {
    background: #ffffff00;
    border: 1px solid #f8a504 !important;
    padding: 5px 30px;
}
.delete-button{
    background: none !important;
    border: 1px solid rgba(247, 0, 0, 0.423) !important;
    color:rgba(255, 0, 0, 0.44) !important;
    padding: 5px 30px;
}
.townsList li:hover{
    background: #F2D47A;
}
.townsList li {
    background: #EFEDFC;
    padding: 2px 9px;
    padding-bottom: 5px;
    border-radius: 50px;
    margin: 3px;
    line-height: 1 !important;
    list-style-type: none;
    margin-bottom: 0px;
}
ul.townsList li a {
    font-size: 13px;
}

.townsList li a{
    color: #1c1c1c;
    text-decoration: none;
    font-size: 14px;
}
a.nav-link {
    cursor: pointer;
}
.nav-item a{
    color:#494949;
    font-weight: 300;
    font-family: roboto;
}
.nav-item a:hover{
    color:#e69511;
    cursor: pointer
}
nav {
    transition: all 0.3s ease;
}

nav.scrolled {
    padding-top: 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.location-card-view{
    color: #1c1c1c !important;

}
.location-card-view:hover{
    color: #e69511 !important;
    cursor: pointer;
    text-decoration: underline;
}

p.money-card-view span{
    color: #1c1c1c !important;
}
#AddListingBtn{
    background: #ec7c04;
    color: #fff;
    border-radius: 5px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 300;
    border: none;
    transition: all 0.3s ease;
}
#AddListingBtn:hover{
    background: #e69511;
    color: #fff;
    cursor: pointer;
}
.accountsNavs{
    margin-top: 5px;
    font-size: 14px;
}
.contentEnd a{
    color:#808080;
}
.contentEnd a:hover{
    color:#e69511;
    cursor: pointer
}
.sideNavSearch,ul.spares-categories a {
    color: #808080 !important;
}

.index-location-kilos{
    font-size: 14px;
    font-weight: 300;
    color: #C1440E;
    float: right;
    position:relative;
    cursor:pointer
}
.index-location-kilos:hover{
    text-decoration: underline;
}
.formbox_signup {
    width: 480px;
    margin: 0 auto;
    margin-top: 90px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 5px;
}
.formbox_signup .form-group{
    margin-bottom: 10px;
}
.formbox_signup h3{
    font-size: 25px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    margin-top:10px;
}
.formbox_signup span{
    font-size: 18px;
    font-weight: 300;
    color: #000;
    text-align: center;
    display: block;
    margin-bottom: 20px;

}
.formbox_signup .form-control{
    border-radius: 0px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
.account-exist a{
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    display: block;
    margin-top: 20px;
    text-decoration: none;
}
.label-key{
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-align: left;
    display: block;
    margin-bottom:5px;
}
.labelContext{
    font-size: 12px;
    font-weight: 300;
    color: #949292;
    text-align: left;
    display: block;
}
.noAccountSignUp a{
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}
#signinForm .form-control{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px 10px;
    color: #000;
}
#signinForm [type="submit"]{
    background: #ec7c04;
    color: #fff;
    border-radius: 0px;
    border: none;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.3s ease;
    cursor: pointer;
}
.formboxLogin {
    margin-top: 100px;
    border: 1px solid #ddd;
    padding: 15px 15px;
    border-radius: 5px;
}
.formboxLogin h4{
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.formboxLogin .form-group{
    margin-bottom: 10px !important;

}
.formboxLogin .form-control{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px 10px;
    color: #000;
}
.forgotPasswordLink{
    font-size: 14px;
    font-weight: 300;
    margin-top: 40px;
    text-decoration: none;
}
.singiningOffer{
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-align: center;
    display: block;
    margin-top: -10px !important;
}
.signinOptionText::before{
    content: "";
    display: block;
    width: 60%;
    height: 1px;
    margin-right: 20px;
    background: #cfcfcf;
    margin-top: 10px;
}
.signinOptionText::after{
    content: "";
    display: block;
    width:60%;
    margin-left: 20px;
    height: 1px;
    background: #cfcfcf;
    margin-top: 10px;
}
.signinOptionText {
    display: flex;
}
.resetPasswordFormSection{
    border: 1px solid #ddd;
    padding: 15px 15px;
    border-radius: 5px;
}
.resetPasswordFormSection h3{
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.resetPasswordFormSection .form-control{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px 10px;
    color: #000;
    margin-bottom:10px;
}
.resetPasswordFormSection p a{
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}
.resetPasswordFormSection [type="submit"]{
    background: #ec7c04;
    color: #fff;
    border-radius: 0px;
    border: none;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.3s ease;
    cursor: pointer;
}
div#SignInModal h3{
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin-bottom:20px;
}
div#SignInModal .form-control {
    border-radius: 0px;
}
a.btn.btn-link.popForgotEmail{
    font-size: 14px;
    font-weight: 300 !important;
    text-decoration:none !important
}
div#newListing .modal-dialog {
    min-width: 800px;
    padding: 0px;
}
div#newListing .modal-body {
    padding: 0px;
    min-height:450px;
}
div#newListing .modal-body .row .col-md-6:first-child {
    background: url('https://plus.unsplash.com/premium_photo-1661510630808-f88989450855?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') ;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 30px;
    height:450px;
}
.right-column .col-md-3 {
    padding: 5px !important;
}
.right-column .title-section{
    padding: 10px 5px;
}
.right-column .title-section p{
    font-weight: 300;
    padding:0px;
    margin:0px;
    font-size: 11px;
}
.right-column .title-section p:first-child{
    font-size: 14px;
    font-weight: 600;
}
.right-column .title-section p:nth-child(2){
    font-size: 13px;
    font-weight: 400;
}
.overlayBoard {
    position: absolute;
    top: 0;
    left: -12px;
    background: #0000005c;
    z-index: 10;
    width: 410px;
    height: 100%;
}
.overContext {
    z-index: 3000 !important;
    color: #fff;
    display: block;
    position: relative;
    margin-top:70%
}
.popupContext {
    margin-top: 10%;
    padding: 10px 20px 0px 0px;
}
.popupContext .form-control{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px 10px;
    color: #000;
}
.popupContext a{
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    margin-top:10px !important;
}
.popupContext .privacy_terms {
    position: absolute;
    bottom: 10px;
}
.top-error {
    padding: 5px !important;
    font-size: 11px;
    margin: 5px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 2;;
}
.btnDefault{
    text-decoration: none;
}

.listingBox {
    position: fixed;
    background: #fff;
    width: max-content !important;
    z-index: 100;
    min-width: 230px;
    padding: 0px 10px 10px 0px;
    height: 83vh;
    max-width: 259px;
    overflow: scroll;
    min-height: 70vh;
}

.select_listing {
    width: 600px;
    margin: 0 auto;
    margin-top: 25vh;
    border-radius: 5px;
}
.select_listing .col-md-4{
    padding:5px;
}
.card_member {
    padding: 50px 10px;
    background: white;
    box-shadow: 0px 0px 6px 0px #00000008;
    margin:0px;
    height: max-content;
    min-height:200px;
    transition: all 0.3s ease;
}
.card_member h5{
    font-size: 20px;
    font-weight: 500;
    color: #2a2a2a;
    margin-bottom: 20px;
    text-align:center;
}
.card_member p{
    font-size: 13px;
    font-weight: 300;
    color: #757575;
    margin-bottom: 0px;
    text-align: center;
}
.card_member:hover{
    box-shadow: 0px 0px 10px 0px #0000000b;
    cursor:pointer;
    background: #e694111f;
    color:#fff !important;
    margin-top:-10px;
}

.listingChart {
    min-width: 260px;
    border-bottom: 1px solid #8787871c;
    margin-bottom: 10px;
    padding-top:10px;
    padding-left: 0;
    overflow: hidden;
}
.listingChart p{
    padding: 0px;
    margin: 0px;
}
.listingChart p:first-child{
    font-size: 14px;
    font-weight: 300;
    color: #000;
    padding: 0px 10px;
}
.listingChart h6{
    font-size: 16px;
    font-weight: 600;
}
.row .listingAccount h5{
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    margin-bottom:0px;
}
.listing-user-icon{
    font-size: 25px;
    width:40px;
    height:40px;
    border-radius: 50px;
    background:gray;
    color:#fff;
    margin-bottom: 10px;
    text-align: center;
}
.row .listingAccount p{
    padding: 0px;
    margin: 0px;
}
.row .listingAccount p span{
    font-size: 14px;
    font-weight: 300;
    color: #757575;
    margin-left:10px;
}
.listingChart hr{
    margin: 0px;
    padding: 10px 0px 0px 0px ;
}
.listingBox .title-name{
    font-size: 12px;
    font-weight: 300;
    color: #2a2a2a;
    margin-bottom: 0px;
}
.add-photos-drop{
    background: #f1f1f1;
    padding: 10px 0px;
    border-radius: 5px;
    border: 1px dashed #e69511;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center !important;
    cursor: pointer;
}
.add-photos-drop h6{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
.add-photos-drop p{
    font-size: 13px;
    color: #000;
    background: #F2B705;
    padding: 5px 10px;
    width: max-content;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
}
.add-photos-drop p:hover{
    background: #000;
    color: #fff;
    cursor: pointer;
}
.listing_preview_box h6,.title_script {
    font-size: 15px;
}
.btn-warning{
    font-size: 14px !important;
}
.btn-warning:hover{
    background: #000 !important;
    color: #fff !important;
    border-color:#000 !important;

}
.listing-details {
    overflow-y: scroll !important;
    margin:0;
    padding: 0;
}
.card.seller-card.border.border-warning.rounded-lg.shadow-sm {
    width: 22vw;
    margin: 0 auto;
}
.required{
    color: #fd7e14;
    font-size: 12px;
    margin-left:-2px;
}
.sidenav-listing .form-control{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px 10px;
    margin-bottom: 10px;
    color: #000;
}
span.select2-selection__arrow {
    margin-top: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #656565;
    line-height: 28px;
    font-weight: 300;
    font-size: 15px;
}
.listingBox label {
    font-size: 14px;
    color: #000000;
}
span.select2-selection.select2-selection--single {
    height: 38px;
    padding-top: 4px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    margin-bottom: 5px;
}
span.input-group-text {
    border-radius: 5px 0px 0px 5px;
}
#description::placeholder{
    color: #a3a2a2;
}
.sidenav-listing textarea{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 10px;
    margin-bottom: 10px;
    height: 100px;
    color: #000;
    resize: none;
}
.boost-listing{
    background: #e6941148;
    color: #000000;
    border-radius: 5px;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 300;
    border: none;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-bottom:10px;
}
.boost-listing h5{
    font-size: 18px;
    font-weight: 600;
    color: #3b3b3b;
    margin-bottom: 5px;
}
.boost-listing p{
    font-size: 12px;
    font-weight: 300;
    color: #3b3b3b;
    margin-bottom: 0px;
}
.listing_preview_box {
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0px 0px 8px 0px #00000014;
    border-radius: 2px;
    width: 97%;
    margin: 0 auto;
    margin-top: 0px;
    min-height: 500px;
}

.preview-image-box {
    background: rgb(254 251 251);
    min-height: 500px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}
.listing-details p{
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.listing-details h4{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.listing-details .listing-preview-category{
    font-size: 12px;
    font-weight: 300;
    color: #0384c4;
}
.listing-details hr{
    margin: 5px 0px;
    border-color: #c9c9c9;
}
.timePosted{
    font-size: 12px;
    font-weight: 300;
    color: #000;
    float:right;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.contextDetails{
    padding-top: 10px;
}
.contextDetails a{
    font-size: 14px;
    font-weight: 300;
    text-decoration: none !important;
}
.listing-title{
    font-size:15px;
    color: #000;
    margin:0px;
}
.listing-category{
    font-size: 14px;
    color: #8b8b8b;
    margin:0px 2px;
}
.buttons-cards{
    margin-top:30px;
    display:block;
}
.row.buttons-cards a {
    position: relative;
    top: 0px;
    right: 4px;
}
.location_line{
    color: rgb(4, 124, 160);
}
.location_line i{
    margin-right: 1px;
}
.listing-link{
    color: #3c3c3c;
}
.location_description,.location_description_approx{
    font-size: 13px !important;
    font-weight: 300;
    color: #202020 !important;
    margin: 0px !important;
    padding: 0px !important;
}
.location_description_approx{
    color: #0287bb !important;
}
.add_listing-title{
    color: #a57809 !important;
}
.mini-google-map{
    width: 100%;
    height: 120px;
    border-radius: 5px;
    margin-top: 10px;
    background: #f1f1f1;
    margin-bottom:10px;
    text-align: center;
    padding: 10px 0px;
}
.readmoreDescription{
    font-size: 14px;
    font-weight: 300;
    color: #e69511;
    cursor: pointer;
    margin-top: 0px;
    margin-left:10px;
    display: inline-block;

}
.bookmark-icon{
    float:right;
    font-size: 20px !important;
    color: #c6c6c6;
}
.listing-user-icon-preview{
    font-size: 20px;
    width:30px;
    height:30px;
    border-radius: 50px;
    background:gray;
    color:#fff;
    margin-bottom: 10px;
    text-align: center;
}
.preview-user-name{
    font-size: 14px;
    font-weight:500 !important;
    color: #000;
    margin-top: 5px !important;
    padding-top: 0px !important;
}
/* Make carousel controls pop */
#previewCarousel .carousel-control-prev-icon,
#previewCarousel .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.65); /* dark background */
    border-radius: 50%;
    padding: 18px;
    background-size: 20px 20px; /* icon size */
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    filter: invert(1); /* makes arrow white */
}

/* Optional: on hover */
#previewCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#previewCarousel .carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(255, 193, 7, 0.9); /* gold hover like your brand */
    filter: none; /* arrow turns black on gold */
}

/* Position tweak if needed */
#previewCarousel .carousel-control-prev,
#previewCarousel .carousel-control-next {
    width: 60px;
}
.content_description {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-top: 0px;
    padding-top: 0px;
    display: block;
    max-width: 400px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap; /* Preserves line breaks and wraps long text */
    overflow: hidden; /* Ensures content doesn't overflow */
}
.preview-image-box { position: relative; }
.preview-image-box .make-cover-btn{
    /*display: none;*/
    position: absolute;
    top: 10px; right: 10px;
    z-index: 5;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.listing_readmore{
    font-size: 12px;
    font-weight: 300;
    color: #e69511;
    cursor: pointer;
    margin-top: 0px;
    display: inline-block;
}
.preview-image-box img.preview-img{
    object-fit: contain;
    max-height: 100%;
    width: 100%;
    image-rendering: auto; /* prevent over-aggressive downscaling */
}
.sponsoredAds{
    font-size: 12px;
    font-weight: 300;
    color: #e69511;
    margin-top: 0px;
    display: inline-block;
}
/* Image uploads and thumbnails*/
.image-lists-thumbs .thumbnail-item img {
    width: 60px;
    height: 50px;
}
.image-lists-thumbs {
    display: table-cell;
    column-count: 4;
    column-gap: 0;
}
.image-lists-thumbs .thumbnail-item .delete-image {
    position: absolute;
    background: #fff;
    padding: 0px 5px;
    margin-left: -25px;
    border-radius: 35px;
    color: #ff0000;
}
.carousel-inner img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 500px;
}

.carousel-item img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.headingColorBanner{
    font-size: 20px;
    font-weight: 300;
    color: #000;
    background: #e69511;
    margin-bottom: 20px;
    padding: 90px 10px 30px 0px ;
}
.breadcrumb{
    margin-bottom: 20px;
}
.breadcrumb ul li{
    display: inline-block;
    font-size: 14px;
    padding: 0px 5px;
    color: #f1f1f1 !important;
}
p.breadcrumb i {
    margin: 6px 15px;
    color: #fff;
}
.preview-image-box {
    display: flex;
    align-items: center;       /* vertical align center */
    justify-content: center;   /* horizontal center */
    height: 100%;              /* make sure the box height matters */
}

p.breadcrumb a {
    color: #2f2f2f;
    text-decoration: none;
}
.thumbnail {
    height: 100%;
    width: 100%;
    height: 190px;
    margin: 0 auto;
    text-align: center !important;
    align-items: center;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 5px;
}
.price-my-listing{
    color: #e07707;
}
.listing-description-my-listing{
    font-size: 14px;
    font-weight: 300;
    color: #757575;
}
.styleCard {
    background: #fafafa !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    margin-bottom:10px;
}
.btn-danger-outline{
    background: none !important;
    border: 1px solid rgba(255, 0, 0, 0.745) !important;
    color:rgba(255, 0, 0, 0.706) !important;
    padding: 5px 30px;
    font-size: 14px;
    font-weight: 300;
}
.overlayCard {
    background:rgba(0, 0, 0, 0.11);
    height: 100%;
    width: 100%;
    position: relative;
    top: 0px !important;
}
span.loveListing {
    display: block;
    position: absolute;
    background: rgba(230, 149, 17, 0.58);
    padding: 2px 6px;
    border-radius: 50px;
    color: #1c1c1c;
    border: #F2B705;
    z-index: 900 !important;
    right: 9px;
    font-size: 12px;
    top: 5px;
}
#locationToggle{
    font-size: 14px;
    font-weight: 300;
    color: #C1440E;
    cursor:pointer;
    text-decoration: underline;
    margin-bottom: 5px;
}

#useMyLocationBtn{
    font-size: 14px;
    font-weight: 300;
    border-color: #1c1c1c;
    padding: 2px 5px;
    color: #1c1c1c;
    cursor:pointer;
    text-decoration: none;
    margin-bottom: 5px;
}
@useMyLocationBtn:hover{
    background: #1c1c1c;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.dropdown-menu.show a {
    font-size: 14px;
    color: #1c1c1c;
    padding: 5px 10px;
}
.location_line-links a{
    font-size: 12px;
    border:none !important;
    text-decoration: none !important;
    background: rgba(230, 149, 17, 0.58) !important;
    font-weight: 400;
}
#locationInput::placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #bdbdbd;
}
.local-pop-text{
    font-size: 10px;
    font-weight: 300;
    color: #ddd
}
.btn-location-usage{
    background: #e69511 !important;
    color: #1c1c1c !important;
    border-radius: 5px !important;
    padding: 7px 20px !important;
    font-size: 14px !important;
    font-weight: 300;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer !important;
    border:none !important;
    box-shadow: 0px 10px 20px 0px #0000001a !important;
    margin-top:10px;
}
.btn-location-usage:hover{
    background: #1c1c1c !important;
    color: #fff !important;
    border-radius: 5px !important;
    text-decoration: none;
    cursor: pointer !important;
    box-shadow: none;
}

.location_line-links a:hover{
    background: #e69511 !important;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none !important;
}
span.loveListing:hover{
    background: #e69511;
    color: #fff;
    cursor: pointer;
}
.listing-all-link{
    color: #C1440E;
}
.listing-all-link:hover{
    color: #e69511;
    cursor: pointer;
    text-decoration: underline !important;
}
span.bootListing {
    position: absolute;
    color:rgb(255, 255, 255);
    font-size: 20px;
    right: 9px;
    top: 2px;
    z-index: 200;
}
#accountDropdown{
    color: #1c1c1c;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 200;
}
.title-section a {
    text-decoration: none !important;
    color: #000;
}
a.accountOwner, .ratings {
    color: #d8900c;
}
a.listing_card {
    text-decoration: none;
}