@import url('https://fonts.googleapis.com/css2?family=Cairo&family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tilt Neon&family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter@100;400,500,600,700,800,900&display=swap');

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: #27508ca3;
    outline: 1px solid slategrey;
}

.search {
    width: 500px;
    padding-inline-start: 45px;
}
a {
    color: #43639d;
}

.icon_size {
    width: 57px;
}

.search2 {
    width: 250px;
    padding-inline-start: 45px;
}

.search::placeholder {
    color: #7f858e;
    font-weight: 400;
    font-size: 14px;
}

.search2::placeholder {
    color: #7f858e;
    font-weight: 400;
    font-size: 14px;
}

.input-search-container {
    position: relative;
}

.form-select-custom {
    background-color: #ffffff !important;
}


.flex-item-content {
    background-color: #ffffff !important;
    width: 100%;
    padding: 10px !important;
    border: 1px solid #e9e6e6;
}


.input-search-container>.fa-search {
    position: absolute;
    top: 8px;
    left: 10px;
    cursor: pointer;
    background-color: white;
    border: none;
    padding-top: 3px;
}

.btn-warning {
    background-color: #f31f1fba !important;
    border-color: #7c7b7b52 !important;
    color: #ffff !important;
    font-size: 14px;
    font-weight: 600;
}

.language-btn {
    background-color: inherit;
    border: none;
    color: white !important;
}


.btn-login {
    background-color: #c4c4c4;
    height: 34.6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;

}

.btn-login:hover {
    background-color: #aeabab;
}

.logo_head {
    position: absolute;
    width: 113px;
    height: auto;
    left: 47vw;
    top: 17px;
}

.search_icon_head {
    width: 30px;
    height: 30px;
}


.color-main-danger{
    color: #E34023!important;
}
.custom-dropdown-menu {
    position: absolute;
    top: 10px;
    left: 0;
}

a {
    text-decoration: none;
}

.dropbtn {
    /* background-color: #fdc21c; */
    background-color: none;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover {
    background-color: #1cb4fd6e !important;
    border-radius: 13px;
}


.regular-link {
    padding: 2px;
    font-size: 16px;
    cursor: pointer;

}

.regular-link:hover {
    background-color: #1cb4fd6e !important;
    border-radius: 13px;
}

/* .dropdown-content a:hover {background-color: #ddd;} */

/* background: -webkit-linear-gradient(left, grey, grey 60%, white 30%, white); */

.menu-text {
    color: white;
}

/* .imageContainer{
background-image: url("https://www.copart.com/content/hero-beige-one.png");
width: 60%;

} */
/* background: -webkit-linear-gradient(left, #0d3290 , #0d3290 30%, #192238 70%, #0f2f7e); */

.pageView {
    /* background: linear-gradient(left, #0d3290 , #0d3290 30%, #192238 70%, #0f2f7e) ; */
    background: -webkit-linear-gradient(left, #0d3290, #0d3290 30%, #192238 70%, #0f2f7e);


    min-height: 400px;

}

.imageContainer {
    background-image: url("https://www.copart.com/content/hero-beige-one.png");
    background-size: 45% 100% !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain !important;
}



@media only screen and (min-width: 1700px) {
    .mazad-container {
        width: 99vw;
        overflow-x: auto;
    }
}

@media only screen and (max-width: 600px) {
    .imageContainer {
        background-image: url("https://www.copart.com/content/hero-beige-one.png");
        background-size: 100% 100% !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain !important;
    }

    .lastcardElement {
        margin-bottom: 30px !important;
    }

    .mazad-container {
        overflow-x: auto;
    }

}

.pageViewHeader {
    font-size: 36px !important;
    line-height: 30px;
    color: white;
    font-weight: 800;
    font-family: "Red Hat Display", sans-serif;
}

.pageViewHeader2 {
    font-size: 20px !important;
    line-height: 30px;
    color: white;
    font-weight: 500;
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: .5px;
}

.pageViewHeader2Value {
    color: #2278c5 !important;
    font-weight: 900;
    font-size: 32px;
}

.pageViewHeader3Value {
    color: #2278c5 !important;
    font-weight: 700;
    font-size: 20px;
}

.pageViewHeader2Value:hover {
    cursor: pointer;
    border-bottom: 1px solid #2278c5;

}

.pageViewHeader3Value:hover {
    cursor: pointer;
    border-bottom: 1px solid #2278c5;
}

.cardElement {
    /* margin-right: 2%; */
    border-radius: 28px;
    padding: 4px 8px 8px 24px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
    background: RGBA(255, 255, 255, .06);
    color: white;
}

.numContainer {
    border-radius: 50%;
    width: 20px;
    height: 50px;
    padding: 4px 12px;
    background: #2278c5;
    color: #1d1d1d;
    font-weight: 800;
    text-align: center;
}

.numText {
    font-size: 20px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 800;
}

.numValue {
    font-size: 16px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 500;
}

.btn-register-bind {
    background-color: #e0ad05 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    padding: 10px 40px !important;
    font-size: 18px;
    margin-left: 0;
    border-radius: 50px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 30px;
}

.btn-register-bind:hover {
    color: #333 !important;
    background-color: #2278c5 !important;

}

.floating-design-sprite.hero-rec-floating-design {
    background-position: -1047px 0px;
    width: 68px;
    height: 160px;
    position: absolute;
    bottom: -140px;
    left: 41px;
}

.floating-design-sprite {
    background-image: url("https://www.copart.com/content/images/floating-design-icons.svg");
    background-repeat: no-repeat;
    display: inline-block;
}

.live-auctions {
    /* background-position: -1047px 200px; */
    width: 335px;
    position: absolute;
    bottom: -20px;
    right: 40px;
    background-color: #238202 !important;
    border-radius: 30px 0px 0px 10px !important;
    color: white !important;
    text-align: center;
    padding: 15px 5px 5px 5px;

}

.aution-link {
    color: white !important;
    text-decoration: none !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab !important;

}

.carousel {
    border-radius: 25px;
}

.swiper-slide img {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover;
}

.swipper-header {
    font-size: 18px;
    color: #033090;
    font-weight: 700;
}

.swipper-header-content {
    border-bottom: 2px solid #033090;

}

.car-type {
    font-weight: 700;
    font-size: 18px;
    color: #ffb412;
}

.car-model {
    color: #3a4351;
    font-size: 14px;
    font-weight: 700;
}

.car-model-value {
    color: #3a4351 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.car-model-value2 {
    color: #3a4351 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

.car-bid {
    font-weight: 600;
    color: #545a63;
    font-size: 1rem;
}

.car-bid-value {
    color: #024d82 !important;
    font-size: 13px !important;
    font-weight: 700;
}

.car-bid-value-type {
    color: #151317;
    font-size: 13px;
    font-weight: 700;

}

.car-location {
    font-weight: 600;
    font-size: 14px;
    color: #545a63;
}

.car-location-value {
    color: #868a90;
    font-size: 14px;
    font-weight: 600;

}

.car-datails-btn {
    border: none !important;
    border-radius: 4px;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 700;
    min-width: 100%;
    color: white;
    background-color: #a2a5ac;
    font-size: 16px !important;
}

.car-datails-link {
    color: #fdc21c;
    font-weight: 600;
    margin-left: 5px;
    font-size: 14px;
}

.arow_lan {
    content: url("https://www.copart.com/images/icons/union_white.svg");
    color: white !important;
    background: #363a3f !important;
    background-image: initial !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
    background-size: initial !important;
    /* background-repeat-x: initial !important; */
    /* background-repeat-y: initial !important; */
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    background-color: rgb(54, 58, 63) !important;
}

.lang_menu {
    background: #363a3f !important;

    height: 42px !important;
    border: none !important;
    color: #fefefe !important;
    font-size: 17px !important;
    font-weight: 400;
    border-radius: 3px;
}

.dropdown-menu-values {
    background: #363a3f !important;

    font-size: 17px !important;
    font-weight: 400;
    color: white !important;
}

.link-lan:hover {
    cursor: pointer;
}

.dropdown-menu-values>li>a {
    background: #363a3f !important;

    font-size: 17px !important;
    font-weight: 400;
    color: white !important;
}

.container_of_container{
    
background: #376fc2;
    
padding: 50px 39px 50px 39px;
    
/* margin-top: 2vw; */
}
.dropdown-menu-values>li>a:hover {
    background: #ffffff54 !important;
    font-size: 17px !important;
    font-weight: 400;
    color: #ffffff !important;
    border-radius: 5px;
}

.itemsContainer {
    background-color: #f5f9fd;
}

.itemsContainer-title {
    color: #033090;
    font-size: 32px;
    font-weight: 700;
}

.tab-item>a {
    color: #151317 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 10px 10px 0 10px !important;
}

.tab-item>a:hover {
    border: none;
    border-bottom: 4px solid #fdc21c;
    color: #151317;
    cursor: pointer;
}



.makeItem-type {
    font-size: 15px;
    font-weight: 700;
    color: #0a56f7;
}

.makeItem-value {
    font-weight: 400;
    color: #0a56f7;
    font-size: 15px;
}

.view-more-btn {
    background: #0a56f7;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    width: 100px;
    text-align: center !important;
}

.img-ad {
    max-width: 100%;
}

.pop-items {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}


.TagContainer {
    background: #25406d!important;
}


.memberContainerFirst {
    background-color: #1e1f21;
}

.memberContainerLast {
    background: -webkit-linear-gradient(left, #0d3290, #0d3290 30%, #192238 70%, #0f2f7e);
}

.memberContainerFirst-title {
    font-size: 32px;
    margin-top: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.memberContainerFirst-text {
    font-size: 16px;
    margin-bottom: 24px;
    color: white;
    font-weight: 400;
    line-height: 1.8 !important;
}

.btn-member {
    text-decoration: none;
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background-color: #2278c5 !important;
    color: #151317 !important;
    border-radius: 100px;
    /* padding: 11px; */
    width: 248px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    transition: #2278c5 0.3s ease-in-out;
}

.btn-member:hover {
    background-color: #e4ff38 !important;
}

.memberContainerFirst-text-special {
    color: #2278c5 !important;
    text-decoration: none;
    cursor: pointer;
}

.memberContainerLast-title {
    font-size: 20px;
    margin-bottom: 48px;
    margin-top: 26px;
    color: white;
    font-weight: 700;

}

.copartItem {
    color: white;
}

.liitems {
    color: white !important;
}

.copartItem.item1 {
    background-image: url("https://www.copart.com/content/copart-select-4grid.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item2 {
    background-image: url("https://www.copart.com/content/us/en/images/automobiles.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item3 {
    background-image: url("https://www.copart.com/content/us/en/images/trucks.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item4 {
    background-image: url("https://www.copart.com/content/us/en/images/motorcycles.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem:hover {
    cursor: pointer;
}

.copartItem-title {
    font-size: 24px;
    font-weight: 600;

}

.search-now {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: white;
}

.search-now:hover {
    text-decoration: none;
    color: white;

}

.liitem {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none !important;
    color: white;
    cursor: pointer;

}

.follow-us {
    font-size: 32px;
    color: #033090;
    font-weight: 700;
}

.swipper-container {
    background-color: #f5f9fd;
}



/* /////////// start car details */
.car-details-header {
    color: #1e1f21;
    font-size: 29px;
    font-weight: 900;
}


.car-details-values-lot {
    color: #3a4351;
    font-size: 13px;
    font-weight: 700;
}

.car-details-values-lot-value {
    color: #3a4351;
    font-size: 13px;
    font-weight: 400;
}

.car-details-values-location {
    color: #3a4351;
    font-size: 13px;
    font-weight: 700;
}

.car-details-values-location-value {
    /* text-decoration: underline; */
    font-size: 13px;
    font-weight: 600;
    color: #0A56F7;
}

.car-details-values-date {
    color: #3a4351;
    font-size: 13px;
    font-weight: 700;
}

.car-details-values-date-value {
    color: #3a4351;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato Bold', sans-serif;
}

.btn-share {
    background-color: #f5f9fd;
    color: #6a6a6a;
    border: 1px solid #aebcca;
    border-radius: 4px;
    width: 55px;
    height: 40px;
    /* padding: 5px 10px; */
}

.close-tool {
    background-color: #8e908f;
    color: white;
    width: 20px;
    height: 21px;
    padding: 6px 13px;
    border-radius: 20px;
    opacity: .6;
    text-decoration: none;
    cursor: pointer;

}

.drop-down-title {
    font-weight: 700;
    color: #1D1D1D;
    font-size: 16px;
}

.drop-down-header {
    background-color: #f5f9fd;
}

.drop-details-item {
    font-weight: 700;
    color: #3a4351;
    font-size: 13px;
}

.car-details-header-container {
    border-bottom: 1px solid #c0c8d1;
    font-family: Red Hat Display, sans-serif;
}

.car-details-content {
    background-color: #f3f3f32b;
}

.carousel-caption {
    left: 0 !important;
    /* top: 10px !important; */
    bottom: 0 !important;
    min-width: 100% !important;
}

.carsoul-view-all {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.carsoul-view-all:hover {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

#scene-one {
    /* transform: scale(0.75,0.5); */
    /* width: 100%; */
    /* height: 100%; */
    max-width: 100% !important;
    max-height: 100% !important;
}

.a-canvas {
    max-width: 100% !important;
    max-height: 500px !important;
    z-index: 10000000000 !important;
    text-align: center !important;
}

.modal-dialog-container {
    min-width: 90px !important;
    height: 800px !important;
}

.modal-body {}

.small-car-images-container {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
}

.car-images-active {
    border: 2px solid #1764d1 !important;
}

.car-images {
    border: 0.5px solid #fff;
    padding: 1px;
    border-radius: 9px;
}

.image-carsoul {
    height: 100% !important;
}

.btn-lot {
    font-size: 15px;
    font-weight: 500;
}

.active-btn {
    background-color: #feb72e !important;
    color: white;
    border-radius: 6px !important;
}

.details-content {
    background-color: white !important;
}

.VINText {
    font-weight: 500;
    font-size: 15px;
    color: #616263;
    padding: 5px 0px 5px 0px;
}

.VINValue {
    font-weight: 700;
    font-size: 15px;
    /* color: #343537; */
    font-family: 'Lato Bold', sans-serif;
}

.details-content-text {
    background-color: #F5F5F5 !important;
    padding: 1px 9px 1px 9px;
}

.border-obj {
    border-bottom: 0.5px solid #f5f3f3;
    color: #342300 !important;
    font-size: 17px;
}

.newinput {
    border-radius: 12px;
    border: 1px solid #DDDDDD;
}

.tab-middle-container {
    border-inline-end: 13px solid #ddd;
    border-inline-start: 13px solid #ddd;
    border-bottom: 2px solid #ddd;

    border-radius: 0 0 4px 4px;
}


.tooltip {
    display: inline-block;
    position: relative;
    /* border-bottom:1px dotted #666; */
    text-align: left;
    opacity: 1.5 !important;
}

.tooltip h3 {
    margin: 12px 0;
}

.tooltip .right {
    min-width: 200px;
    max-width: 400px;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    transform: translate(0, -50%);
    padding: 0;
    color: #3a4351;
    background-color: white;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    /* visibility:hidden; opacity:0; transition:opacity 0.8s; */
}

.tooltip:hover .right {
    visibility: visible;
    opacity: 1;
}

.tooltip .right img {
    width: 400px;
    border-radius: 8px 8px 0 0;
}

.tooltip .text-content {
    padding: 10px 20px;
}

.tooltip .right i {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.tooltip .right i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}



.fa-question-circle {
    color: #0A56F7 !important;
}

.Mileage-header {
    background-color: #0A56F7;
    color: white;
}

.Mileage-header-table {
    background-color: #D3D3D3;
    color: #3a4351;
}

.Mileage-content {
    border: 1px solid #ddd;

}

.Order-Products-content {
    background-color: white;
    color: #0A56F7;
    font-size: 14px;
    font-weight: 600;

    /* border-radius: 4px; */
}


.Order-Products-header-nested {
    font-size: 12px !important;
    padding-inline-start: auto !important;

}

.Order-Products-header3 {
    border-style: solid;
    font-weight: 700;
    /* border-radius: 16px; */
    border-width: 0.5px;
    border-color: #e9e9e9;
}

.lotSold {
    background-color: #e10027;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px !important;
    color: white;
}

.lotContent {

    color: #3a4351;
    font-weight: 700;
    font-size: 1em !important;
}

.lotContentButton {
    background-color: white;

}

.lotContentContainer {
    background-color: white !important;
}

.lotContentButton {}

.bids-text {
    /* background-color: #ffffff !important; */
    /* font-size: 12px !important; */
    /* font-weight: 500 !important; */
    /* border-radius: 0px 0px 9px 9px; */
    /* border-width: 0.5px; */
    /* border-color: #e9e9e9; */
}

.VINValueColored {
    color: #0A56F7;
}

.HelpHeader {
    background-color: #9b9c9e;
    font-size: 16px;
    color: white;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.HelpHeaderTitle {
    color: #717272;
    font-weight: 700;
    font-size: 16px;
}

.HelpHeaderText {
    color: #151317;
    font-weight: 400;
    font-size: 13px;
}

.HelpSection {
    background-color: white !important;
}

.btn-green {
    background: #e8b920;
    border: 1px solid #00531b;
    border-radius: 4px;
    padding: 4px 16px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.btn-green:hover {
    background: #00531b;
    border: 1px solid #00531b;
    border-radius: 4px;
    padding: 4px 16px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.HelpHeaderTextActive {
    color: #f5b410 !important;
    font-weight: 700 !important;
}


/* ////// zoom image  */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
  } */
header h1 {
    margin-bottom: 10px;
}

.wrapper {
    display: flex;
    height: 100vh;
    width: 600px;
    height: 400px;
    margin: 10px auto;
}

.left,
.right {
    /* flex: 1 1 auto; */
    /* border: 1px solid dimgray; */
    /* max-width: 50%; */
}

.left {
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

/* .left > img {
    width: 100%;
    height: auto;
    pointer-events: none;
  }
   */
.right {
    position: absolute;
    top: 3% !important;
    left: 100% !important;
    overflow: hidden;
    border-radius: 23px;
}

.inner {
    position: absolute;
    width: 500px !important;
    height: 500px !important;
    left: 50%;
    top: 50%;
    z-index: 2000;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    zoom: 9.5;
}

.inner>img {
    width: 100%;
    height: auto;
    border-radius: 9px;
}

.contentCarsoul {
    position: relative !important;
}

.carousel-item {
    cursor: zoom-in;
}

.Live_Auction {
    background-color: #d7efde !important;
    color: #238202 !important;
    font-size: 18px !important;
    font-weight: 700;
    border: solid #dfdfdf;
    border-width: 0px 0.5px 0px 0.5px;
}

.lotSold2 {
    /* background-color: #e10027; */
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px !important;
}



.btn-lot2 {
    /* border: 0; */
    /* border-bottom: 1px solid #fdc21c; */
    /* border-top:  1px solid #238202; */
    /* border-inline-end:  1px solid #238202; */
    /* border-bottom:  1px solid #238202; */
    border: none !important;
    border-radius: 4px !important;

    font-size: 18px;
    font-weight: 700;
    color: #238202;
    background-color: #238202 !important;
    color: white !important;

}



.VINValue3 {
    color: #0A56F7 !important;
    font-size: 13px !important;
}

.btn-ship {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 14px;
    color: #858181;
    font-weight: 700;
    height: 38px;
    text-align: center;
    background-color: #ffffff;
}

.btn-ship2 {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 14px;
    background-color: #ffffff;
    color: #979292;
    font-weight: 600;
    width: 200px;
    height: 37px;
    text-align: center;
}




.img_of_zoomer {
    width: 100%;
}

.border_card_bottom {
    border-radius: 0px 0px 9px 9px;
    border-width: 0.5px;
    border-color: #e9e9e9;
}

.Order-Products {
    /* border-left: 0.5px solid #e1dddd; */
    /* border-radius: 29px; */
}

.header-of-card {
    border-bottom: none;
    padding-bottom: 9px;
    padding-top: 1px;
    color: #0A56F7!important;
    font-weight: 700;
    font-size: 20px;
    background-color: #ECECEC!important;
    border-start-end-radius: 8px;
    border-start-start-radius: 8px;
}

.carousel-inner.left {
    border-radius: 17px;
}

.main_background_header {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.text-val-t1 {
    font-size: 16px;
    color: #404040;
    font-weight: 600;
    text-align: end;
    padding: 7px 23px 5px 23px;
}

.header-main {

background-image: url(/static/images/back-header.jpg);

background-size: 100% 100%;

background-repeat: no-repeat;

z-index: 11;

top: 0px;

height: 159px;
}

.position-after-header {
    /* padding-top: 221px; */
}

.img_background_header {
    width: 100%;
    transform-origin: 0px 0px;
}


.path_img {
    opacity: 0.7;
    fill: rgba(4, 25, 52, 1);
}

.over_lay_for_img {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

/* .direction_rtl{
    direction: rtl;
} */
.header-container {
    width: 89%;
}

.container-of-header {

    width: 100%;
    position: absolute;
    top: 0px;
}

body {
    margin: 0px !important;
}

.background-image-logo {

    background-image: url("../../images/logo2-01.png");

    background-repeat: no-repeat;

    background-position-x: right;

    background-size: contain;

    background-position: 68vw;

    background-attachment: fixed;

    background-color: white;
}

.Parent-container {
    background: url("../../images/Mask_Group_2.png") center center no-repeat;

    background-size: cover;
    background-position: 100% 45%;
    min-height: 120vh;
    position: relative;

}

/* .img-cover{
    width: 100% ;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 11;
    opacity: .5;
    background-color: blue;

} */


.another-back-overlay {
    background: rgb(255 255 255 / 0%)url(../../images/SL-092920-35860-24_Converted-0.png) center center no-repeat;
    background-size: 145vw;
    background-position-x: -19vw;
    background-position-y: 2vw;
    background-attachment: fixed;
}

.overlay {
    z-index: 1111;
    /* background: linear-gradient(rgb(4,25,52,1), rgba(27,90,195,1)); */
    background: linear-gradient(rgb(52 4 4), rgba(27, 90, 195, 1));


    opacity: .9;
    min-height: 120vh !important;
    width: 100%;



    /* background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}



.body-container {}

.footer-title {
    font-size: 19px;
    font-family: 'Cairo';
    font-weight: 900;
    color: #575757;
    text-decoration: auto;
}

.footer-text a {
    font-size: 15px;
    font-family: 'Cairo';
    font-weight: 500;
    color: #fafafa;
    text-decoration: auto;
}


.footer-copy-right {

    font-size: 15px;
    font-family: 'Cairo';
    font-weight: 500;
    color: #fafafa;
}

.card-container-obj {
    z-index: 3;
}

.Register-btn {
    background-color: rgba(219, 65, 64, 1);
    color: white;
    border-radius: 8px;
    border: none;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    margin: auto;
    text-align: center;
    padding: 12px 29px;
    text-decoration: auto;
}


.login-btn {
    background-color: white;
    color: rgba(88, 87, 87, 1);
    border-radius: 8px;
    border: none;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    margin: auto;
    text-align: center;
    padding: 12px 29px;
    text-decoration: auto;
}

.green-search:hover {
    transform: scale(1.1);
    background-color: rgb(233, 192, 88);
}




.green-search {
    transition: transform .2s;
    background-color: rgba(211, 167, 51, 1);
    width: 50px;
    height: 50px;
    border-radius: 8px;
    
    /*  */
}

.lan-text {
    color: white;
    font-size: 20px;
    font-family: Cairo;
}

.div-height {
    height: 20px;
    width: 1px;
    background-color: white;
}

.country-text {
    color: white;
    font-size: 20px;
    font-family: Cairo;
}

.signin {
    text-decoration: none;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    color: rgba(255, 255, 255, 1);
    text-wrap: nowrap;
}

.nav-first>.second-part {}

.nav-third {
    width: 43%;
    padding-bottom: 26px;
    border-bottom: 1px solid white;
    font-size: 18px;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.nav-first {width: 42%;padding-bottom: 26px;border-bottom: 1px solid white;font-size: 18px;padding-inline-end: 48px;padding-inline-start: 0px;}


.items-nav {
    text-decoration: none;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    color: rgba(255, 255, 255, 1);
    text-wrap: nowrap;
}

.link-lan {
    text-decoration: none;
}

.text-logo {
    font-size: 30px;
    font-weight: bold;
    color: white;
    font-family: Cairo;
    font-style: normal;
    margin-top: 37px;
}


.btn-RegisterNow {
    padding: 6px 37px;
    /* height: 85px; */
    color: rgba(255, 255, 255, 1);
    border-radius: 40px;
    background-color: rgba(211, 167, 51, 1);
    white-space: nowrap;
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 29px;
}

.btn-RegisterNow2 {
    border-radius: 21px;
    background-color: rgba(211, 167, 51, 1);
    height: 67px;
    margin: 0px;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    color: rgba(255, 255, 255, 1);
}


.btn-RegisterNow2:hover {
    transition: 0.2s;
    border-radius: 21px;
    background-color: rgb(243, 199, 89);
    height: 66px;
    margin: 0px;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

.market-btn {
    cursor: pointer;
}


.card-head {
    background-color: #1b5ac3;
    padding: 12px;
}

/* .left-dir{
    direction: rtl!important;
} */

.card-head-number {
    background-color: white;
    border-radius: 50%;
    color: #202020;
    width: 40px;
    height: 40px;
    text-align: center;
    /* padding-right: 14px;
    padding-left: 14px; */
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
}

.card-head-text {
    color: white;
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
}


.card-content-text {
    background-color: rgba(243, 243, 243, 1);
    padding-right: 33px;
    padding-left: 33px;
    padding-top: 33px;
    padding-bottom: 33px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;

    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}


.card-container {

    position: relative;

    top: -10vw;
}

.icon_size {
    width: auto;
    height: 45px;
}


.active-pop {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: center;
}

.nav-link {
    color: white !important;
    font-family: Tilt 'Cairo';
}

.dropbtn {
    /* background-color: #fdc21c; */
    background-color: none;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


.dropbtn:hover {
    background-color: #1cb4fd6e !important;
    border-radius: 13px;
}

.nav-item.dropdown:hover {
    border-radius: 13px;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1d1e20;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: white !important;
    width: 180px;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #fdc21c;
}

.regular-link {
    padding: 2px;
    font-size: 16px;
    cursor: pointer;

}


.regular-link:hover {
    background-color: #1cb4fd6e !important;
    border-radius: 13px;
}

/* .dropdown-content a:hover {background-color: #ddd;} */

.dropdown:hover .dropdown-content {
    display: block;
}

.navbar-toggler-icon {
    background-image: url("./images/bars-solid.svg");
}

/* background: -webkit-linear-gradient(left, grey, grey 60%, white 30%, white); */
#navbarSupportedContent {
    z-index: 1000;
}

.menu-text {
    color: white;
}

.car-text {
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    color: rgba(3, 98, 189, 1);
}

.car-val {
    line-height: 1.2;
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: rgba(143, 143, 143, 1);
}

.img-car {
    width: 100%;
    height: 100%;
}

.holder-of-actions {
    position: absolute;
    top: 11vw;
    height: fit-content;
}

.color-container {
    height: 70%;
}



.type-market-text {
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
}

.type-market-text.active {
    background-color: rgba(211, 167, 51, 1) !important;
    width: fit-content;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
}

.frm-input {
    border-radius: 21px;
    height: 67px;
    font-size: 23px;
}

.input-parent {
    /* max-width: 50%; */
}

.input-content {
    background-color: #1f5496;
    border-radius: 0px 0px 16px 16px;
}

.invalid-feedback {
    color: white !important;
}

.element-car {
    background-color: rgba(214, 225, 242, 1);
    border-radius: 16px;
}

.element-car-text {
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    color: rgba(77, 75, 75, 1);
}

.step-img-container {
    width: 129px;
    height: 129px;
    padding: 4px;
    border: 10px solid #d3a733;
    margin: auto;
}

.rounded-circle-img {
    width: 100px;
    height: 100px;
    padding: 0px;
    background: white;
    border-radius: 135px;
}





.step-text-main {
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    color: rgba(255, 255, 255, 1);
    width: max-content;
    padding-top: 34px;
    text-align: center;
    margin: auto;
}

.step-text-main2 {
    text-align: center;
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    color: rgba(255, 255, 255, 1);
}

.text-ele {
    width: 249%;
    position: relative;
    left: 73%;
}

.text-ele2 {
    width: 249%;
    position: relative;
    right: 73%;
}

.img-carsoul {
    width: 100%;
}



.swiper {
    width: 100%;
    height: 100%;
}

.content-back-main {
    /* background-image: url(/static/images/SL-092920-35860-24_Converted-0.png); */
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 19vw;
    object-fit: cover;
}

.card-swipper {
    background: white;
    border: 2px #8080806b solid;
    display: unset;

}


.swiper-button-next {
    background: rgb(229 233 239 / 56%);
    padding: 30px;
    border-radius: 50%;
    color: #180d0d91;
}

.swiper-button-prev {
    background: rgb(229 233 239 / 56%);
    padding: 30px;
    border-radius: 50%;
    color: #180d0d91;
}

.swip-type {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: rgba(93, 99, 101, 1);
}

.orange-simi {
    width: 170px;
    height: 5px;
    background-color: rgba(211, 167, 51, 1);
    margin-bottom: 10px;
}

.swip-text {
    line-height: 20px;

    font-family: Cairo;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(156, 161, 161, 1);
}

.btn-read {
    border-radius: 8px;
    background-color: rgba(27, 90, 195, 1);
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
    white-space: nowrap;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    color: rgba(254, 254, 254, 1);
    width: fit-content;
}


.btn-read:hover {
    border-radius: 8px;
    background-color: rgb(42, 103, 209);
}

.Popular-Vehicles {
    color: rgba(3, 98, 189, 1);
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Cairo;
}


.orange-simi {
    width: 200px;
    height: 8px;
    background-color: rgba(211, 167, 51, 1);
    margin-bottom: 10px;
}

.Copart_mazad {
    background-color: rgba(243, 243, 243, 1)
}

.Copart_mazad_text {
    padding: 50px;
    font-size: 40px;
    color: rgba(70, 71, 72, 1);
    text-align: center;
    font-weight: 600;
}

.copart_word {
    color: rgba(211, 167, 51, 1);
}

.item-type {
    background-color: #ffff;
    padding: 20px 30px 20px 30px;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.item-type.active {
    background-color: rgba(211, 167, 51, 1) !important;
}

.img-car-container {
    height: 500px !important;
}

.steps {
    min-height: 800px;
}

.step-img-container {
    /* min-height: 400px; */

}

/*  */

.part-1-types-text {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    font-family: Cairo;
}

.item-type {
    cursor: pointer;
}

a:hover {
    color: #6eb4ed;
}

.card-container-obj {
    transition: transform .2s;
    /* Animation */
}

.card-container-obj:hover {
    transform: scale(1.1);
}

.nav-buttons button {
    transition: transform .2s;
    /* Animation */
}

.dropdown-menu {
    background-color: #00060ae8;
}

.dropdown {
    width: fit-content;
}

.nav-buttons button:hover {
    transform: scale(1.1);
}

.btn-RegisterNow:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgb(235, 197, 100);
}

.footer-holder {
    background: linear-gradient(rgb(243 243 243 / 84%), rgb(133 128 128 / 64%)), url(../../images/pexels-someday-shin-4521039.png) center center no-repeat;
    background-size: cover;
}

.header-mobile {
    position: fixed;
    z-index: 10;

}

.navbar-toggler {
    border: #00060a00;
}


.navbar-toggler:focus {
    box-shadow: none;
}

.header-mobile.active {
    background-color: #00060ab8;
}

.car-left-slite {
    position: relative;
    left: -8vw;
}


.car-right-slite {
    position: relative;
    right: -11vw;
    transform: scaleX(-1);
}

.Path_29 {
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    opacity: 0.75;
    fill: rgba(27, 90, 195, 1);
    text-align: center;
}

.holder-off-overlay {
    position: relative;
    bottom: 9vw;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 1.75rem;
    font-size: 15px;
    font-weight: 500;
}

.w-field-1,
.w-field-2,
.w-field-3 {
    width: 26%;
}

.w-field-4,
.w-field-5 {
    width: 14%;
}

.w-field-6 {
    width: 17%;
}

.line-step-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 8vw;
}

.line-step {
    background: #d3a733;
    height: 12px;
}

.follow-us {
    font-size: 32px;
    color: #033090;
    font-weight: 700;
    font-family: Cairo;
}

.text-header {
    text-align: center;
    font-family: Cairo;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    color: rgba(255, 255, 255, 1)
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: fit-content;
}

.img-fit-content {
    width: 100%;
}

.pageViewHeader {
    position: absolute;
    font-size: 19px !important;
    line-height: 30px;
    color: white;
    font-weight: 800;
    font-family: "Red Hat Display", sans-serif;
    top: 44px;
    width: 100%;
    text-align: center;
}

.pageViewHeader2 {
    font-size: 16px !important;
    line-height: 30px;
    color: white;
    font-weight: 500;
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: .5px;
    position: absolute;
    top: 101px;
}

.pageViewHeader2Value {
    color: #d1b524 !important;
    font-weight: 900;
    font-size: 16px;
    text-decoration: auto;
}

/* ----------------------NEW details-------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cairo&family=Roboto:wght@100;400&display=swap');

.search {
    width: 500px;
    padding-inline-start: 45px;
}

.icon_size {
    width: 45px;
}

.search2 {
    width: 250px;
    padding-inline-start: 45px;
}

.search::placeholder {
    color: #7f858e;
    font-weight: 400;
    font-size: 14px;
}

.search2::placeholder {
    color: #7f858e;
    font-weight: 400;
    font-size: 14px;
}

.input-search-container {
    position: relative;
}

.input-search-container>.fa-search {
    position: absolute;
    top: 8px;
    left: 10px;
    cursor: pointer;
    background-color: white;
    border: none;
    padding-top: 3px;
}

.btn-warning {
    color: #151317;
    font-size: 14px;
    font-weight: 600;
    background-color: #ffb838 !important;
    border-color: #7c7b7b52 !important;
    color: #ffff !important;
}

.container-handler-of-output {
    height: 150px;
    overflow-y: scroll;
}

.language-btn {
    background-color: inherit;
    border: none;
    color: white !important;
}

.dropdown-toggle {
    /* color: white !important; */
}

.btn-login {
    background-color: #c4c4c4;
    height: 34.6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;

}

.btn-login:hover {
    background-color: #aeabab;
}

.dropdown-toggle {
    position: relative;
}

.custom-dropdown-menu {
    position: absolute;
    top: 10px;
    left: 0;
}

a {
    text-decoration: none;
}

.popover__title {
    text-decoration: none;
    color: white;
    text-align: center;
    font-size: 20px;
}

.popover__wrapper {
    position: relative;
    /* margin-top: 1.5rem; */
    display: inline-block;
}

.margin-top-30px{
    margin-top: 157px;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -100px;
    max-width: 350px;
    top: 60px;
    transform: translate(0, 10px);
    background-color: #bfbfbf;
    /* padding: 1.5rem; */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
    background-color: white;
    color: #000;
}

.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}

.active-pop {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: center;
}

.nav-link {
    color: white !important;
}

.dropbtn {
    /* background-color: #2278c5; */
    background-color: none;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover {
    background-color: #2278c5 !important;

}

.nav-item.dropdown:hover {
    background-color: #2278c5 !important;
    padding: 0px 11px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1d1e20;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    color: white !important;
    width: 180px;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #2278c5;
}

.regular-link {
    padding: 2px;
    font-size: 16px;
    cursor: pointer;

}

.regular-link:hover {
    background-color: #2278c5 !important;
}

/* .dropdown-content a:hover {background-color: #ddd;} */

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 5;
}

.navbar-toggler-icon {
    background-image: url("./images/bars-solid.svg");
}

/* background: -webkit-linear-gradient(left, grey, grey 60%, white 30%, white); */

.menu-text {
    color: white;
}

/* .imageContainer{
background-image: url("https://www.copart.com/content/hero-beige-one.png");
width: 60%;

} */
/* background: -webkit-linear-gradient(left, #0d3290 , #0d3290 30%, #192238 70%, #0f2f7e); */

.pageView {
    /* background: linear-gradient(left, #0d3290 , #0d3290 30%, #192238 70%, #0f2f7e) ; */
    background: -webkit-linear-gradient(left, #0d3290, #0d3290 30%, #192238 70%, #0f2f7e);


    min-height: 400px;

}

.imageContainer {
    background-image: url("https://www.copart.com/content/hero-beige-one.png");
    background-size: 45% 100% !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain !important;
}


@media only screen and (max-width: 600px) {
    
    .btn-ship {
        border: 1px solid #ffffff;
        border-radius: 14px;
        font-size: 14px;
        color: #ffffff;
        font-weight: 600;
        /* width: 20%; */
        height: 40px;
        text-align: center;
    }

    .btn-ship2 {
        border: none;
        border-radius: 14px;
        font-size: 14px;
        background-color: #FFB838;
        color: white;
        font-weight: 600;
        width: 50%;
        height: 54px;
        text-align: center;
    }


    .imageContainer {
        background-image: url("https://www.copart.com/content/hero-beige-one.png");
        background-size: 100% 100% !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain !important;
    }

    .car-details-header {
        color: #342300;
        font-size: 31px;
        font-weight: 700;
    }

    .lastcardElement {
        margin-bottom: 30px !important;
    }
}

.pageViewHeader {
    font-size: 21px !important;
    line-height: 30px;
    color: white;
    font-weight: 800;
    font-family: "Red Hat Display", sans-serif;
}

.pageViewHeader2 {
    font-size: 13px !important;
    line-height: 30px;
    color: white;
    font-weight: 500;
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: .5px;
}

.pageViewHeader2Value {
    color: #2278c5 !important;
    font-weight: 900;
    font-size: 21px;
}

.pageViewHeader3Value {
    color: #2278c5 !important;
    font-weight: 700;
    font-size: 20px;
}

.pageViewHeader2Value:hover {
    cursor: pointer;
    border-bottom: 1px solid #2278c5;

}

.pageViewHeader3Value:hover {
    cursor: pointer;
    border-bottom: 1px solid #2278c5;
}

.cardElement {
    /* margin-right: 2%; */
    border-radius: 28px;
    padding: 4px 8px 8px 1828x;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
    background: RGBA(255, 255, 255, .06);
    color: white;
}

.numContainer {
    border-radius: 50%;
    width: 20px;
    height: 50px;
    padding: 4px 12px;
    background: #2278c5;
    color: #1d1d1d;
    font-weight: 800;
    text-align: center;
}

.numText {
    font-size: 20px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 800;
}

.numValue {
    font-size: 16px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 500;
}

.btn-register-bind {
    background-color: #e0ad05 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    padding: 10px 40px !important;
    font-size: 18px;
    margin-left: 0;
    border-radius: 50px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 30px;
}

.btn-register-bind:hover {
    color: #333 !important;
    background-color: #2278c5 !important;

}

.floating-design-sprite.hero-rec-floating-design {
    background-position: -1047px 0px;
    width: 68px;
    height: 160px;
    position: absolute;
    bottom: -140px;
    left: 41px;
}

.floating-design-sprite {
    background-image: url("https://www.copart.com/content/images/floating-design-icons.svg");
    background-repeat: no-repeat;
    display: inline-block;
}

.live-auctions {
    /* background-position: -1047px 200px; */
    width: 335px;
    position: absolute;
    bottom: -20px;
    right: 40px;
    background-color: #238202 !important;
    border-radius: 30px 0px 0px 10px !important;
    color: white !important;
    text-align: center;
    padding: 15px 5px 5px 5px;

}

.aution-link {
    color: white !important;
    text-decoration: none !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.carousel {
    border-radius: 25px;
}

.swiper-slide img {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover;
}

.swipper-header {
    font-size: 18px;
    color: #033090;
    font-weight: 700;
}

.swipper-header-content {
    border-bottom: 2px solid #033090;

}

.car-type {
    font-weight: 700;
    font-size: 18px;
    color: #2278c5;
    font-family: 'inter';
}

.car-model {
    color: #3a4351;
    font-size: 14px;
    font-weight: 700;
}

.car-model-value {
    color: #3a4351 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.car-model-value2 {
    color: #3a4351 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    font-family: 'inter';
}

.car-bid {
    font-weight: 600;
    color: #545a63;
    font-size: 1rem;
}

.car-bid-value {
    color: #238202 !important;
    font-size: 13px !important;
    font-weight: 700;
}

.car-bid-value-type {
    color: #151317;
    font-size: 13px;
    font-weight: 700;

}

.car-location {
    font-weight: 600;
    font-size: 14px;
    color: #545a63;
}

.car-location-value {
    color: #868a90;
    font-size: 14px;
    font-weight: 600;

}

.car-datails-btn {
    border: none !important;
    border-radius: 4px;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 700;
    min-width: 100%;
    color: white;
    background-color: #5ba7eb;
    font-size: 16px !important;
}

.car-datails-link {
    color: #2278c5;
    font-weight: 600;
    margin-left: 5px;
    font-size: 14px;
}

.arow_lan {
    content: url("https://www.copart.com/images/icons/union_white.svg");
    color: white !important;
    background: #363a3f !important;
    background-image: initial !important;
    background-position-x: initial !important;
    background-position-y: initial !important;
    background-size: initial !important;
    /* background-repeat-x: initial !important; */
    /* background-repeat-y: initial !important; */
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    background-color: rgb(54, 58, 63) !important;
}

.lang_menu {
    background: #363a3f !important;

    height: 42px !important;
    border: none !important;
    color: #fefefe !important;
    font-size: 17px !important;
    font-weight: 400;
    border-radius: 3px;
}

.dropdown-menu-values {
    background: #363a3f !important;

    font-size: 17px !important;
    font-weight: 400;
    color: white !important;
}





.footer-img>img {
    opacity: .3 !important;
}

.footer-img>img:hover {
    opacity: 1 !important;
}

.footer-copy-right {
    font-size: 12px;
    font-weight: 400;
    color: white !important;
}

.footer-text-end {
    font-size: 12px;
    font-weight: 400;
    color: white !important;
}

.itemsContainer {
    background-color: #f5f9fd;
}

.itemsContainer-title {
    color: #033090;
    font-size: 32px;
    font-weight: 700;
}

.part-1-types-text {
    color: #677580;
}

.tab-item>a {
    color: #151317 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 10px 10px 0 10px !important;
}

.tab-item>a:hover {
    border: none;
    border-bottom: 4px solid #2278c5;
    color: #151317;
    cursor: pointer;
}


.makeItem-type {
    font-size: 15px;
    font-weight: 700;
    color: #cecece;
}

.makeItem-value {
    font-weight: 400;
    color: #cecece;
    font-size: 15px;
}

.view-more-btn {
    background: #cecece;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    width: 100px;
    text-align: center !important;
}

.img-ad {
    max-width: 100%;
}

.pop-items {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.memberContainerFirst {
    background-color: #1e1f21;
}

.memberContainerLast {
    background: -webkit-linear-gradient(left, #0d3290, #0d3290 30%, #192238 70%, #0f2f7e);
}

.memberContainerFirst-title {
    font-size: 32px;
    margin-top: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.memberContainerFirst-text {
    font-size: 16px;
    margin-bottom: 24px;
    color: white;
    font-weight: 400;
    line-height: 1.8 !important;
}

.btn-member {
    text-decoration: none;
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background-color: #2278c5 !important;
    color: #151317 !important;
    border-radius: 100px;
    /* padding: 11px; */
    width: 248px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    transition: #2278c5 0.3s ease-in-out;
}

.btn-member:hover {
    background-color: #e4ff38 !important;
}

.memberContainerFirst-text-special {
    color: #2278c5 !important;
    text-decoration: none;
    cursor: pointer;
}

.memberContainerLast-title {
    font-size: 20px;
    margin-bottom: 48px;
    margin-top: 26px;
    color: white;
    font-weight: 700;

}

.copartItem {
    color: white;
}

.liitems {
    color: white !important;
}

.copartItem.item1 {
    background-image: url("https://www.copart.com/content/copart-select-4grid.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item2 {
    background-image: url("https://www.copart.com/content/us/en/images/automobiles.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item3 {
    background-image: url("https://www.copart.com/content/us/en/images/trucks.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem.item4 {
    background-image: url("https://www.copart.com/content/us/en/images/motorcycles.png");
    background-size: 100% !important;
    width: 380px;
    height: 110px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
}

.copartItem:hover {
    cursor: pointer;
}

.copartItem-title {
    font-size: 24px;
    font-weight: 600;

}

.search-now {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: white;
}

.search-now:hover {
    text-decoration: none;
    color: white;

}

.liitem {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none !important;
    color: white;
    cursor: pointer;

}

.follow-us {
    font-size: 32px;
    color: #033090;
    font-weight: 700;
}

.swipper-container {
    background-color: #f5f9fd;
}



/* /////////// start car details */
/* .car-details-header{
    color:#342300;
    font-size: 31px;
    font-weight: 700;
} */

.car-details-values-lot {
    color: #342300;
    font-size: 17px;
    font-weight: 700;
}

.car-details-values-lot-value {
    color: #342300;
    font-size: 13px;
    font-weight: 600;
}

.car-details-values-location {
    color: #342300;
    font-size: 17px;
    font-weight: 700;
}

.car-details-values-location-value {
    /* text-decoration: underline; */
    font-size: 13px;
    font-weight: 600;
    color: #342300;
}

.car-details-values-date {
    color: #342300;
    font-size: 17px;
    font-weight: 700;
}

.car-details-values-date-value {
    color: #342300;
    font-size: 13px;
    font-weight: 600;
}

.btn-share {
    background-color: #f5f9fd;
    color: #6a6a6a;
    border: 1px solid #aebcca;
    border-radius: 4px;
    width: 55px;
    height: 40px;
    /* padding: 5px 10px; */
}

.close-tool {
    background-color: #8e908f;
    color: white;
    width: 20px;
    height: 21px;
    padding: 6px 13px;
    border-radius: 20px;
    opacity: .6;
    text-decoration: none;
    cursor: pointer;

}

.drop-down-title {
    font-weight: 700;
    color: #1D1D1D;
    font-size: 16px;
}

.drop-down-header {
    background-color: #f5f9fd;
}

.drop-details-item {
    font-weight: 700;
    color: #3a4351;
    font-size: 13px;
}

.car-details-header-container {
    /* border-bottom: 1px solid #c0c8d1; */
}

.car-details-content {
    background-color: #f5f9fd;
}

.carousel-caption {
    left: 0 !important;
    /* top: 10px !important; */
    bottom: 0 !important;
    min-width: 100% !important;
}

.carsoul-view-all {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.carsoul-view-all:hover {
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

#scene-one {
    /* transform: scale(0.75,0.5); */
    /* width: 100%; */
    /* height: 100%; */
    max-width: 100% !important;
    max-height: 100% !important;
}

.a-canvas {
    max-width: 100% !important;
    max-height: 500px !important;
    z-index: 10000000000 !important;
    text-align: center !important;
}

.modal-dialog-container {
    min-width: 90px !important;
    height: 800px !important;
}

.modal-body {}

.small-car-images-container {
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
}

.car-images-active {
    border: 1px solid #073473;
}

.image-carsoul {
    height: 100% !important;
}

.btn-lot {
    /* border: 0; */
    /* border-bottom: 1px solid #2278c5; */
    border-top: 1px solid #5ba7eb;
    border-inline-end: 1px solid #2278c5;
    border-bottom: 1px solid #5ba7eb;
    font-size: 18px;
    font-weight: 700;
    color: #2278c5;
    background-color: white !important;
}

.active-btn {
    background-color: #5ba7eb !important;
    color: white;
    border-radius: 7px !important;
    font-family: 'inter';
}

.details-content {
    background-color: white !important;
}

.VINText {
    font-weight: 500;
    font-size: 15px;
    color: #616263;
}

.VINValue {
    font-weight: 700;
    font-size: 12px;
    color: #3a4351;
}

.details-content-text {
    background-color: #F6F6F6!important;
}

.control-label2 {
    color: #404040;
    font-weight: 400;
    font-size: 16px;
    padding: 7px 23px 3px 23px;
}

.border-obj {
    border-bottom: 1px solid #ddd;
    color: #342300 !important;
    font-size: 17px;
}

.tab-middle-container {
    border-inline-end: 13px solid #ddd;
    border-inline-start: 13px solid #ddd;
    border-bottom: 2px solid #ddd;

    border-radius: 0 0 4px 4px;
}


.tooltip {
    display: inline-block;
    position: relative;
    /* border-bottom:1px dotted #666; */
    text-align: left;
    z-index: 9;
    opacity: 1.5 !important;
}

.tooltip h3 {
    margin: 12px 0;
}

.tooltip .right {
    min-width: 200px;
    max-width: 400px;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    transform: translate(0, -50%);
    padding: 0;
    color: #3a4351;
    background-color: white;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    /* visibility:hidden; opacity:0; transition:opacity 0.8s; */
}

.tooltip:hover .right {
    visibility: visible;
    opacity: 1;
}

.tooltip .right img {
    width: 400px;
    border-radius: 8px 8px 0 0;
}

.tooltip .text-content {
    padding: 10px 20px;
}

.tooltip .right i {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.tooltip .right i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: white;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}



.fa-question-circle {
    color: #cecece !important;
}

.Mileage-header {
    background-color: #cecece;
    color: white;
}

.Mileage-header-table {
    background-color: #D3D3D3;
    color: #3a4351;
}

.Mileage-content {
    border: 1px solid #ddd;

}

.Order-Products-header {
    background-color: #f6f6f6;
    color: rgb(59, 59, 59);
    font-size: 16px;
    font-weight: 700;
    /* border-radius: 11px; */
}

.Order-Products-content {
    background-color: white;
    color: #cecece;
    font-size: 14px;
    font-weight: 600;

    /* border-radius: 4px; */
}


.Order-Products-header-nested {
    font-size: 12px !important;
    padding-inline-start: auto !important;

}

.lotSold {
    background-color: #e10027;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px !important;
    color: white;
}

.lotContent {

    color: #3a4351;
    font-weight: 700;
    font-size: 1em !important;
}

.lotContentButton {
    background-color: white;

}

.lotContentContainer {
    background-color: white !important;
}

.lotContentButton {}

.bids-text {
    /* background-color: #dbe6ff !important; */
    font-size: 10px;
    padding-top: 3px;
    font-weight: bold !important;
}

.prod-text {
    color: #342300;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

.learn-more {
    font-size: 10px !important;
    font-weight: bold !important;
    color: #DB4140 !important;
    text-decoration: underline !important;
}

.bg-F5F5F5 {
    background-color: #F5F5F5;
    /* border-bottom: 1px solid #C6C6C6; */
}

.VINValueColored {
    color: #cecece;
}

.HelpHeader {
    background-color: #5ba7eb;
    font-size: 18px;
    color: white;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 27px;
}

.HelpHeaderTitle {
    color: #646464;
    font-weight: 900;
    font-size: 16px;
}

.HelpHeaderText {
    color: #151317;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Cairo';
}

.HelpSection {
    background-color: white !important;
}

.btn-green {
    background: #238202;
    border: 1px solid #00531b;
    border-radius: 4px;
    padding: 4px 16px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.btn-green:hover {
    background: #00531b;
    border: 1px solid #00531b;
    border-radius: 4px;
    padding: 4px 16px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.HelpHeaderTextActive {
    color: #cecece !important;
    font-weight: 700 !important;
}


/* ////// zoom image  */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
  } */
header h1 {
    margin-bottom: 10px;
}

.wrapper {
    display: flex;
    height: 100vh;
    width: 600px;
    height: 400px;
    margin: 10px auto;
}

.left,
.right {
    /* flex: 1 1 auto; */
    /* border: 1px solid dimgray; */
    /* max-width: 50%; */
}

.left {
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

/* .left > img {
    width: 100%;
    height: auto;
    pointer-events: none;
  }
   */
.right {
    position: absolute;
    top: 10% !important;
    left: 100% !important;
    overflow: hidden;
}

.left-zoom {
    position: absolute;
    top: 10% !important;
    right: 102% !important;
    overflow: hidden;
}

.inner {
    position: absolute;
    width: 500px !important;
    height: 500px !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner>img {
    width: 100%;
    height: auto;
}

.contentCarsoul {
    position: relative !important;
}

.carousel-item {
    cursor: zoom-in;
}

.Live_Auction {
    background-color: #4aba22 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700;
}

.lotSold2 {
    /* background-color: #e10027; */
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px !important;
}



.btn-lot2 {
    /* border: 0; */
    /* border-bottom: 1px solid #2278c5; */
    /* border-top:  1px solid #238202; */
    /* border-inline-end:  1px solid #238202; */
    /* border-bottom:  1px solid #238202; */
    border: none !important;
    border-radius: 9px !important;
    font-size: 16px;
    font-weight: 700;
    color: #238202;
    background-color: #0b388e !important;
    color: white !important;
    width: 100% !important;
}



.VINValue3 {
    color: #cecece !important;
    font-size: 13px !important;
}

/* .btn-ship{
    border: 1px solid #238202;
    border-radius: 4px ;
    font-size: 13px ;
    color: #6a6a6a;
    font-weight: 600;
} */


.carousel-control-next {
    /* background-color: black; */
}

/* .carousel-control-next{
    background-color: black !important;
    right: -40px !important;
    width: unset !important;
    border-radius: 0 5px 5px 0 !important;
    height: 38px !important;
    background-color: #2278c5 !important;
    box-shadow: 1px 9px 11px 4px #0000005c !important

}

.carousel-control-next-icon{
    width: 20px !important;
    height: 20px !important;

}
.carousel-control-prev-icon{
    width: 20px !important;
    height: 20px !important;
    /* background-image: unset !important; */

/* }
.carousel-control-prev{
    background-color: black !important;
    left: -60px !important;
    width: unset !important;
    border-radius: 0 5px 5px 0 !important;
    height: 38px !important;
    background-color: #2278c5 !important;
    box-shadow: 1px 9px 11px 4px #0000005c !important;

} */

.filters-content {
    background-color: white;
}

.Search-Filters-title {
    font-size: 20px;
    font-weight: bold;
    color: rgba(3, 98, 189, 1);
}


.reset-all {
    font-size: 14px;
    font-weight: 400;
    color: #2278c5;
}

.select-only {
    font-size: 12px;
    color: #151317 !important;
    font-weight: 600 !important;

    /* font-weight: normal;
    font-size: 30px;
    color: rgba(52,35,0,1); */
}

.select-only2 {
    /* font-size: 12px ;
    color: #151317 !important;
    font-weight: 600 !important; */
    font-weight: normal !important;
    font-size: 17px !important;
    color: rgba(52, 35, 0, 1) !important;
}

/* ////  */


.switch-toggle {
    position: relative;
    width: 53px;
    height: 26px;
    -webkit-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
}

.switch-toggle:checked[type="checkbox"] {
    background: #03a9f4;
}

.switch-toggle:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    top: 0;
    left: 0;
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: .5s;
}

.switch-toggle:checked[type="checkbox"]:before {
    left: 20px;
}

.timing {
    font-size: 10px !important;
    color: #495057;
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    font-weight: 600;
}

.filter-collapse {
    background-color: #f5f5f5 !important;
    /* border: 1px solid #dfdfdfa6 !important; */
    border-radius: 16px;
    margin-bottom: 4px;
}

.filter-content {
    border: 1px solid #DFDFDF !important;
}

.collapse-filter {
    cursor: pointer !important;
}

.select-only-model {
    font-size: 14px !important;
    color: rgba(52, 35, 0, 1) !important;
    font-weight: 700!important;
}

.vechicle-title-type-title-filter {
    font-size: 14px !important;
    color: #495057;
    font-weight: 500;
}

.vechicle-title-type-title-number {
    font-size: 12px !important;
    color: #495057;
    font-weight: 400;
}

.checkbox-filter {
    width: 14px;
}

.search-filter {
    border: solid 1px #c0a136;
    box-shadow: none;
    padding: 9px 13px;
    width: 100%;
    outline: none !important;
    border-radius: 7px;
}

.search-filter::placeholder {
    color: #495057;
    font-weight: 400;
    font-size: 14px;
}

.vechicle-title-type-title-filter {
    font-size: 14px;
    color: #495057;
    font-weight: 500;
}

.vechicle-title-type-title-number {
    font-size: 12px;
    color: #495057;
    font-weight: 400;
}

.table-loader-container {
    position: absolute;
    top: 5px;
}

.mytable {
    position: relative;
    min-height: 1200px !important;
    /* border-radius: 4px !important; */
}

.path-link {
    color: #2278c5 !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.search-result-text {
    color: rgba(52, 35, 0, 1) !important;
    font-size: 24px;
    font-weight: bold;
}

.tag-item {
    color: #2a282c;
    border-radius: 6px;
    background: #e6e6e6;
    border: 1px solid #adbcca5c;
    padding: 7px 7px 7px 11px;
    font-size: 12px;
    margin-top: 1px !important;
    font-weight: 600;
    font-family: Cairo;
    width: fit-content;
    line-height: 11px;
}

.clear {
    max-width: 200px !important;
    margin-top: 6px !important;
    margin-block-start: 2px !important;
}

.clear-all {
    color: #2278c5 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.btn-back {
    background-color: #fff;
    /* color: #ffffff; */
    border-radius: 8px;
    width: 150px;
    border: 1px solid #2a7bc7;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons-print {
    /* padding: 5px 14px !important; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    color: #FFF;
    background-color: #ffb838;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: none;
    border: none;
    padding: 0px 24px 0px 24px;
    width: 100%;
    height: 40px;
    /* height: 50px; */
    text-align: center;
}

.buttons-print>span {
    display: flex;
    justify-content: center;
}

.left-arrow {
    color: white;
    background-color: #ffb838;
    padding: 3px;
    border-radius: 50%;
}

.left-arrow3 {
    color: white;
    background-color: #1554cc;
    padding: 5px;
    border-radius: 50%;
    /* height: 10px; */
}

.left-arrow4 {
    color: #ffb838;
    background-color: white;
    padding: 5px;
    border-radius: 50%;
}

.left-arrow5 {
    color: white;
    background-color: #342300;
    padding: 7px;
    border-radius: 50%;
}

.carousel-control-prev-icon {
    /* background-color: white !important; */
    /* background-color: white;
    background-color: rgba(255, 255, 255, 0.5);#342300
    color: red !important; */
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%342300' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; */

    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDI2IiBoZWlnaHQ9IjI2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNSAyNiIgd2lkdGg9IjE1cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMi4wMTksMC41OCAtMC4wMzUsMi42MzQgMTAuNjQ2LDEzLjMxNiAtMC4wMzUsMjMuOTk3IDIuMDE5LDI2LjA1MiAxNC43NTUsMTMuMzE2ICIvPjwvc3ZnPg==")
}

.prev-cont {
    background: #f2f0eea8;
    padding: 15px !important;
    border-radius: 50% !important;
}



.carousel-control-next-icon {
    /* background-color: white !important; */
    /* background-color: white;
    background-color: rgba(255, 255, 255, 0.5);#342300
    color: red !important; */
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%342300' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDI2IiBoZWlnaHQ9IjI2cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNSAyNiIgd2lkdGg9IjE1cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMTIuODg1LDAuNTggMTQuOTY5LDIuNjY0IDQuMTMzLDEzLjUgMTQuOTY5LDI0LjMzNiAxMi44ODUsMjYuNDIgMi4wNDksMTUuNTg0IC0wLjAzNSwxMy41ICIvPjwvc3ZnPg==")
}

.next-cont {
    background: #f2f0eea8;
    padding: 15px !important;
    border-radius: 50% !important;
}


.left-arrow2 {
    background-color: white !important;
    color: #ffb838 !important;
    padding: 5px;
    border-radius: 50%;
}

.left-arrow-white {
    color: #8d8a85;
    background-color: white;
    padding: 4px;
    border-radius: 50%;
}

.left-arrow-red {
    color: #db4140;
    background-color: white;
    padding: 4px;
    border-radius: 50%;
}



.w-30 {
    width: 30px;
}


.w-20 {
    width: 20px !important;
}

.h-20 {
    height: 20px !important;
}

.h-30 {
    height: 30px;
}

.border-start-div {
    border-inline-start: 6px solid rgba(52, 35, 0, 1);
}

.car-type-text {
    font-weight: bold !important;
    font-size: 42px !important;
    color: rgba(52, 35, 0, 1) !important;
}

.car-type-text-val {
    font-weight: normal;
    font-size: 17px;
    color: rgba(52, 35, 0, 1);
}


.border-line {
    height: 50px;
    color: rgba(52, 35, 0, 1);
    width: 5px;
}

.sort-by {
    font-weight: 700;
    font-size: 13px;
    color: #151317;
}

#filterBy2 {
    border-radius: 4px !important;
    border: 1px solid #adbcca !important;
    padding: 5px !important;
    height: 36px !important;
    min-width: 150px !important;
    color: #495057 !important;
    font-weight: 500;
    font-size: 14px;
    /* width: 75px !important; */
}

#filterBy {
    border-radius: 4px !important;
    border: 1px solid #adbcca !important;
    padding: 5px !important;
    height: 36px !important;
    min-width: 50px !important;
    color: #495057 !important;
    font-weight: 500;
    font-size: 14px;
    /* width: 75px !important; */
}

.btn-sort {

    background-color: #2278c5 !important;
    height: 40px !important;
}

.title-table {
    font-size: 16px;
    text-wrap: nowrap;
    font-weight: bold;
    color: #1254ff;
}

.title-table2 {
    font-size: 14px;
    font-weight: 700;
    color: #1254ff;
}

.lot-text {
    font-size: 11px;
    color: #363a3f;
    font-weight: normal;
}

.lot-val {
    font-size: 11px;
    color: #1254ff;
    font-weight: normal;
}

.btn-watch {
    font-weight: 700;
    color: #1254ff;
    border: 1px solid #2278c5 !important;
    border-radius: 24px;
    font-size: 12px;
}

.info-header {
    font-size: 12px;
    font-weight: 700;
    text-wrap: nowrap;
    color: #151317;
}

.info-text {
    font-size: 14px;
    font-weight: 700;
    color: rgba(52, 35, 0, 1);
}

.table-item-num {
    font-size: 14px;
    font-weight: normal;
    color: rgba(52, 35, 0, 1);
}


.live-now {
    font-style: normal;
    font-weight: bold;
    color: rgba(255, 184, 56, 1);
    /* color: #238202;
    font-weight: 700;
    font-size: 14px;
    min-width: 150px !important; */
    font-size: 14px;
}

.info-header-text {
    font-size: 14px;
    font-weight: 700;
    color: #151317;
}

.btn-auction {
    background-color: #44b91b;
    font-weight: 700;
    font-size: 11px;
    border-radius: 28px;
    min-width: 92px;
    color: white;
    padding: 2px 0px;
}

.text-wrap-nowrap {
    /* border-radius: 4px !important; */
}

.coloredTableThead {
    background-color: #0a56f7 !important;
    color: white;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
    border-radius: 4px !important;
    width: 100% !important;
    z-index: 1000;
}

.first-th {
    border-radius: 13px 0px 0px 0px !important;
    padding: 17px!important;
    background-color: #0A56F7 !important;
}

.last-th {
    border-radius: 0px 13px 0px 0px !important;
    padding: 17px!important;
}

th {
    /* border-radius: 4px !important; */
}

td {
    border: none;
    /* margin-top: 5px !important; */
}

.list_of_vehicles tr {
    /* border:1px solid black; */
    /* box-shadow: 0 1px 5px #00000052; */
    border-radius: 8px;
    /* background: #ffffffd1; */
    color: #495057;
    transition: box-shadow .2s;
    /* margin-top: 10px !important; */
}

.even{
    background-color: #EFEFEF!important;
}


.odd{
    background-color: #F9F9F9!important;
}

.th-header {
    border-radius: 4px !important;
    border: 1px solid;
}

.coloredTableThead {
    border-radius: 4px !important;
    border: 1px solid;
}

.coloredTable {
    border-radius: 4px !important;
    /* border: 1px solid;  */
}

.list_of_vehicles tr:hover {
    /* background-color: #f5f9fd !important; */
    cursor: pointer;
}

#table {
    border-collapse: separate;
    border-spacing: 0 0;
    width: 100% !important;
}

.thead-not-first {
    padding: 17px!important;
    background-color: #0A56F7 !important;
}

.show-entries-container {
    color: #6c757d;
    font-size: 14px;

}

.paginate_button.previous {
    color: #151317 !important;

}

.paginate_button {
    background-color: #ffffff !important;
    padding: 6px 12px !important;
    margin-inline-end: -3px !important;
    cursor: pointer;
    color: #151317;
    border-radius: 0px !important;
    border: 0.5px solid #8080804a !important;
}

.paginate_button:hover {
    background-color: #f7f7f7 !important;
}

.paginate_button.current {
    background-color: #d5d2d7 !important;
    color: white !important;
}

.page-info-container {
    background-color: white;
    direction: ltr;
}

.info-car-container {
    border: 1px solid #adbcca;
    border-radius: 4px;
}

.info-car-container-title {
    color: #151317;
    font-weight: 700;
    font-size: 2em !important;

}

.info-car-container-text {
    color: #151317;
    font-weight: 400;
    font-size: 12px !important;

}

.Vehicle-Condition {
    color: #c0a136 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    letter-spacing: .5px !important;
}

.model-links {
    font-size: 12px !important;
    color: #c0a136 !important;
    font-weight: 400;
}

.btn-next-swipper {
    background-color: #2278c5;
    color: #151317;
    padding: 8px 8px !important;
    border-radius: 0px 10px 5px 1px !important;
}

.swiper-button-next::after {
    /* content:'' !important; */
}

.btn-next-swipper {
    /* min-height: 100px !important; */
    height: 40px !important;
}

.img-next {
    margin-top: -23px !important;
}



/* /// */
.btn-prev-swipper {
    background-color: #2278c5;
    color: #151317;
    padding: 8px 8px !important;
    border-radius: 10px 0 0 5px !important;
    z-index: 1000;
}

.swiper-button-prev::after {
    /* content:'' !important; */
}

.btn-prev-swipper {
    /* min-height: 100px !important; */
    height: 40px !important;
}

.img-prev {
    margin-top: -23px !important;
}

.swiper-button-disabled {
    opacity: 1 !important;
}

/* // */
.tag-item-slide {
    color: #c0a136;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #adbcca;
    padding: 4px 7px;
    font-size: 12px;

}

.Featured-Items {
    color: #151317;
    font-weight: 700;
    font-size: 16px;
    width: 150px !important;
}

.model-links2 {
    font-size: 14px !important;
    color: #c0a136 !important;
    font-weight: 500;
}

.bid-btn {
    background-color: #06f;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    border-radius: 28px;
    min-width: 92px !important;
    text-align: center;
    padding: 2px 0px;
}

.bid-btn:hover {
    box-shadow: 1px 3px 4px 1px #0003;
}

.js-form-search:focus {
    box-shadow: none;

    background-color: #ffffff;
    border: 1px solid #ced4da6e;
    border-radius: 0.25rem 0.25rem !important;
}

.js-form-search {
    box-shadow: none;

    background-color: #ffffff;
    border: 1px solid #ced4da6e;
    border-radius: 0.25rem 0.25rem !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef00;
    border: 0px solid #fbfdff36;


}

.height-search {

    max-height: 465px;

    overflow: hidden;

}

.height-search.active {


    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    /* overflow: hidden; */
}

.dropdown-menu {
    width: max-content;
    padding-right: 24px;
    padding-left: 24px;
}

.table-loader-container {
    z-index: 9999999;
    background-color: #ffffff8a;
    background-image: url(/static/images/load-table.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    background-size: 23%;
}

.over-lay-loader {
    display: none;
    z-index: 9999999;
    background-color: #a3a3a3b5;
    height: 100vh;
    position: sticky;
    top: 0px;
    background-image: url(/static/images/load-table.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.details-btn {
    font-size: 14px;
    font-weight: 700;
    border-radius: 28px;
    background-color: #ffb838;
    color: #151317;
    min-width: 120px !important;
    text-align: center;
    padding: 3px 0px;
}

.details-btn:hover {
    box-shadow: 1px 3px 4px 1px #0003 !important;
    background: #ffc356;
}

.btn-container-td {
    min-width: 100px !important;
}

.odemeter-input {
    max-width: 100% !important;
}

.btn-blue {
    background-color: #2278c5;
    color: white;
    min-width: 78px;
    margin: 0;
    padding: 4px 16px;
    border-radius: 4px;
    border: none;
    font-weight: 700;
    font-size: 14px;
}

.text-wrap-nowrap {
    text-wrap: nowrap;
}

.odemeter-input {
    height: 36px;
    background-color: #f5f9fd;
    border: 1px solid #adbcca;
    padding: 2px;
    border-radius: 3px;
    font-size: 15px;
}


.tag-item:hover {
    background-color: #84848545;
    cursor: pointer;
}

.close-tag {
    color: #8b8484;
}

/* ///// input range  */


.fa-star.active::before {
    color: #2278c5;
}

.fa-star.inactive::before {
    color: #1d1d1d;
}

.fa-sliders {
    color: #737373;
}

.btn-warning {
    background-color: #2278c5;
    border-color: #2278c5;
}








.row-tbl>td {
    border: none !important;
}

.row-tbl>th {
    border: none !important;
}

.row-tbl {
    border-bottom: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;

}


.thead-tbl-parent {
    background-color: #0A56F7;
    color: #FFFFFF;
}

.thead-tbl>td {
    border: none !important;
}

.thead-tbl>th {
    border: none !important;
}

.btn-bluecolor {
    background-color: #1e3660;
    color: white;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    height: 25px;
    border: none !important;
    text-wrap: nowrap;
}

.tbl-item {
    font-size: 14px !important;
    font-weight: 600 !important;


}

.tbl-item-head {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.header-of-table {
    background-color: #1e3660;
    color: white;
    padding: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.table-custom {
    margin-bottom: 0 !important;
}

.bottom-table {
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;

    padding: 5px !important;
}

.bottom-table>a {
    font-size: 14px;
    font-weight: 500;

}

.tbl-item.status {
    color: #f76120 !important;
    font-size: 16px !important;
}

.qualification-text {
    font-size: 32px;
    font-weight: 700;
}

.qualification-text-2 {
    font-size: 14px;
    font-weight: 600;
}

.learn-more-anchor {
    font-weight: 700;
}

.chart {
    /* width: 80px !important; */
    /* height: 80px !important; */
}

.chart-container {
    position: relative;
}

.AnnualVehicleSpend {
    position: absolute;
    top: 40px;
    left: 70px;
    font-weight: 700;
    color: #279301;
}

.DollarSpent {
    position: absolute;
    top: 120px;
    left: 105px;
}

.DollarSpent2 {
    position: absolute;
    top: 230px;
    left: 160px;
}





.chart-container2 {
    position: relative;
}

.AnnualVehicleSpend2 {
    position: absolute;
    top: 40px;
    left: 70px;
    font-weight: 700;
    color: #279301;
}

.DollarSpentx {
    position: absolute;
    top: 120px;
    left: 105px;
}

.DollarSpentx2 {
    position: absolute;
    top: 230px;
    left: 150px;
}

.DollarSpent-text {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.DollarSpent-val {
    font-size: 14px;
    color: #2365f6;
    font-weight: 600;
}


.DollarSpentx-text {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.DollarSpentx-val {
    font-size: 14px;
    color: #2365f6;
    font-weight: 600;
}

.DollarSpentx2 {
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 500;
}

.DollarSpent2 {
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 500;
}

.plussign {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 50px;
    font-weight: 700;
}

.stat-container {
    border: 1px solid #adbcca;
}


@media only screen and (max-width: 500px) {

    .header-main {

        background-image: url(/static/images/back-header.jpg);
        
        background-size: 100% 100%;
        
        background-repeat: no-repeat;
        
        z-index: 11;
        
        top: 0px;
        
        height: 71px;
        }
        
    .title-table {
        text-wrap: balance;
    }

    .info-header {
        text-wrap: balance;
    }
    .Copart_mazad_text {
        padding: 43px 0px 21px;
        font-size: 19px;
        color: rgba(70, 71, 72, 1);
        text-align: center;
        font-weight: 600;
    }

    .img-fit-content {
        width: 99%;
    }

    .car-details-header {
        color: #342300;
        font-size: 23px;
        font-weight: bolder;
        /* font-family: almari !important; */
    }

    .nav-link {
        display: block;
        padding: 0px
    }

    .item-type {
        background-color: rgba(27, 90, 195, 1);
        padding: 7px 7px 7px 7px;
        color: white;
        font-size: 18px;
        font-weight: 600;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .frm-input {
        border-radius: 21px;
        height: 41px;
    }


    .btn-RegisterNow2 {
        border-radius: 21px;
        background-color: rgba(211, 167, 51, 1);
        height: 54px;
        margin: 0px;
        font-family: Cairo;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }

    .btn-RegisterNow2:hover {
        transition: 0.3s;
        border-radius: 21px;
        background-color: rgb(235, 190, 77);
        height: 54px;
        margin: 0px;
        font-family: Cairo;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }

    .w-field-1,
    .w-field-2,
    .w-field-3 {
        width: 100%;
    }

    .w-field-4,
    .w-field-5,
    .w-field-6 {
        width: 100%;
    }

    .type-market-text.active {
        background-color: rgba(211, 167, 51, 1) !important;
        width: fit-content;
        font-family: Cairo;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
    }

    .position-after-header {
        padding-top: 95px;
    }

    .type-market-text {
        font-family: Cairo;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
    }

    .tab-item>a {
        color: #151317 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 10px 10px 0 10px !important;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 78vw;
        object-fit: cover;
    }

    .btn-RegisterNow {
        width: 73%;
        height: 56px;
        color: rgba(255, 255, 255, 1);
        border-radius: 40px;
        background-color: rgba(211, 167, 51, 1);
        white-space: initial;
        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 19px;
    }


    .car-val {
        line-height: 1.2;

        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;

    }

    .Popular-Vehicles {
        color: rgba(3, 98, 189, 1);
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 900px) {
    .nav-first {
        width: 90%;
    }

    .nav-third {
        width: %45%;
        text-align: center;
    }

    .items-nav {
        margin-top: 20px;
    }

    .nav-second {
        text-align: center;
        width: 16%;
    }

    .card-container {
        padding-top: 100px;
    }

    .card-container-obj {
        margin-top: 20px;
    }



    .step-img-container {
        margin-top: 0px;
        text-align: center;
    }

    .rounded-circle-img {}




}



@media only screen and (max-width: 1500px) {







    .logo_head {
        width: 130px;
        height: 158px;
    }

    .nav-first {
        width: 46%;
        padding-inline-end: 54px;
        padding-inline-start: 0px;
    }

    .nav-third {
        padding-inline-start: 54px;
        padding-inline-end: 0px;
    }

    .search_icon_head {
        width: 21px;
        height: 21px;
    }

    .green-search {
        width: 40px;
        height: 40px;

    }

    .text-logo {
        font-size: 25px;
        margin-top: 59px;
    }

    .btn-RegisterNow {
        padding: 1px 17px;
        color: rgba(255, 255, 255, 1);
        border-radius: 40px;
        background-color: rgba(211, 167, 51, 1);
        white-space: nowrap;
        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
    }

    .car-text {
        font-size: 23px;
    }

    .car-val {
        font-size: 19px;
    }

    .card-head-text {
        font-size: 16px;
    }

    .card-head-number {
        width: 28px;
        height: 28px;
    }


    .type-market-text.active,
    .type-market-text {
        font-size: 19px;

    }

    .form-control {
        padding: 0.175rem 0.75rem;
        font-size: 1rem;
    }

    .frm-input {
        border-radius: 21px;
        height: 57px;
    }

    .btn-RegisterNow2 {
        height: 57px;
        font-size: 15px;
    }

    .element-car-text {
        font-size: 23px;

    }

    .select-only2 {
        font-size: 15px !important;
    }

    .Search-Filters-title {
        font-size: 17px;
    }

    .text-header {
        font-size: 32px;
    }

    .element-car {
        padding: 1px !important;
    }

    .rounded-circle-img {
        width: 69px;
        height: 69px;
    }


    .step-img-container {
        width: 95px;
        height: 95px;
        padding: 6px;
        border: 7px solid #d3a733;
    }

    .line-step {
        background: #d3a733;
        height: 7px;
    }

    .step-text-main {
        font-size: 17px;
        padding-top: 17px;
    }

    .step-text-main2 {
        text-align: center;
        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
    }


    .card-container {
        position: relative;
        top: -1vw;
    }

    .holder-off-overlay {
        position: relative;
        bottom: 114px;
    }

    .swip-type {
        font-size: 23px;
    }


    .btn-read {
        font-size: 10px;
    }

    .Copart_mazad_text {
        padding: 26px;
        font-size: 23px;
    }

    .tab-item>a {
        color: #151317 !important;
        font-size: 16px !important;
    }

    .part-1-types-text {
        font-size: 13px;
    }


    .prnt {
        font-size: 19px;
    }


    .buttons-print,
    .btn-back {
        height: 42px;
    }

    .title-table {
        font-size: 15px;
    }

    .search-result-text {
        font-size: 20px;
    }

    .btn-lot2,
    .header-of-card {
        font-size: 19px;
    }

    .bids-text {
        font-size: 8px;
    }


    .paginate_button {
        font-size: 0.7rem;
    }

    .btn-RegisterNow {

        font-size: 17px;
    }

    .Register-btn,
    .info-header,
    .select-only-model,
    .card-content-text,
    .login-btn,
    .country-text,
    .lan-text,
    .card-head-number,
    .pageViewHeader2Value,
    .Popular-Vehicles,
    .signin,
    .items-nav {
        font-size: 14px;
    }
}








@media only screen and (max-width: 1230px) {







    .logo_head {
        width: 63px;
        height: auto;
    }

    .nav-first {
        width: %45%;
        padding-inline-end: 44px;
        padding-inline-start: 0px;
    }

    .nav-third {
        padding-inline-start: 44px;
        padding-inline-end: 0px;
    }

    .search_icon_head {
        width: 15px;
        height: 15px;
        margin: auto;
    }

    .green-search {
        width: 31px;
        height: 31px;
    }

    .text-logo {
        font-size: 16px;
        margin-top: 59px;
    }

    .btn-RegisterNow {
        padding: 1px 17px;
        color: rgba(255, 255, 255, 1);
        border-radius: 40px;
        background-color: rgba(211, 167, 51, 1);
        white-space: nowrap;
        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
    }

    .car-text {
        font-size: 17px;
    }

    .car-val {
        font-size: 11px;
    }

    .card-head-text {
        font-size: 11px;
    }

    .card-head-number {
        width: 18px;
        height: 18px;
    }


    .type-market-text.active,
    .type-market-text {
        font-size: 11px;
    }

    .form-control {
        padding: 0.175rem 0.75rem;
        font-size: 0.6rem;
    }

    .frm-input {
        border-radius: 21px;
        height: 31px;
    }

    .btn-RegisterNow2 {
        height: 32px;
        font-size: 8px;
    }

    .element-car-text {
        font-size: 12px;
    }

    .select-only2 {
        font-size: 15px !important;
    }

    .Search-Filters-title {
        font-size: 17px;
    }

    .text-header {
        font-size: 20px;
    }

    .element-car {
        padding: 1px !important;
    }

    .rounded-circle-img {
        width: 41px;
        height: 41px;
    }


    .step-img-container {
        width: 51px;
        height: 51px;
        padding: 2px;
        border: 3px solid #d3a733;
    }

    .line-step {
        background: #d3a733;
        height: 3px;
    }

    .step-text-main {
        font-size: 9px;
        padding-top: 9px;
    }

    .step-text-main2 {
        text-align: center;
        font-family: Cairo;
        font-style: normal;
        font-weight: normal;
        font-size: 7px;
    }


    .card-container {
        position: relative;
        top: 0vw;
    }

    .holder-off-overlay {
        position: relative;
        bottom: 11px;
    }

    .swip-type {
        font-size: 10px;
    }


    .btn-read {
        font-size: 5px;
    }

    .Copart_mazad_text {
        padding: 26px;
        font-size: 14px;
    }

    .tab-item>a {
        color: #151317 !important;
        font-size: 8px !important;
    }

    .part-1-types-text {
        font-size: 9px;
    }


    .prnt {
        font-size: 19px;
    }


    .buttons-print,
    .btn-back {
        height: 42px;
    }

    .title-table {
        font-size: 15px;
    }

    .search-result-text {
        font-size: 20px;
    }

    .btn-lot2,
    .header-of-card {
        font-size: 19px;
    }

    .bids-text {
        font-size: 8px;
    }


    .paginate_button {
        font-size: 0.7rem;
    }

    .btn-RegisterNow {

font-size: 15px;
}

    .Register-btn,
    .info-header,
    .select-only-model,
    .card-content-text,
    .login-btn,
    .country-text,
    .lan-text,
    .pageViewHeader2Value,
    .Popular-Vehicles,
    .signin,
    .items-nav {
        font-size: 14px;
    }

    
    .card-head-number{
        font-size: 7px;

    }

    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 15px;
    }
    .swiper-button-next{
        padding: 22px;
    }

    .swiper-button-prev{
        padding: 22px;
    }
    .swip-text {
        font-size: 10px;
    }

    .img-car-container {
        height: 324px !important;
    }

    .popover__title {
        text-decoration: none;
        color: white;
        text-align: center;
        font-size: 11px;
    }
}



.search-result {
    font-size: 15px;
}