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

 .search-results-dropdown span {
    /* background: blue !important;
     color: #fff !important;*/
     font-weight: bold;
     padding: 10px;
     cursor: pointer;
 }
 .search-results-dropdown span a {
     color: #ff671d !important;
     font-weight: bold;
     cursor: pointer;
	 text-decoration: underline; 
 }
 label.error.text-danger {
     font-weight: 400 !important;
 }

 .file-upload {
     position: relative;
     overflow: hidden;
     display: inline-block;
 }

 .file-upload input[type='file'] {
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
 }

 .file-icon {
     display: inline-block;
     padding: 6px 12px;
     background-color: #FF671D;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
 }

 .file-icon i {
     margin-right: 5px;
 }


 .file-upload:hover .file-icon {
     background-color: #FF671D;
 }

 .select2-selection {
     height: 38px;
 }

 .select2-container--default .select2-selection--single {
     height: 38px !important;
 }

 .card {
     border-color: #FF671D !important;
     /* color: #FF671D !important; */
 }

 .custom-button {
     min-width: 150px;
     background-color: #FF671D !important;
     color: white;
 }

 .custom-button:hover {
     color: white;
     /* Set font color to white on hover */
 }

 .custom-color {
     color: #FF671D !important;

 }

 .page-item.active .page-link {
     z-index: 3;
     color: #fff;
     background-color: #FF671D;
     border: none;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected],
 .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
     background-color: #FF671D !important;
 }

 .select2-container--default.select2-container--focus .select2-selection--single {
     border-color: #FF671D;
 }

 .select2-container--default.select2-container--open .select2-selection--single {
     border-color: #FF671D !important;
 }

 .select2-search__field {
     border-color: #FF671D !important;

 }

 .select2-container--default.select2-container--focus:focus-visible .select2-selection--single {
     border-color: #FF671D !important;
 }

 .form-control:focus {
     border-color: #FF671D;
     outline: 0;
 }

 .select2-container :is(:focus-visible) {
     outline: none;
 }

 .login-box .card .card-body {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .login-box .card .card-body .logo {
     height: auto;
     width: 100px;
 }

 .offer-page {
     -ms-flex-align: center;
     align-items: center;
     background-color: #e9ecef;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100vh !important;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .offer-box .card .card-body {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .offer-box .card-body .card-widget .card-header {
     width: 337px;
 }

 .offer-box {
     width: 450px;
 }

 #loader-wrapper {
     position: absolute;
     top:0;
     left:0;
     z-index: 9999;
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 #loader {
     border: 8px solid #f3f3f3;
     border-top: 8px solid #FF671D;
     border-radius: 50%;
     width: 50px;
     height: 50px;
     animation: spin 2s linear infinite;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .fc .fc-daygrid-day-frame {
     padding-top: 50px;
     padding-bottom: 10px;
     height: auto !important;
 }

 .t-m-space-1-75 {
     margin-bottom: 1.75rem;
 }

 .custom-card {
     width: 71%;
     /* Adjust width as needed */
     margin-bottom: 20px;
     /* Add margin-bottom for spacing */
 } 

 .view-default .view-default-step-container {
     display: none !important;
     width: 100%;
 }

 .step-main {
     display: none !important;
     margin-right: auto;
     margin-left: auto;

     width: 50%;
     align-items: center;
     white-space: nowrap;
 }

 .step-main .step:not(:last-child) {
     flex: 1 1 0%;
 }

 .step-main .step {
     overflow: visible;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
     z-index: 0;
     display: flex;
     height: 112px;
     flex-direction: column;
     padding-top: 16px;
 }

 .step-main .step .step-container {
     margin-bottom: 8px;
     display: flex;
 }

 .step-main .step .step-tooltip {
     position: relative;
     z-index: 10;
 }

 .step-main .step .step-dot {
     content: "";
     z-index: 3;
     box-shadow: 0 0 0 2px rgb(255, 255, 255);
     transition: all 0.5s ease-in-out;
     transform: scale(0.9);
     display: flex;
     height: 32px;
     width: 32px;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     border-radius: 9999px;
     border-width: 2px;
     border-style: solid;
     border-color: #e65f1d;
     background-color: #e65f1d;
 }

 .step-main .step.step--active~.step .step-dot {
     --tw-border-opacity: 1;
     border-color: rgb(161 161 170 /1);
     opacity: 1;
     background-color: rgb(255 255 255 / 1);
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

 .step-main .step.step--active .step-dot {
     position: relative;
     border-color: #e65f1d;
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / 1);
 }

 .step-main .step.step--active .step-dot:before {
     content: "";
     transform: scale(0.9);
     animation: wave 1s linear infinite;
     position: absolute;
     height: 24px;
     width: 24px;
     border-radius: 9999px;
     background-color: #e65f1d;
 }

 .step-main .step.step--active .step-dot .step-dot-icon {
     display: none;
 }

 .step-main .step .step-dot svg:not(.svg) {
     font-size: 24px;
 }

 .step-main .step .step-dot-icon {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / 1);
 }

 .step-main .step .step-progress {
     height: 3px;
     position: relative;
     margin-top: auto;
     margin-bottom: auto;
     margin-left: -8px;
     width: 100%;
     --tw-bg-opacity: 1;
     background-color: rgb(212 212 216 / 1);
 }


 .step-main .step .step-progress-active {
     height: 3px;
     position: relative;
     margin-top: auto;
     margin-bottom: auto;
     margin-left: -8px;
     width: 100%;
     --tw-bg-opacity: 1;
     background-color: #e65f1d;
 }

 .step-main .step.step--active~.step {
     opacity: 0.6;
 }

 .spec-title-product {
     font-size: 12px !important;
     line-height: 17px !important;
     display: inline-block;
 }

 .reusely_content{
     padding: 15px;
 }
 /* ============  card design ==================*/
 #reusely_holder > img {
         display: block;
         height: 100%;
         width: 100%;
     }
.card{
    cursor: pointer;
}
 .section-card-list {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
     margin-top: 64px;
     /* justify-content: center; */
 }

 h3.section-card-title{
     text-align:center;
     text-transform:uppercase;
     color:#fff;
 }
 .section-card-list .other-card-item{
     padding: 15px;
     border-width: 1px;
     border-style: solid;
     border-color: rgb(228 228 231);
     width: calc(50% - 18px);
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
     box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     border-radius: 25px;
     background-color: #ff671d;
     margin-left: auto;
     margin-right: auto;
 }

 .main_sell_title {
     text-align: center;
     margin-bottom: 20px;
     font-size: 36px;
     color: #333;
     font-weight: 600;
     width: 100%;
     font-weight: bold;
 }


 .section-card-list .category-card{
     padding: 15px;
     border-width: 1px;
     border-style: solid;
     border-color: rgb(228 228 231);
     width: calc(33% - 18px);
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
     box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     border-radius: 25px;
     background-color: #CCC;
 }
 .section-card-list .card-item {
     padding: 15px;
     border-width: 1px;
     border-style: solid;
     border-color: rgb(228 228 231);
     width: calc(25% - 18px);
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     border-radius: 25px;
     background-color: #CCC;
 }
 .section-card-list .category-card .card-img {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100px; /* Vaste hoogte voor consistentie */
     margin-bottom: 10px; /* Extra ruimte onder de afbeelding */
 }

 .section-card-list .category-card .card-img img {
     max-height: 100px; /* Maximale hoogte van de afbeelding */
     width: auto; /* Behoud de verhoudingen */
     object-fit: contain; /* Zorgt dat de afbeelding volledig zichtbaar blijft */
     display: block; /* Voorkomt extra ruimte onder de afbeelding */
 }
 .section-card-list .card-item img {
     max-height: 96px;
     width: auto;
     max-width: 100%;
     margin: auto;
 }

 .section-card-title p {
     width: 100%;
     overflow-wrap: break-word;
     font-size: 16px;
     line-height: 24px;
     margin-top: 10px;
     text-align: center;
 }

 .card-item:hover {
     background-color: #e65f1d;
 }

 .card-item:hover .section-card-title p {
     color: #fff;
 }

 /* serchbox */
 .search-sell .search-sell-input {
     display: block;
     height: auto;
     width: 100%;
     border-radius: 6px;
     border-width: 1px;
     border-style: solid;
     --tw-border-opacity: 1;
     border-color: rgb(212 212 216 / 1);
     background-color: rgb(255 255 255 / 1);
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 16px;
     line-height: 24px;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     padding-left: 50px;
 }

 .search-sell .search-sell-icon {
     position: absolute;
     top: 50%;
     left: 16px;
     transform: translateY(-50%);
     color: rgb(212 212 216 / 1);
 }

 .search-sell {
     touch-action: pan-x pan-y;
     z-index: 1;
     position: relative;
     margin-top: 16px;
     margin-bottom: 16px;
 }

 .card-item.model-card:hover {
     background: none !important;
     border-color: #e65f1d;
 }

 .card-item.model-card:hover .section-card-upto{
     color: black !important;
 }

 .card-item.model-card:hover .section-card-title p, .section-card-upto:hover {
     color: black !important;
 }

 .button:not(:disabled).button--color.button--color_secondary {
     background-color: #e65f1d;
     --tw-text-opacity: 1;
     color: rgb(255 255 255/var(--tw-text-opacity));
 }

 .price-check.selected:not(.specification-release_year .price-check.selected) {
     border-color: #e65f1d;
     color: #e65f1d;
     box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
         0 2px 4px -2px rgb(0 0 0 / 0.1);
 }

 .payout-card.selected {
     border-color: #e65f1d;
     color: #e65f1d;
     box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
         0 2px 4px -2px rgb(0 0 0 / 0.1);
 }

 a {
     display: inline-block;
 }

 .ac-btn {
     border: 1.92px solid #e65f1d;
     border-radius: 7px;
     padding: 12px 24px;
     color: #ffffff;
     background-color: #e65f1d;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     font-size: 14px;
     font-weight: 600;
     line-height: 16px;
     text-decoration: none;
     gap: 5px;
     display: inline-flex;
     align-items: center;
 }

 .ac-btn:hover {
     background-color: #cd4604;
     border-color: transparent;
 }

 /* map section second step */
 .back-btn {
     margin-bottom: 8px;
 }


 .map-sec {
     margin-bottom: 16px;
 }

 .map-sec iframe {
     width: 100%;
     height: 384px;
 }

 .map-location .location-btn {
     float: left;
     display: flex;
     align-items: center;
 }

 .post-code {
     position: relative;
     display: flex;
     flex-wrap: nowrap;
 }

 .post-code input {
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     display: block;
     height: auto;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     border-radius: 0 6px 6px 0;
     border: 1px solid rgb(212 212 216 / 1);
     background-color: rgb(255 255 255 / 1);
     padding: 12px 24px;
     font-size: 14px;
     line-height: 20px;
     border-left: 0;
 }

 .post-code input:focus {
     border-color: #cd4604;
     outline: 0px solid transparent;
     outline-offset: 2px;
 }

 .second-step-main .btn svg {
     height: 19px;
     width: 19px;
 }

 .location-btn a {
     display: flex;
     align-items: center;
 }

 .second-step-main a.btn {
     border: 1.92px solid #cd4604;
     border-radius: 7px 0 0 7px;
     padding: 12px 24px;
     color: #e65f1d;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     font-size: 14px;
     font-weight: 600;
     line-height: 16px;
     text-decoration: none;
     gap: 5px;
 }

 .second-step-main a.btn:hover {
     color: #ffffff;
     background-color: #e65f1d;
     border-color: transparent;
 }

 .location-result {
     margin-top: 16px;
     margin-bottom: 24px;
 }

 .get-paid-location-card {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     display: flex;
     flex-direction: column;
     border-radius: 4px;
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
     padding: 16px;
     border: 1px solid #e4e4e7;
     margin-bottom: 16px;
     cursor: pointer;
 }

 .get-paid-location-card:hover {
     border-color: #e65f1d;
 }

 .get-paid-location .get-paid-location-container .get-paid-location-card .get-paid-location-title {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .get-paid-location-detail--show__item {
     display: flex;
     align-items: center;
     gap: 7px;
 }

 .get-paid-location-detail-action {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .get-paid-location-detail {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .get-paid-location-title {
     display: flex;
     justify-content: space-between;
     gap: 5px;
 }

 .get-paid-location-title-distance span {
     white-space: nowrap;
     text-align: right;
     font-size: 12px;
     line-height: 16px;
     font-weight: 600;
     --tw-text-opacity: 1;
     color: rgb(82 82 91 / var(--tw-text-opacity));
 }

 .load-more-btn {
     text-align: center;
 }

 .second-step-main button#loadMoreButton {
     border-radius: 4px;
     background-color: #000 !important;
     border-color: #000;
     color: #fff;
     margin: auto;
 }

 .action-btn svg {
     border: 1px solid;
     border-radius: 50%;
     background-color: #fff;
     fill: #000;
     margin-left: 5px;
 }

 .action-btn svg path {
     fill: #000;
 }

 #map {
     width: 100% !important;
 }

 /* responsive start */
 @media(max-width:991px) {

     .card-wrapper {
         padding: 0 0;
     }

     .get-paid-location-detail-action {
         flex-direction: column;
         align-items: flex-start;
         margin-top: 5px;
     }
 }

 @media(max-width:767px) {
     .get-paid-location-detail-show {
         width: 100%;
         margin-bottom: 16px;
     }

     .get-paid-location-detail-action {
         flex-direction: row;
         flex-wrap: wrap;
     }

     .location-btn span {
         display: none;
     }

     .map-sec iframe {
         width: 100%;
         height: 287px;
     }
 }

 @media(max-width:575px) {

     .get-paid-location-detail-action .action-btn,
     .get-paid-location-detail-action {
         width: 100%;
     }

     .get-paid-location-detail-action .action-btn a {
         width: 100%;
         justify-content: center;
     }

 }

 .spec .spec-terms {
     font-size: 14px;
     line-height: 20px;
     --tw-text-opacity: 1;
     color: rgb(33 37 41/var(--tw-text-opacity));
 }

 .get-paid-location-title--distance {
     font-size: 12px;
     font-weight: 600
 }

 .get-paid-location-title--name {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .ac-btn:hover {
     background-color: #cd4604;
     border-color: transparent;
 }

 .back-btn {
     margin-bottom: 8px;
 }

 .back-btn a {
     display: flex;
     align-items: center;
     font-size: 24px;
     line-height: 32px;
     font-weight: 400;
     color: rgb(0 0 0 / 1);
 }


 /* ==============----------------============= */
 .thirs-step-card {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     display: flex;
     border-radius: 4px;
     background-color: rgb(255 255 255 / 1);
     padding: 16px;
     border: 1px solid rgb(228 228 231 / 1);
     align-items: center;
 }

 .thirs-step-card .final-product-desc h3 {
     font-size: 24px;
     line-height: 32px;
 }

 .thirs-step-card svg {
     height: 35px;
     width: 35px;
     margin-right: 8px;
     font-size: 36px;
     line-height: 40px;
 }

 .third-step-location-info {
     width: 100%;
 }

 .location-name {
     font-size: 24px;
     line-height: 32px;
 }

 .location-address {
     color: rgb(228, 221, 221);
 }

 .final-product {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
 }

 .transparent-btn {
     border: 1.92px solid #e65f1d;
     border-radius: 7px;
     padding: 12px 24px;
     color: #ffffff;
     background-color: transparent;
     color: #e65f1d;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     font-size: 14px;
     font-weight: 600;
     line-height: 16px;
     text-decoration: none;
     gap: 5px;
     display: inline-flex;
     align-items: center;
 }

 .transparent-btn:hover {
     background-color: #e65f1d;
     color: #ffffff;
 }


 .qtySelector span {
     cursor: pointer;
     border-radius: 4px;
     --tw-bg-opacity: 1;
     background-color: rgb(244 244 245 / var(--tw-bg-opacity));
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 6px;
     padding-bottom: 6px;
 }

 .qtySelector .fa {
     padding: 10px 5px;
     width: 35px;
     height: 100%;
     cursor: pointer;
 }

 .qtySelector .fa.clicked {
     font-size: 12px;
     padding: 12px 5px;
 }


 .qtySelector .qtyValue {
     padding: 7px 0;
     text-align: center;
     font-size: 12px;
     line-height: 16px;
     border: 1px solid #d4d4d8;
     border-radius: 6px;
     max-width: 42px;
     margin: 0 5px;
 }



 .last-step-faqs-title h5 {
     font-size: 22px;
     text-align: right;

     display: flex;
     align-items: center;
     justify-content: flex-end;
     font-weight: 600;
 }

 .last-step-faqs-title h5 button {
     margin-left: 10px;
 }

 span#totalPrice {
     font-weight: 700;
     margin: 0 5px;
     display: inline-block;
     font-size: 22px;
 }

 .last-step-faqs-title h5 span {
     font-size: 18px;
     font-weight: 500;
 }

 .cart-container-img img {
     max-height: 64px;
     max-width: 64px;
     margin-left: auto;
     margin-right: auto;
 }

 .last-step-content-main {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 16px;
 }

 .cart-info-product {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .selected-product {
     margin-bottom: 16px;
     border-radius: 4px;
     --tw-bg-opacity: 1;
     background-color: rgb(241 241 241);
     padding: 16px;
 }

 .cart-controller {

     display: flex;
     justify-content: space-between;
 }

 .final-product-price {
     flex-grow: 0.5;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-end;
     text-align: right;
 }

 .cart-product-remove {
     margin-left: 8px;
     cursor: pointer;
     border-radius: 4px;
     background-color: rgb(251 222 219 / 1);
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 6px;
     padding-bottom: 6px;
     color: rgb(214 44 26 / 1);
     height: 28px;
     width: 28px;
     font-size: 14px;
     display: flex;
     align-items: center;
 }

 .last-step-faqs-title {
     position: relative;
     padding-right: 27px;
 }

 .last-step-faqs-title::before {
     content: "";
     background-image: url(faq-plush.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: unset;
     background-size: contain;
     display: inline-block;
     height: 12px;
     width: 14px;
     position: absolute;
     right: 0px;
     top: 50%;
     transform: translateY(-50%);
 }

 .last-step-faqs-title.close::before {
     transform: translateY(-50%) rotate(180deg);
 }

 .final-product-card-name p strong {
     font-size: 18px;
     line-height: 24px;
     font-weight: 600;
 }

 .third-step-top-sec {
     margin-bottom: 16px;
 }

 .get-paid-cart-button {
     display: flex;
     justify-content: space-between;
     gap: 24px;
 }

 .paid-btn {
     width: calc(50% - 12px);
 }

 .paid-btn a {
     border: 1px solid #000000;
     background-color: rgb(255 255 255 /1);
     background-color: rgb(255 255 255 /1);
     color: #000000;
     display: block;
     width: 100%;
     text-align: center;
     text-decoration: none;
     border-radius: 4px;
     padding: 10px 24px;
     transition: all 0.4s ease-in-out;
 }

 /* thirs step end */



 @media(max-width:767px) {
     .last-step-content-main {
         flex-direction: column;
         padding-top: 32px;
     }

     .cart-controller,
     .cart-info-product {
         width: 100%;
     }

     .cart-controller {
         margin-top: 8px;
         align-items: center;
     }

     .final-product {
         flex-wrap: wrap;
     }

     .final-product-btn {
         width: 100%;
         text-align: right;
         margin-top: 8px;
     }

     .thirs-step-card {
         align-items: flex-start;
     }

     .thirs-step-card svg {
         height: 20px;
         width: 20px;
     }

     .get-paid-cart-button {
         flex-direction: column;
     }

     .paid-btn {
         width: 100%;
     }
 }

 @media(max-width:575px) {
     .last-step-faqs-title h5 {
         text-align: left;
     }

     .last-step-faqs-title h5 span {
         margin-bottom: 5px;
         display: block;
     }

     .last-step-faqs-title h5 {
         justify-content: center;
         flex-wrap: wrap;
         gap: 10px 2px
     }

     .last-step-faqs-title h5 span {
         font-size: 15px;
     }

     .last-step-faqs-title h5,
     span#totalPrice {
         font-size: 18px;
     }

     .section-card-list {
         justify-content: center;
         gap: 16px;
     }
 }


 /* ==============----------------============= */

 .third-step-top-sec {
     margin-bottom: 16px;
 }

 .paid-btn {
     width: calc(50% - 12px);
 }

 /* thirs step end */


 /* third-step form design */
 .check-out-form {
     margin-top: 30px;
 }

 .form-row {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 18px;
 }

 .half-clm {
     max-width: calc(50% - 4px);
     width: 100%;
     position: relative;
 }

 .form-row input:is([type='text'], [type='email'], [type='tel']) {
     width: 100%;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 14px;
     padding-bottom: 14px;
     border: 1px solid #d4d4d8;
     font-size: 14px;
     border-radius: 6px;
     text-overflow: ellipsis;
 }

 .full-clm {
     width: 100%;
     max-width: 100%;
     position: relative;
 }

 .form-row input:focus {
     outline: none;
     border-color: #e65f1d;
 }

 .form-row :is(.half-clm, .full-clm) input:focus~label,
 .form-row :is(.half-clm, .full-clm) label.selected {
     top: 0;
     color: #e65f1d;
     background: #fff;
 }

 .pay-method-main h2 {
     font-size: 28px;
     line-height: 28px;
     margin-bottom: 20px;
 }

 .pay-method {
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
 }

 .payout-card {
     cursor: pointer;
     border-radius: 6px;
     border: 1px solid #e4e4e7;
     padding: 16px;
     max-width: 206px;
     width: 100%;
     text-align: center;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

 .payout-icon svg {
     height: 45px;
     width: 56px;
 }

 .payout-icon svg path {
     fill: #e65f1d;
 }

 .payout-icon {
     margin-bottom: 5px;
 }

 .payout-card.card-selected {
     border-color: #e65f1d;
     background-color: #e65f1d;
     color: rgb(255 255 255 / 1);
 }

 .payout-card:hover {
     border-color: #e65f1d;
 }

 .payout-card.card-selected svg path {
     fill: #fff;
 }

 .pay-method-main {
     margin-top: 32px;
 }

 .form-check-out {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-start;
     -moz-column-gap: 16px;
     column-gap: 16px;
     row-gap: 4px;
 }

 .form-check-out input {
     display: inline-block;
     cursor: pointer;
     font-size: 24px;
     line-height: 32px;
     accent-color: #e65f1d;
     height: 16px;
     width: 16px;
 }

 .input-para p {
     font-size: 12px;
     line-height: 16px;
     color: #71717a;
 }

 .form-check-btn {
     margin-top: 20px;
     text-align: right;
 }

 a.ac-btn:focus {
     outline: 2px solid #e65f1d;
     border: 2px solid #fff;
 }

 .form-row .responsive-tooltip-label {
     position: absolute;
     right: 11px;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     z-index: 11;
 }

 .tooltop-text {
     width: 221px;
     border-radius: 6px;
     background-color: rgb(63 63 70 / 1);
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 8px;
     padding-bottom: 8px;
     color: rgb(255 255 255 / 1);
     position: absolute;
     right: -20px;
     bottom: 30px;
     font-size: 14px;
     line-height: 16px;
     opacity: 0;
 }

 .responsive-tooltip-label:hover .tooltop-text {
     opacity: 1;
 }

 /* third-step form design end */

 @media(max-width:991px) {

     .form-check-btn {
         text-align: left;
     }
 }

 @media(max-width:767px) {
     .last-step-content-main {
         flex-direction: column;
         padding-top: 32px;
     }

     .thirs-step-card {
         align-items: flex-start;
     }

     .thirs-step-card svg {
         height: 20px;
         width: 20px;
     }

     .get-paid-cart-button {
         flex-direction: column;
     }

     .paid-btn {
         width: 100%;
     }
 }

 @media(max-width:575px) {
     .last-step-faqs-title h5 {
         text-align: left;
     }

     .last-step-faqs-title h5 span {
         margin-bottom: 5px;
         display: block;
     }

     /* form design */

     .payout-card {
         max-width: 100%;
     }

     .input-phone.half-clm {
         width: 100%;
         max-width: 100%;
     }


     /* form design */

     .collapsed .last-step-content-main {
         display: none;
     }

     .collapsed .last-step-faqs-title:after {
         content: '+';
         float: right;
     }

     .last-step-faqs-title:after {
         content: '-';
         float: right;
     }

 }


 /* ==============----------------============= */

 .third-step-top-sec {
     margin-bottom: 16px;
 }

 .paid-btn {
     width: 100%;
     text-align: center;
 }

 .paid-btn.select a {
     color: rgb(255 255 255 /1);
     background-color: #000000;
 }

 .paid-btn a:hover {
     color: rgb(255 255 255 /1);
     background-color: #000000;
 }

 /* thirs step end */


 /* third-step form design */

 .form-title h3 {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 20px;
 }

 .form-row :is(.clm-inner):not(.form-check-out) label {
     position: absolute;
     left: 16px;
     margin: auto;
     top: 50%;
     transform: translateY(-50%);
     width: max-content;
     width: max-content;
     z-index: 11;
     padding: 0 8px;

     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

 .clm-inner {
     position: relative;
 }

 .form-row :is(.clm-inner) input:focus+label,
 .form-row :is(.clm-inner) label.selected {
     top: 0;
     color: #e65f1d;
     background: #fff;
 }


 .faqs-content ul li {
     list-style-type: none;
     position: relative;
     padding-left: 24px;
     margin-bottom: 8px;
     font-size: 14px;
 }

 .faqs-content ul li::before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     background-image: url('../list-icon.svg');
     background-repeat: no-repeat;
     background-size: contain;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .clm-inner {
     position: relative;
 }

 /* third-step form design end */

 @media(max-width:991px) {

     .form-check-btn {
         text-align: left;
     }
 }

 @media(max-width:575px) {
     .other-card .col-12 {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
     #ext-chat-container{
         margin: 0 -50px !important;
     }

     .last-step-faqs-title h5 {
         text-align: left;
     }

     .last-step-faqs-title h5 span {
         margin-bottom: 5px;
         display: block;
     }

     /* form design */

     .payout-card {
         max-width: 100%;
     }

     .input-phone.half-clm {
         width: 100%;
         max-width: 100%;
     }


     /* form design */
 }

 .spec-terms-list {
     margin-left: 30px;
     font-size: small;
 }

 .search-results-dropdown {
     display: none;
     /* Initially hidden */
     position: absolute;
     background-color: white;
     border: 1px solid #ccc;
     width: 100%;
     max-height: 400px;
     overflow-y: auto;
     z-index: 1000;
 }

 .search-results-dropdown ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .search-results-dropdown li {
     padding: 10px;
     cursor: pointer;
 }

 .search-results-dropdown li:hover {
     background-color: #f0f0f0;
 }

 p {
     margin-bottom: 0px !important;
 }

 .select-condition-btn {
     background-color: rgb(22, 21, 21);
     color: white;
 }

 .select-condition-btn:hover {
     color: white !important;
     background-color: #FF671D;
 }


 .card-wrapper {
     width: 90%;
     max-width: auto !important;
     margin: auto;
 }

 .get-paid-desc-detail h3 {
     font-size: 30px;
     line-height: 36px;
     margin-bottom: 8px;
     font-weight: 700;
 }

 .get-paid-desc-detail p {
     margin-bottom: 16px;
     font-size: 18px;
 }

 .details-offer {
     margin-bottom: 20px;
 }

 .get-paid-desc-order {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .get-paid-desc-left,
 .get-paid-desc-right {
     max-width: 50%;
     width: 100%;
 }

 .get-paid-desc-part {
     margin-top: 12px;
     margin-bottom: 12px;
 }

 .get-paid-desc-part p {
     font-size: 18px;
 }

 .get-paid-desc-part .order-text,
 .get-paid-order-detail-order-part .order-text {
     color: #71717a;
     font-size: 16px;
     margin-bottom: 2px;
 }

 .get-paid-desc-btn a {
     border-radius: 4px;
     padding: 10px 24px;
     border: 1px solid #cd4604;
     display: inline-block;
     color: #cd4604;
     text-decoration: none;
     font-size: 14px;
     font-weight: 600;
     line-height: 16px;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

 .get-paid-desc-btn a:hover {
     background-color: #cd4604;
     color: #fff;
 }

 .get-paid-order-detail-order-part {
     margin: 12px 0;
 }

 .get-paid-order-detail-order-part a {
     display: block;
     font-size: 18px;
     line-height: 24px;
     color: rgb(39 39 42 /1);
     text-decoration-line: none;
 }

 .get-paid-order-detail-notice h4 {
     margin-top: 20px;
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 28px;
     font-weight: 500;
 }

 .get-paid-order-detail-notice h5 {
     font-size: 22px;
     line-height: 28px;
 }

 table.table {
     width: 100%;
     border-collapse: collapse;
 }

 th.product-head {
     text-align: left;
 }

 .table td,
 .table th {
     padding: 16px 24px;
 }

 .table th {
     border: 1px solid #e4e4e7;
 }

 thead {
     background-color: #f4f4f5;
 }

 .get-paid-order-detail-table-paragraph {
     font-size: 20px;
     line-height: 24px;
 }

 .small-text {
     font-size: 13px;
     margin-top: 4px;
 }

 .get-paid-order-detail-table-td {
     border-bottom: 1px solid #e4e4e7
 }

 td.get-paid-order-detail-table-td h5 {
     margin: 0;
 }

 .details-offer h3 {
     font-weight: 400;
     font-size: 23px;
 }

 #modelContainer {
     justify-content: center;
 }

 .collapse--disabled {
     user-select: none;
     opacity: 0.4;
     cursor: not-allowed;
     pointer-events: none;
 }

 .collapse--disabled .inner-content-item {
     cursor: unset;
 }

 /* search-result */
 .search-sell .search-results-dropdown ul li {
     display: flex;
     align-items: center;
     -moz-column-gap: 8px;
     column-gap: 8px;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 12px;
     padding-bottom: 12px;
     text-decoration-line: none;
 }

 .search-sell .search-results-dropdown li:hover {
     background-color: rgb(255 195 129 / 50%);
 }

 /* search-result end */

 .product-price {
     background-color: #FF671D;
     color: #fff;
     border-radius: 12px;
     padding: 5px 10px;
     font-size: 12px;
     font-weight: bold;
 }

 .search-sell .search-results-dropdown li .product-name {
     color: #a1a1aa;
 }

 .search-sell .search-results-dropdown li:hover .product-name {
     color: #e65f1d;
 }

 .card-img{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin: 0 auto;

     border-radius: 10px;

     min-height: 96px;
 }


 @media(max-width:767px) {

     .get-paid-desc-left,
     .get-paid-desc-right {
         max-width: 100%;
         width: 100%;
     }

     .get-paid-desc-left {
         margin-bottom: 12px;
     }

     .get-paid-desc-part .order-text,
     .get-paid-order-detail-order-part .order-text {
         font-size: 18px;
     }

     .section-card-list .card-item {
         width: calc(50% - 12px);
     }
 }

 @media(max-width:575px) {
     .section-card-list .card-item {
         width: 100%;
         display: flex;
         align-items: center;
         gap: 20px;
     }

     .section-card-list .card-img {
         width: auto;
         margin: 0px 30px 0 10px
     } * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }


     label.error.text-danger {
         font-weight: 400 !important;
     }

     .file-upload {
         position: relative;
         overflow: hidden;
         display: inline-block;
     }

     .file-upload input[type='file'] {
         position: absolute;
         left: 0;
         top: 0;
         opacity: 0;
         width: 100%;
         height: 100%;
         cursor: pointer;
     }

     .file-icon {
         display: inline-block;
         padding: 6px 12px;
         background-color: #FF671D;
         color: #fff;
         border-radius: 4px;
         cursor: pointer;
     }

     .file-icon i {
         margin-right: 5px;
     }


     .file-upload:hover .file-icon {
         background-color: #FF671D;
     }

     .select2-selection {
         height: 38px;
     }

     .select2-container--default .select2-selection--single {
         height: 38px !important;
     }

     .card {
         border-color: #FF671D !important;
         /* color: #FF671D !important; */
     }

     .custom-button {
         min-width: 150px;
         background-color: #FF671D !important;
         color: white;
     }

     .custom-button:hover {
         color: white;
         /* Set font color to white on hover */
     }

     .custom-color {
         color: #FF671D !important;

     }

     .page-item.active .page-link {
         z-index: 3;
         color: #fff;
         background-color: #FF671D;
         border: none;
     }

     .select2-container--default .select2-results__option--highlighted[aria-selected],
     .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
         background-color: #FF671D !important;
     }

     .select2-container--default.select2-container--focus .select2-selection--single {
         border-color: #FF671D;
     }

     .select2-container--default.select2-container--open .select2-selection--single {
         border-color: #FF671D !important;
     }

     .select2-search__field {
         border-color: #FF671D !important;

     }

     .select2-container--default.select2-container--focus:focus-visible .select2-selection--single {
         border-color: #FF671D !important;
     }

     .form-control:focus {
         border-color: #FF671D;
         outline: 0;
     }

     .select2-container :is(:focus-visible) {
         outline: none;
     }

     .login-box .card .card-body {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .login-box .card .card-body .logo {
         height: auto;
         width: 100px;
     }

     .offer-page {
         -ms-flex-align: center;
         align-items: center;
         background-color: #e9ecef;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         height: 100vh !important;
         -ms-flex-pack: center;
         justify-content: center;
     }

     .offer-box .card .card-body {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .offer-box .card-body .card-widget .card-header {
         width: 337px;
     }

     .offer-box {
         width: 450px;
     }

     #loader-wrapper {
         position: absolute;
         top:0;
         left:0;
         z-index: 9999;
         width: 100%;
         height: 100%;
         background-color: rgba(255, 255, 255, 0.8);
         display: flex;
         justify-content: center;
         align-items: center;
     }

     #loader {
         border: 8px solid #f3f3f3;
         border-top: 8px solid #FF671D;
         border-radius: 50%;
         width: 50px;
         height: 50px;
         animation: spin 2s linear infinite;
     }

     @keyframes spin {
         0% {
             transform: rotate(0deg);
         }

         100% {
             transform: rotate(360deg);
         }
     }

     .fc .fc-daygrid-day-frame {
         padding-top: 50px;
         padding-bottom: 10px;
         height: auto !important;
     }

     .t-m-space-1-75 {
         margin-bottom: 1.75rem;
     }

     .custom-card {
         width: 71%;
         /* Adjust width as needed */
         margin-bottom: 20px;
         /* Add margin-bottom for spacing */
     }

     .view-default .view-default-step-container {
         display: none !important;
         width: 100%;
     }

     .step-main {
         display: none !important;
         margin-right: auto;
         margin-left: auto;

         width: 50%;
         align-items: center;
         white-space: nowrap;
     }

     .step-main .step:not(:last-child) {
         flex: 1 1 0%;
     }

     .step-main .step {
         overflow: visible;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         z-index: 0;
         display: flex;
         height: 112px;
         flex-direction: column;
         padding-top: 16px;
     }

     .step-main .step .step-container {
         margin-bottom: 8px;
         display: flex;
     }

     .step-main .step .step-tooltip {
         position: relative;
         z-index: 10;
     }

     .step-main .step .step-dot {
         content: "";
         z-index: 3;
         box-shadow: 0 0 0 2px rgb(255, 255, 255);
         transition: all 0.5s ease-in-out;
         transform: scale(0.9);
         display: flex;
         height: 32px;
         width: 32px;
         flex-shrink: 0;
         align-items: center;
         justify-content: center;
         border-radius: 9999px;
         border-width: 2px;
         border-style: solid;
         border-color: #e65f1d;
         background-color: #e65f1d;
     }

     .step-main .step.step--active~.step .step-dot {
         --tw-border-opacity: 1;
         border-color: rgb(161 161 170 /1);
         opacity: 1;
         background-color: rgb(255 255 255 / 1);
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }

     .step-main .step.step--active .step-dot {
         position: relative;
         border-color: #e65f1d;
         --tw-bg-opacity: 1;
         background-color: rgb(255 255 255 / 1);
     }

     .step-main .step.step--active .step-dot:before {
         content: "";
         transform: scale(0.9);
         animation: wave 1s linear infinite;
         position: absolute;
         height: 24px;
         width: 24px;
         border-radius: 9999px;
         background-color: #e65f1d;
     }

     .step-main .step.step--active .step-dot .step-dot-icon {
         display: none;
     }

     .step-main .step .step-dot svg:not(.svg) {
         font-size: 24px;
     }

     .step-main .step .step-dot-icon {
         --tw-text-opacity: 1;
         color: rgb(255 255 255 / 1);
     }

     .step-main .step .step-progress {
         height: 3px;
         position: relative;
         margin-top: auto;
         margin-bottom: auto;
         margin-left: -8px;
         width: 100%;
         --tw-bg-opacity: 1;
         background-color: rgb(212 212 216 / 1);
     }


     .step-main .step .step-progress-active {
         height: 3px;
         position: relative;
         margin-top: auto;
         margin-bottom: auto;
         margin-left: -8px;
         width: 100%;
         --tw-bg-opacity: 1;
         background-color: #e65f1d;
     }

     .step-main .step.step--active~.step {
         opacity: 0.6;
     }

     .spec-title-product {
         font-size: 12px !important;
         line-height: 17px !important;
         display: inline-block;
     }


     /* ============  card design ==================*/
     #reusely_holder > img {
         display: block;
         height: 100%;
         width: 100%;
     }

     .section-card-list {
         display: flex;
         flex-wrap: wrap;
         gap: 24px;
         margin-top: 64px;
         /* justify-content: center; */
     }

     .section-card-list .card-item {
         padding: 15px;
         border-width: 1px;
         border-style: solid;
         border-color: rgb(228 228 231);
         width: calc(25% - 18px);
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         cursor: pointer;
         border-radius: 25px;
         background-color: #CCC;
     }

     .section-card-list .card-item img {
         max-height: 96px;
         width: auto;
         max-width: 100%;
         margin: auto;
     }

     .section-card-title p {
         width: 100%;
         overflow-wrap: break-word;
         font-size: 16px;
         line-height: 24px;
         margin-top: 10px;
         text-align: center;
     }

     .card-item:hover {
         background-color: #e65f1d;
     }

     .card-item:hover .section-card-title p {
         color: #fff;
     }

     /* serchbox */
     .search-sell .search-sell-input {
         display: block;
         height: auto;
         width: 100%;
         border-radius: 6px;
         border-width: 1px;
         border-style: solid;
         --tw-border-opacity: 1;
         border-color: rgb(212 212 216 / 1);
         background-color: rgb(255 255 255 / 1);
         padding-left: 24px;
         padding-right: 24px;
         padding-top: 10px;
         padding-bottom: 10px;
         font-size: 16px;
         line-height: 24px;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, -webkit-backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
         box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         padding-left: 50px;
     }

     .search-sell .search-sell-icon {
         position: absolute;
         top: 50%;
         left: 16px;
         transform: translateY(-50%);
         color: rgb(212 212 216 / 1);
     }

     .search-sell {
         touch-action: pan-x pan-y;
         z-index: 1;
         position: relative;
         margin-top: 16px;
         margin-bottom: 16px;
     }

     .card-item.model-card:hover {
         background: none !important;
         border-color: #e65f1d;
     }

     .card-item.model-card:hover .section-card-upto{
         color: black !important;
     }

     .card-item.model-card:hover .section-card-title p, .section-card-upto:hover {
         color: black !important;
     }

     .button:not(:disabled).button--color.button--color_secondary {
         background-color: #e65f1d;
         --tw-text-opacity: 1;
         color: rgb(255 255 255/var(--tw-text-opacity));
     }

     .price-check.selected:not(.specification-release_year .price-check.selected) {
         border-color: #e65f1d;
         color: #e65f1d;
         box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
         0 2px 4px -2px rgb(0 0 0 / 0.1);
     }

     .payout-card.selected {
         border-color: #e65f1d;
         color: #e65f1d;
         box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
         0 2px 4px -2px rgb(0 0 0 / 0.1);
     }

     a {
         display: inline-block;
     }

     .ac-btn {
         border: 1.92px solid #e65f1d;
         border-radius: 7px;
         padding: 12px 24px;
         color: #ffffff;
         background-color: #e65f1d;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         font-size: 14px;
         font-weight: 600;
         line-height: 16px;
         text-decoration: none;
         gap: 5px;
         display: inline-flex;
         align-items: center;
     }

     .ac-btn:hover {
         background-color: #cd4604;
         border-color: transparent;
     }

     /* map section second step */
     .back-btn {
         margin-bottom: 8px;
     }


     .map-sec {
         margin-bottom: 16px;
     }

     .map-sec iframe {
         width: 100%;
         height: 384px;
     }

     .map-location .location-btn {
         float: left;
         display: flex;
         align-items: center;
     }

     .post-code {
         position: relative;
         display: flex;
         flex-wrap: nowrap;
     }

     .post-code input {
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         display: block;
         height: auto;
         width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         border-radius: 0 6px 6px 0;
         border: 1px solid rgb(212 212 216 / 1);
         background-color: rgb(255 255 255 / 1);
         padding: 12px 24px;
         font-size: 14px;
         line-height: 20px;
         border-left: 0;
     }

     .post-code input:focus {
         border-color: #cd4604;
         outline: 0px solid transparent;
         outline-offset: 2px;
     }

     .second-step-main .btn svg {
         height: 19px;
         width: 19px;
     }

     .location-btn a {
         display: flex;
         align-items: center;
     }

     .second-step-main a.btn {
         border: 1.92px solid #cd4604;
         border-radius: 7px 0 0 7px;
         padding: 12px 24px;
         color: #e65f1d;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         font-size: 14px;
         font-weight: 600;
         line-height: 16px;
         text-decoration: none;
         gap: 5px;
     }

     .second-step-main a.btn:hover {
         color: #ffffff;
         background-color: #e65f1d;
         border-color: transparent;
     }

     .location-result {
         margin-top: 16px;
         margin-bottom: 24px;
     }

     .get-paid-location-card {
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         display: flex;
         flex-direction: column;
         border-radius: 4px;
         --tw-bg-opacity: 1;
         background-color: rgb(255 255 255 / var(--tw-bg-opacity));
         padding: 16px;
         border: 1px solid #e4e4e7;
         margin-bottom: 16px;
         cursor: pointer;
     }

     .get-paid-location-card:hover {
         border-color: #e65f1d;
     }

     .get-paid-location .get-paid-location-container .get-paid-location-card .get-paid-location-title {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     .get-paid-location-detail--show__item {
         display: flex;
         align-items: center;
         gap: 7px;
     }

     .get-paid-location-detail-action {
         display: flex;
         align-items: center;
         gap: 8px;
     }

     .get-paid-location-detail {
         display: flex;
         justify-content: space-between;
         align-items: center;
         flex-wrap: wrap;
     }

     .get-paid-location-title {
         display: flex;
         justify-content: space-between;
         gap: 5px;
     }

     .get-paid-location-title-distance span {
         white-space: nowrap;
         text-align: right;
         font-size: 12px;
         line-height: 16px;
         font-weight: 600;
         --tw-text-opacity: 1;
         color: rgb(82 82 91 / var(--tw-text-opacity));
     }

     .load-more-btn {
         text-align: center;
     }

     .second-step-main button#loadMoreButton {
         border-radius: 4px;
         background-color: #000 !important;
         border-color: #000;
         color: #fff;
         margin: auto;
     }

     .action-btn svg {
         border: 1px solid;
         border-radius: 50%;
         background-color: #fff;
         fill: #000;
         margin-left: 5px;
     }

     .action-btn svg path {
         fill: #000;
     }

     #map {
         width: 100% !important;
     }

     /* responsive start */
     @media(max-width:991px) {

         .card-wrapper {
             padding: 0 30px;
         }

         .get-paid-location-detail-action {
             flex-direction: column;
             align-items: flex-start;
             margin-top: 5px;
         }
     }

     @media(max-width:767px) {
         .get-paid-location-detail-show {
             width: 100%;
             margin-bottom: 16px;
         }

         .get-paid-location-detail-action {
             flex-direction: row;
             flex-wrap: wrap;
         }

         .location-btn span {
             display: none;
         }

         .map-sec iframe {
             width: 100%;
             height: 287px;
         }
     }

     @media(max-width:575px) {

         .get-paid-location-detail-action .action-btn,
         .get-paid-location-detail-action {
             width: 100%;
         }

         .get-paid-location-detail-action .action-btn a {
             width: 100%;
             justify-content: center;
         }

     }

     .spec .spec-terms {
         font-size: 14px;
         line-height: 20px;
         --tw-text-opacity: 1;
         color: rgb(33 37 41/var(--tw-text-opacity));
     }

     .get-paid-location-title--distance {
         font-size: 12px;
         font-weight: 600
     }

     .get-paid-location-title--name {
         font-size: 18px;
         line-height: 28px;
         font-weight: 600;
         text-transform: capitalize;
     }

     .ac-btn:hover {
         background-color: #cd4604;
         border-color: transparent;
     }

     .back-btn {
         margin-bottom: 8px;
     }

     .back-btn a {
         display: flex;
         align-items: center;
         font-size: 24px;
         line-height: 32px;
         font-weight: 400;
         color: rgb(0 0 0 / 1);
     }


     /* ==============----------------============= */
     .thirs-step-card {
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         display: flex;
         border-radius: 4px;
         background-color: rgb(255 255 255 / 1);
         padding: 16px;
         border: 1px solid rgb(228 228 231 / 1);
         align-items: center;
     }

     .thirs-step-card .final-product-desc h3 {
         font-size: 24px;
         line-height: 32px;
     }

     .thirs-step-card svg {
         height: 35px;
         width: 35px;
         margin-right: 8px;
         font-size: 36px;
         line-height: 40px;
     }

     .third-step-location-info {
         width: 100%;
     }

     .location-name {
         font-size: 24px;
         line-height: 32px;
     }

     .location-address {
         color: rgb(228, 221, 221);
     }

     .final-product {
         display: flex;
         justify-content: space-between;
         align-items: center;
         width: 100%;
     }

     .transparent-btn {
         border: 1.92px solid #e65f1d;
         border-radius: 7px;
         padding: 12px 24px;
         color: #ffffff;
         background-color: transparent;
         color: #e65f1d;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         font-size: 14px;
         font-weight: 600;
         line-height: 16px;
         text-decoration: none;
         gap: 5px;
         display: inline-flex;
         align-items: center;
     }

     .transparent-btn:hover {
         background-color: #e65f1d;
         color: #ffffff;
     }


     .qtySelector span {
         cursor: pointer;
         border-radius: 4px;
         --tw-bg-opacity: 1;
         background-color: rgb(244 244 245 / var(--tw-bg-opacity));
         padding-left: 8px;
         padding-right: 8px;
         padding-top: 6px;
         padding-bottom: 6px;
     }

     .qtySelector .fa {
         padding: 10px 5px;
         width: 35px;
         height: 100%;
         cursor: pointer;
     }

     .qtySelector .fa.clicked {
         font-size: 12px;
         padding: 12px 5px;
     }


     .qtySelector .qtyValue {
         padding: 7px 0;
         text-align: center;
         font-size: 12px;
         line-height: 16px;
         border: 1px solid #d4d4d8;
         border-radius: 6px;
         max-width: 42px;
         margin: 0 5px;
     }



     .last-step-faqs-title h5 {
         font-size: 22px;
         text-align: right;

         display: flex;
         align-items: center;
         justify-content: flex-end;
         font-weight: 600;
     }

     .last-step-faqs-title h5 button {
         margin-left: 10px;
     }

     span#totalPrice {
         font-weight: 700;
         margin: 0 5px;
         display: inline-block;
         font-size: 22px;
     }

     .last-step-faqs-title h5 span {
         font-size: 18px;
         font-weight: 500;
     }

     .cart-container-img img {
         max-height: 64px;
         max-width: 64px;
         margin-left: auto;
         margin-right: auto;
     }

     .last-step-content-main {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding-top: 16px;
     }

     .cart-info-product {
         display: flex;
         align-items: center;
         gap: 20px;
     }

     .selected-product {
         margin-bottom: 16px;
         border-radius: 4px;
         --tw-bg-opacity: 1;
         background-color: rgb(241 241 241);
         padding: 16px;
     }

     .cart-controller {
         width: 50%;
         display: flex;
         justify-content: space-between;
     }

     .final-product-price {
         flex-grow: 0.5;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: flex-end;
         text-align: right;
     }

     .cart-product-remove {
         margin-left: 8px;
         cursor: pointer;
         border-radius: 4px;
         background-color: rgb(251 222 219 / 1);
         padding-left: 8px;
         padding-right: 8px;
         padding-top: 6px;
         padding-bottom: 6px;
         color: rgb(214 44 26 / 1);
         height: 28px;
         width: 28px;
         font-size: 14px;
         display: flex;
         align-items: center;
     }

     .last-step-faqs-title {
         position: relative;
         padding-right: 27px;
     }

     .last-step-faqs-title::before {
         content: "";
         background-image: url(faq-plush.svg);
         background-position: center;
         background-repeat: no-repeat;
         background-size: unset;
         background-size: contain;
         display: inline-block;
         height: 12px;
         width: 14px;
         position: absolute;
         right: 0px;
         top: 50%;
         transform: translateY(-50%);
     }

     .last-step-faqs-title.close::before {
         transform: translateY(-50%) rotate(180deg);
     }

     .final-product-card-name p strong {
         font-size: 18px;
         line-height: 24px;
         font-weight: 600;
     }

     .third-step-top-sec {
         margin-bottom: 16px;
     }

     .get-paid-cart-button {
         display: flex;
         justify-content: space-between;
         gap: 24px;
     }

     .paid-btn {
         width: calc(50% - 12px);
     }

     .paid-btn a {
         border: 1px solid #000000;
         background-color: rgb(255 255 255 /1);
         background-color: rgb(255 255 255 /1);
         color: #000000;
         display: block;
         width: 100%;
         text-align: center;
         text-decoration: none;
         border-radius: 4px;
         padding: 10px 24px;
         transition: all 0.4s ease-in-out;
     }

     /* thirs step end */



     @media(max-width:767px) {
         .last-step-content-main {
             flex-direction: column;
             padding-top: 32px;
         }

         .cart-controller,
         .cart-info-product {
             width: 100%;
         }

         .cart-controller {
             margin-top: 8px;
             align-items: center;
         }

         .final-product {
             flex-wrap: wrap;
         }

         .final-product-btn {
             width: 100%;
             text-align: right;
             margin-top: 8px;
         }

         .thirs-step-card {
             align-items: flex-start;
         }

         .thirs-step-card svg {
             height: 20px;
             width: 20px;
         }

         .get-paid-cart-button {
             flex-direction: column;
         }

         .paid-btn {
             width: 100%;
         }
     }

     @media(max-width:575px) {
         .last-step-faqs-title h5 {
             text-align: left;
         }

         .last-step-faqs-title h5 span {
             margin-bottom: 5px;
             display: block;
         }

         .last-step-faqs-title h5 {
             justify-content: center;
             flex-wrap: wrap;
             gap: 10px 2px
         }

         .last-step-faqs-title h5 span {
             font-size: 15px;
         }

         .last-step-faqs-title h5,
         span#totalPrice {
             font-size: 18px;
         }

         .section-card-list {
             justify-content: center;
             gap: 16px;
         }
     }


     /* ==============----------------============= */

     .third-step-top-sec {
         margin-bottom: 16px;
     }

     .paid-btn {
         width: calc(50% - 12px);
     }

     /* thirs step end */


     /* third-step form design */
     .check-out-form {
         margin-top: 30px;
     }

     .form-row {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
         margin-bottom: 18px;
     }

     .half-clm {
         max-width: calc(50% - 4px);
         width: 100%;
         position: relative;
     }

     .form-row input:is([type='text'], [type='email'], [type='tel']) {
         width: 100%;
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 14px;
         padding-bottom: 14px;
         border: 1px solid #d4d4d8;
         font-size: 14px;
         border-radius: 6px;
         text-overflow: ellipsis;
     }

     .full-clm {
         width: 100%;
         max-width: 100%;
         position: relative;
     }

     .form-row input:focus {
         outline: none;
         border-color: #e65f1d;
     }

     .form-row :is(.half-clm, .full-clm) input:focus~label,
     .form-row :is(.half-clm, .full-clm) label.selected {
         top: 0;
         color: #e65f1d;
         background: #fff;
     }

     .pay-method-main h2 {
         font-size: 28px;
         line-height: 28px;
         margin-bottom: 20px;
     }

     .pay-method {
         display: flex;
         gap: 16px;
         flex-wrap: wrap;
     }

     .payout-card {
         cursor: pointer;
         border-radius: 6px;
         border: 1px solid #e4e4e7;
         padding: 16px;
         max-width: 206px;
         width: 100%;
         text-align: center;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }

     .payout-icon svg {
         height: 45px;
         width: 56px;
     }

     .payout-icon svg path {
         fill: #e65f1d;
     }

     .payout-icon {
         margin-bottom: 5px;
     }

     .payout-card.card-selected {
         border-color: #e65f1d;
         background-color: #e65f1d;
         color: rgb(255 255 255 / 1);
     }

     .payout-card:hover {
         border-color: #e65f1d;
     }

     .payout-card.card-selected svg path {
         fill: #fff;
     }

     .pay-method-main {
         margin-top: 32px;
     }

     .form-check-out {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: flex-start;
         -moz-column-gap: 16px;
         column-gap: 16px;
         row-gap: 4px;
     }

     .form-check-out input {
         display: inline-block;
         cursor: pointer;
         font-size: 24px;
         line-height: 32px;
         accent-color: #e65f1d;
         height: 16px;
         width: 16px;
     }

     .input-para p {
         font-size: 12px;
         line-height: 16px;
         color: #71717a;
     }

     .form-check-btn {
         margin-top: 20px;
         text-align: right;
     }

     a.ac-btn:focus {
         outline: 2px solid #e65f1d;
         border: 2px solid #fff;
     }

     .form-row .responsive-tooltip-label {
         position: absolute;
         right: 11px;
         top: 50%;
         transform: translateY(-50%);
         cursor: pointer;
         z-index: 11;
     }

     .tooltop-text {
         width: 221px;
         border-radius: 6px;
         background-color: rgb(63 63 70 / 1);
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 8px;
         padding-bottom: 8px;
         color: rgb(255 255 255 / 1);
         position: absolute;
         right: -20px;
         bottom: 30px;
         font-size: 14px;
         line-height: 16px;
         opacity: 0;
     }

     .responsive-tooltip-label:hover .tooltop-text {
         opacity: 1;
     }

     /* third-step form design end */

     @media(max-width:991px) {

         .form-check-btn {
             text-align: left;
         }
     }

     @media(max-width:767px) {
         .last-step-content-main {
             flex-direction: column;
             padding-top: 32px;
         }

         .thirs-step-card {
             align-items: flex-start;
         }

         .thirs-step-card svg {
             height: 20px;
             width: 20px;
         }

         .get-paid-cart-button {
             flex-direction: column;
         }

         .paid-btn {
             width: 100%;
         }
     }

     @media(max-width:575px) {
         .last-step-faqs-title h5 {
             text-align: left;
         }

         .last-step-faqs-title h5 span {
             margin-bottom: 5px;
             display: block;
         }

         /* form design */

         .payout-card {
             max-width: 100%;
         }

         .input-phone.half-clm {
             width: 100%;
             max-width: 100%;
         }


         /* form design */

         .collapsed .last-step-content-main {
             display: none;
         }

         .collapsed .last-step-faqs-title:after {
             content: '+';
             float: right;
         }

         .last-step-faqs-title:after {
             content: '-';
             float: right;
         }

     }


     /* ==============----------------============= */

     .third-step-top-sec {
         margin-bottom: 16px;
     }

     .paid-btn {
         width: 100%;
         text-align: center;
     }

     .paid-btn.select a {
         color: rgb(255 255 255 /1);
         background-color: #000000;
     }

     .paid-btn a:hover {
         color: rgb(255 255 255 /1);
         background-color: #000000;
     }

     /* thirs step end */


     /* third-step form design */

     .form-title h3 {
         font-size: 20px;
         line-height: 28px;
         margin-bottom: 20px;
     }

     .form-row :is(.clm-inner):not(.form-check-out) label {
         position: absolute;
         left: 16px;
         margin: auto;
         top: 50%;
         transform: translateY(-50%);
         width: max-content;
         width: max-content;
         z-index: 11;
         padding: 0 8px;

         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }

     .clm-inner {
         position: relative;
     }

     .form-row :is(.clm-inner) input:focus+label,
     .form-row :is(.clm-inner) label.selected {
         top: 0;
         color: #e65f1d;
         background: #fff;
     }


     .faqs-content ul li {
         list-style-type: none;
         position: relative;
         padding-left: 24px;
         margin-bottom: 8px;
         font-size: 14px;
     }

     .faqs-content ul li::before {
         position: absolute;
         content: "";
         height: 16px;
         width: 16px;
         background-image: url('../list-icon.svg');
         background-repeat: no-repeat;
         background-size: contain;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
     }

     .clm-inner {
         position: relative;
     }

     /* third-step form design end */

     @media(max-width:991px) {

         .form-check-btn {
             text-align: left;
         }
     }

     @media(max-width:575px) {
         .last-step-faqs-title h5 {
             text-align: left;
         }

         .last-step-faqs-title h5 span {
             margin-bottom: 5px;
             display: block;
         }

         /* form design */

         .payout-card {
             max-width: 100%;
         }

         .input-phone.half-clm {
             width: 100%;
             max-width: 100%;
         }


         /* form design */
     }

     .spec-terms-list {
         margin-left: 30px;
         font-size: small;
     }

     .search-results-dropdown {
         display: none;
         /* Initially hidden */
         position: absolute;
         background-color: white;
         border: 1px solid #ccc;
         width: 100%;
         max-height: 400px;
         overflow-y: auto;
         z-index: 1000;
     }

     .search-results-dropdown ul {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .search-results-dropdown li {
         padding: 10px;
         cursor: pointer;
     }

     .search-results-dropdown li:hover {
         background-color: #f0f0f0;
     }

     p {
         margin-bottom: 0px !important;
     }

     .select-condition-btn {
         background-color: rgb(22, 21, 21);
         color: white;
     }

     .select-condition-btn:hover {
         color: white !important;
         background-color: #FF671D;
     }


     .card-wrapper {
         width: 90%;

         margin: auto;
     }

     .get-paid-desc-detail h3 {
         font-size: 30px;
         line-height: 36px;
         margin-bottom: 8px;
         font-weight: 700;
     }

     .get-paid-desc-detail p {
         margin-bottom: 16px;
         font-size: 18px;
     }

     .details-offer {
         margin-bottom: 20px;
     }

     .get-paid-desc-order {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .get-paid-desc-left,
     .get-paid-desc-right {
         max-width: 50%;
         width: 100%;
     }

     .get-paid-desc-part {
         margin-top: 12px;
         margin-bottom: 12px;
     }

     .get-paid-desc-part p {
         font-size: 18px;
     }

     .get-paid-desc-part .order-text,
     .get-paid-order-detail-order-part .order-text {
         color: #71717a;
         font-size: 16px;
         margin-bottom: 2px;
     }

     .get-paid-desc-btn a {
         border-radius: 4px;
         padding: 10px 24px;
         border: 1px solid #cd4604;
         display: inline-block;
         color: #cd4604;
         text-decoration: none;
         font-size: 14px;
         font-weight: 600;
         line-height: 16px;
         transition-duration: 300ms;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }

     .get-paid-desc-btn a:hover {
         background-color: #cd4604;
         color: #fff;
     }

     .get-paid-order-detail-order-part {
         margin: 12px 0;
     }

     .get-paid-order-detail-order-part a {
         display: block;
         font-size: 18px;
         line-height: 24px;
         color: rgb(39 39 42 /1);
         text-decoration-line: none;
     }

     .get-paid-order-detail-notice h4 {
         margin-top: 20px;
         margin-bottom: 20px;
         font-size: 22px;
         line-height: 28px;
         font-weight: 500;
     }

     .get-paid-order-detail-notice h5 {
         font-size: 22px;
         line-height: 28px;
     }

     table.table {
         width: 100%;
         border-collapse: collapse;
     }

     th.product-head {
         text-align: left;
     }

     .table td,
     .table th {
         padding: 16px 24px;
     }

     .table th {
         border: 1px solid #e4e4e7;
     }

     thead {
         background-color: #f4f4f5;
     }

     .get-paid-order-detail-table-paragraph {
         font-size: 20px;
         line-height: 24px;
     }

     .small-text {
         font-size: 13px;
         margin-top: 4px;
     }

     .get-paid-order-detail-table-td {
         border-bottom: 1px solid #e4e4e7
     }

     td.get-paid-order-detail-table-td h5 {
         margin: 0;
     }

     .details-offer h3 {
         font-weight: 400;
         font-size: 23px;
     }

     #modelContainer {
         justify-content: center;
     }

     .collapse--disabled {
         user-select: none;
         opacity: 0.4;
         cursor: not-allowed;
         pointer-events: none;
     }

     .collapse--disabled .inner-content-item {
         cursor: unset;
     }

     /* search-result */
     .search-sell .search-results-dropdown ul li {
         display: flex;
         align-items: center;
         -moz-column-gap: 8px;
         column-gap: 8px;
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 12px;
         padding-bottom: 12px;
         text-decoration-line: none;
     }

     .search-sell .search-results-dropdown li:hover {
         background-color: rgb(255 195 129 / 50%);
     }

     /* search-result end */

     .product-price {
         background-color: #FF671D;
         color: #fff;
         border-radius: 12px;
         padding: 5px 10px;
         font-size: 12px;
         font-weight: bold;
     }

     .search-sell .search-results-dropdown li .product-name {
         color: #a1a1aa;
     }

     .search-sell .search-results-dropdown li:hover .product-name {
         color: #e65f1d;
     }

     .card-img{
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         margin: 0 auto;

         border-radius: 10px;

         min-height: 96px;
     }


     @media(max-width:767px) {

         .get-paid-desc-left,
         .get-paid-desc-right {
             max-width: 100%;
             width: 100%;
         }

         .get-paid-desc-left {
             margin-bottom: 12px;
         }

         .get-paid-desc-part .order-text,
         .get-paid-order-detail-order-part .order-text {
             font-size: 18px;
         }

         .section-card-list .card-item {
             width: calc(50% - 12px);
         }
     }

     @media(max-width:575px) {
         .section-card-list .card-item {
             width: 100%;
             display: flex;
             align-items: center;
             gap: 20px;
         }

         .section-card-list .card-img {
             width: auto;
             margin: 0px 30px 0 10px
         }

         .section-card-list .card-item img {
             max-height: 83px;
             text-align: left;
         }



         .back-btn a {
             display: block;
         }

         .get-paid-location-card .get-paid-location-detail button {
             width: 100%;
             justify-content: center;
         }
     }

     @media(max-width:420px) {
         .table-container {
             overflow-x: auto;
         }
     }
     .text-box-zip-code{
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 10px;
         padding-bottom: 10px;
         border: 1px solid #d4d4d8;
         font-size: 14px;
         border-radius: 6px;
         text-overflow: ellipsis;
     }
     .section-card-upto {
         text-align: center;
         font-size: 12px;
         color: #FFF !important;
     }
     .info-icon {
         height: auto;
         width: auto;
         cursor: pointer;
     }

     .info-icon svg {
         height: auto;
         width: auto;
         background-color: #e65f1d;
         border-radius: 50%;
         --tw-text-opacity: 1;
         color: rgb(255 255 255 / var(--tw-text-opacity));
     }
     .error {
         color: red;
     }
     .text-danger{
         color:red;
     }

     .section-card-text{
         color: #fff;
     }



     .section-card-list .card-item img {
         max-height: 83px;
         text-align: left;
     }



     .back-btn a {
         display: block;
     }

     .get-paid-location-card .get-paid-location-detail button {
         width: 100%;
         justify-content: center;
     }
 }

 @media(max-width:420px) {
     .table-container {
         overflow-x: auto;
     }
 }
 .text-box-zip-code{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #d4d4d8;
    font-size: 14px;
    border-radius: 6px;
    text-overflow: ellipsis;
}
.section-card-upto {
    text-align: center;
    font-size: 12px;
    color: #FFF !important;
}
.info-icon {
    height: auto;
    width: auto;
    cursor: pointer;
}

.info-icon svg {
    height: auto;
    width: auto;
    background-color: #e65f1d;
    border-radius: 50%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.error {
    color: red;
}
.text-danger{
    color:red;
}

.section-card-text{
    color: #fff;
}

 .product-tile {
     border-radius: 1rem;
     transition: all 0.3s ease-in-out;
 }

 .product-tile:hover {
     transform: scale(1.05);
     box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.1);
 }

 /* Zachte kleurtjes voor onderscheid */
 .bg-light-blue {
     background: linear-gradient(145deg, #cccccc, #e6e6e6);
 }

 .bg-light-purple {
     background: linear-gradient(145deg, #cccccc, #e6e6e6);
 }

 .bg-light-pink {
     background: linear-gradient(145deg, #cccccc, #e6e6e6);
 }

 .bg-light-yellow {
     background: linear-gradient(180deg, #ff671d, #ff671d);
 }
 .product-banner-alert {
     background-color: #fff4c5;

     color: #4a3f00;
     font-size: 0.95rem;
     box-shadow: 0 2px 6px rgba(0,0,0,0.05);
 }