body, h1, h2, h3, h4, h5, h6, p {
    font-family: sans-serif;
 }
 
 /* start banner seciton */
 .desknone
 {
     display:none ;
 }
 /* end banner seciton */
 
 /* start after banner section */
 .pdssbtn
 {
        padding: 5px;
    border: 1px dashed #186099 !important;
    border-radius: 5px;
 }
 .pdssbtn a
 {
     box-shadow:1px 1px 2px 1px #186099 !important;
 }
 
 .pdssbtn1
 {
     padding: 5px;
    border: 1px dashed #0cb2e6 !important;
    border-radius: 5px;
 }
  .pdssbtn1 a
 {
     box-shadow:1px 1px 2px 1px #282828  !important;
 }
 /* end after banner section */
 
 
 
 
.slider-bx{
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(53,51,205,1) 100%);
width: 100%;
height: 450px;
}
.slidetitle{
    width:100%;
    height: 100px;
    margin-top: -70px;
    line-height:16px;
}
.slidetitle h2{
   font-size:30px;
   text-align:left;
   color:#fff;
   line-height: 1.5;
   font-family: "Lora", Garamond, Times, sans-serif;
}

.slidetitle h2{
    font-size:30px;
    text-align:left;
    color:#fff;
    line-height: 1.5;
    font-family: "Lora", Garamond, Times, sans-serif;
 }
 .abt-section li{
    list-style: block;
 }
.main-carousel-caption{
    width: 100%!important;
    
}

.main-carousel-caption2{
    width: 60%!important;
    margin-left: 0px;
}

.banner_btn{
    margin-top: 90px;
}

.bidboxbtn_banner{
    background: rgb(0,0,0)!important;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(53,51,205,1) 100%)!important;
    border:2px solid #fff;
    /* border-radius:10px; */
    padding:12px 15px;
    font-size:18px!important;
}

/*.bidboxbtn_banner:hover{
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(53,51,205,1) 100%);
    border:2px solid #fff;

    padding:20px 35px;
    font-size:20px!important;
}*/



table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #fff;
    text-align: left;
    padding: 8px;
}

th {
    color: #282828;
    font-weight: 500px;
}

.showactive {
    background: black;
}

.sell_steps div img {
    margin-bottom: 8px;
}

.sell_steps div img:last-child {
    margin-bottom: 2px;
}

.brand_list h3 {
    margin-bottom: 20px;
    color: #ff5400;
}

.brand_list_inner {
    display: grid;
    justify-content: center;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    gap: 10px;
}

.brand_list_inner div p {
    font-size: 11px;
}

#showBrandSearch {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 20px;
    text-align: center;
}

.car_details {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    gap: 15px;
}

.car_details div p {
    font-size: 16px;
}

.car_details div.active {
    background-color: rgb(244, 244, 244);
    border: 1px solid rgb(36, 39, 44);
    cursor: pointer;
}

.car_details div.active p {
    color: rgb(36, 39, 44);
}

.car_details div {
    background-color: rgb(244, 244, 244);
    padding: 5px 12px;
    font-size: 11px;
    border-radius: 12px;
}

.car_details div p {
    color: rgba(36, 39, 44, 0.3);
}

.owners {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.owners p {
    font-size: 28px;
    font-weight: bold;
    color: #ff5400;
}
.hrlineheading {
    position: relative;
    text-align: center;
    margin: 20px 0; 
}

.hrlineheading::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px; 
    background-color: #ff5400; 
    margin: 10px auto; 
}

.hrlineheading2::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px; 
    background-color: #0cbd0c; 
    margin: 10px auto; 
}
.hrlineheading3::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px; 
    background-color: #666666; 
    margin: 10px auto; 
}

.filterTypes {
    padding: 6px 3px;
}

/* tracking list design */

.tracking-list {
    position: relative; /* Positioning for the pseudo-element */
    padding-left: 0px; /* Space for the line */
}

.tracking-item {
    display: flex; /* Use flexbox for layout */
    align-items: flex-start; /* Align items at the start */
    margin-bottom: 30px; /* Space between items */
    position: relative; /* Positioning for the line */
}

.tracking-left {
    flex: 0 0 30%; /* Adjust the width as needed */
    padding-right: 20px; /* Space between left and right */
}

.tracking-right {
    flex: 1; /* Take the remaining space */
}

.tracking-title {
    font-size: 18px; /* Adjust font size for title */
    font-weight: bold; /* Make the title bold */
}

.tracking-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 68px;
    width: 4px;
    height: 68%;
}

.tracking-item:nth-of-type(1)::before {
    background-color: #09b3e4;
}

.tracking-item:nth-of-type(2)::before {
    background-color: lightgray; 
    top:115px;
}

.tracking-item:nth-of-type(3)::before {
    background-color: green; 
}


.tracking-list {
    padding: 0; 
}

.tracking-item {
    display: flex; 
    align-items: center; 
    margin-bottom: 0; 

    padding: 10px 0; 
}

.tracking-left {
    flex: 1; 
    padding-right: 10px;
}

.tracking-right {
    flex: 3; 
}

.tracking-title {
    text-align: left;
    margin: 0;
    margin-left:36px; 
    font-weight: bold; 
}

.tracking-right span {
    color: #000; 
}



.slick-prev, .slick-next {
    background-color: black; /* Set button background color to black */
    border: none; /* Remove any borders if present */
    padding: 5px; /* Adjust padding if needed */
    border-radius: 3px; /* Optional: Add border-radius for rounded corners */
}

.slick-prev img,
.slick-next img {
    filter: none; /* Remove the filter */
    width: 24px!important; /* Adjust the size if needed */
    height: 24px!important; /* Adjust the size if needed */
}


@media (max-width: 768px) {
    

    .tracking-left, .tracking-right {
        width: 100%; /* Full width on smaller screens */
        padding-right: 0; /* Remove padding */
    }
    .menu-nav .logo img
    {
        width:120px !important;
        margin-bottom:15px !important;
        max-width:200px !important;
    }
    .mblnone
    {
        display:none !important;
    }
    .desknone
    {
        display:block !important;
    }
}


@media (max-width: 430px) {
    .brand_list_inner {
        display: grid;
        justify-content: center;
        grid-template-columns: auto auto auto;
        gap: 10px;
    }
}

.popular-selling-brand .row .col-md-2 {
    padding: 0px 8px;
}

.owl-carousel .owl-item img {
    width: 80%;
    float: right;
}

.footer-top-area {
    background-image: url(img/footer.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 100px; */
}
    .underline {
    position: absolute;
    top: 13%;
    left: 58%;
    width: 225px;
    }
        .hiwtxtarea {
        display: flex;
        justify-content: center;
        align-items: center;
        }
        
        
        .carcardinfosss {
            padding: 4px 10px !important;
            border-radius: 8px !important;
            background-color: #fafafa !important;
            /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; */
            color: #003d79;
        }

        .carcardinfo {
            padding: 4px 10px !important;
            border-radius: 8px !important;
            background-color: #fafafa !important;
            /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; */
            color: #003d79;
        }

        .popupimg {
            margin: -1rem;
        }

        .popupimg2 {
            display: none !important;
        }

        @media screen and (max-width: 880px) {
            .popupimg {
                display: none !important;
            }
            .popupimg2 {
                display: block !important;
            }
        }