@font-face {
     font-family: 'Dubai Regular';
     font-style: normal;
     font-weight: normal;
     src: local('Dubai Regular'), url('../fonts/Dubai-Regular.woff') format('woff');
 }


 @font-face {
     font-family: 'Dubai Light';
     font-style: normal;
     font-weight: normal;
     src: local('Dubai Light'), url('../fonts/Dubai-Light.woff') format('woff');
 }




 @font-face {
     font-family: 'Dubai Medium';
     font-style: normal;
     font-weight: normal;
     src: local('Dubai Medium'), url('../fonts/Dubai-Medium.woff') format('woff');
 }


 @font-face {
     font-family: 'Dubai Bold';
     font-style: normal;
     font-weight: normal;
     src: local('Dubai Bold'), url('../fonts/Dubai-Bold.woff') format('woff');
 }














 :root {
     --navcolor: #9A9EA7;
     --white: #ffffff;
     --red: #D32437;
 }

 body {
     font-family: 'Dubai Regular';
     margin: 0;
     padding: 0;
     overflow-x: hidden;
 }

 .wrapper {
     position: relative;
     display: flex;
 }

 .wrapper,
 body,
 html {
     min-height: 100%;
 }

 .main-sidebar {
     height: 100vh;
     overflow-y: hidden;
     z-index: 1038;
     background: #fff;
     border-right: 1px solid #EEEEEE;
     position: relative;
     width: 280px;
     padding: 0px;
     box-sizing: border-box;


 }

 .sellyourcar-section {
     width: 90%;
     margin-top: 20px;
     background-color: #f5F6F7;

     margin: 0 5%;
     padding: 20px;
     box-sizing: border-box;
     border-radius: 4px;
 }

 .sellyourcar-section p {
     font-size: 16px;
     font-family: 'Dubai Medium';
     color: #9A9EA7;
     text-align: center;

 }

 .sellyourcar-section button {
     width: 100%;
     background: #fff;
     border-radius: 4px;
     border: 0;
     font-size: 18px;
     font-family: 'Dubai Medium';
     padding: 10px 0;
 }

 .navigation {
     width: 100%;


     padding: 20px;
     box-sizing: border-box;

 }

 .navigation ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .subdroparrow {
     display: inline-block !important;
 }

 .navigation ul li {


     gap: 10px;
     padding: 12px 15px;

     font-size: 16px;
     cursor: pointer;
     transition: background 0.3s, color 0.3s;
     border-radius: 4px;
 }

 .navigation ul li.active {
     background: #F5F6F7;

 }

 .navigation ul li.active span,
 .navigation ul li.active svg path {
     color: var(--red);
     fill: var(--red);
 }

 .navigation ul li ul li:hover,
 .navigation ul li ul li:hover span,
 .navigation ul li ul li:hover svg path,
 .navigation ul li ul li.active svg path,
 .navigation ul li ul li:hover i.fa-chevron-down {
     background: #F5F6F7;
     color: var(--red);
     fill: var(--red);
     stroke: var(--red);
 }



 .navigation ul li i {
     margin-top: 3px;

     display: inline-block;
     width: 16px;
     text-align: left;
 }

 .navigation ul li .my-vehcies-childs {
     display: none;
 }

 .navigation ul li .my-vehcies-childs li {
     padding: 5px 0;
 }

 .navigation ul li .my-vehcies-childs {
     margin-top: 10px;
 }

 .navigation ul li .my-vehcies-childs li i {
     font-size: 20px;
     margin-right: 20px;
     margin-top: 5px;
     color: var(--navcolor);
 }



 .navigation ul li a {
     text-decoration: none;
     color: var(--navcolor);
     font-size: 16px;
     font-family: 'Dubai Medium';
     padding-left: 15px;

 }


 .navigation ul li .fa-chevron-down {
     rotate: 90deg;
     float: right;
     display: inline;
     width: auto;
     margin-top: 7px;
 }

 .navigation ul li .fa-chevron-down.downarowcls {
     rotate: 0deg;
 }

 .navigation ul li a span {
     margin: 0px 0 0 15px;
 }

 .navigation ul li {
     font-family: 'Dubai Regular';
     padding: 12px 15px 0px 0px;
     color: #9A9EA7;
 }

 .navigation ul li ul li {
     padding-bottom: 12px;
 }

 .navigation ul li .inner-span {
     margin-left: 15px;
 }

 ul.my-vehcies-childs li a:hover i {
     color: var(--red);
     fill: var(--red);
     stroke: var(--red);
 }

 ul.my-vehcies-childs li a:hover {
     background: #F5F6F7;
     color: var(--red);
     fill: var(--red);
     stroke: var(--red);
 }

 .content-wrapper {
     height: 100%;
     padding: 0px 0px 0px 0px;
     width: calc(100% - 280px);
     box-sizing: border-box;
 }

 .content-wrapper.lesspadding {
     padding-left: 120px;
 }

 .left-logo {
     margin: 20px auto 15px auto;
     display: block;
     width: 120px;
 }

 .left-logo-small {
     width: 60px;
 }






 /*   ----------------------------- head_section start css----------------------------------------- */
 .head_section {
     width: 100%;
     padding: 20px 30px;
     margin-bottom: 20px;
     box-sizing: border-box;
     background: #f5f6f7;
 }

 .head_section h1 {
     font-size: 32px;
     font-family: 'Dubai';
     display: inline;
 }

 .head_section .rightsection {
     /* width: 400px; */
     float: right;
     display: flex;
     align-items: center;
 }

 .bell-icon {
     margin-right: 24px;
 }

 .profileicon {
     float: right;
     border-radius: 100%;
     margin-left: 20px;
 }

 .laungage_button {
     float: right;
     font-family: 'Dubai Medium';
     text-decoration: none;
     color: #231F20;
     font-size: 16px;
 }

 .menuicon {
     margin: 0 10px 0 0;
     cursor: pointer;
     display: none;
 }

 .closeicon {
     width: 20px;
     margin: 0 10px 0 0;
     cursor: pointer;
 }

 .moblicloseicon {
     position: absolute;
     width: 20px;
     right: 20px;
     top: 25px;
     z-index: 9999;
     display: none;
 }

 .mobilemenuicon {
     margin: 0 10px 0 0;
     cursor: pointer;
 }

 /* .moblicloseicon {
     position: absolute;
     width: 20px;
     left: 300px;
     top: 25px;
     z-index: 9999;
     display: none;
 } */

 .mobilemenuicon {
     margin: 0 10px 0 0;
     cursor: pointer;
 }

 .mobilecloseicon {
     width: 20px;
     margin: 0 10px 0 0;
     display: none;
     cursor: pointer;
     padding: 0;
 }

 /*----------------------------- head_section END  css----------------------------------------- */


 /*---------------------Profiel popup css code start ---------------------- */


 .profile-popup {
     width: 312px;
     border-radius: 0 0 8px 8px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 80px;
     z-index: 9999;
     cursor: pointer;
     display: none;
 }

 .profile-header .user-name {
     color: var(--Secondary, #231F20);
     font-size: 22px;
     font-family: 'Dubai Bold';
     line-height: 20px;
     margin-top: 9px;
     margin-bottom: 2px;
 }

 .profile-header .mail-text {
     color: var(--Secondary, #231F20);
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     margin: 0;
 }

 .profile-popup .profile-header {
     background-color: #E9E6E6;
     padding: 16px 0px 16px 0px;
     text-align: center;
 }

 .profile-popup .profile-header img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     object-fit: cover;
     margin-bottom: 10px;
 }

 .profile-popup .user-settings-section {
     background-color: #ffffff;
     padding: 8px 16px 16px 16px;
 }

 .user-settings-section .setting-btn {
     border-radius: 4px;
     border: 1px solid #CCC;
     background: none;
     padding: 8px;
     text-decoration: none;
     text-align: center;
     color: #231F20;
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 20.8px;
 }

 .user-settings-section .setting-arabic {
     display: flex;
     justify-content: space-between;
     margin-bottom: 16px;
 }

 .user-settings-section .account-signout {
     display: flex;
     justify-content: space-between;
 }


 /*---------------------Profiel popup css code end ---------------------- */



 /*---------------------bread crumb css code start ---------------------- */
 .breah_crumb {
     margin-bottom: 24px;
     width: 100%;
     padding: 0 30px;
 }

 .custom-breadcrumb {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 0;
     margin: 0;
 }

 .custom-breadcrumb .breadcrumb-item.search {
     font-size: 16px;
     font-family: 'Dubai Medium';
     line-height: 15px;
     color: #6B6B6B;
 }

 .custom-breadcrumb .breadcrumb-item.search.active {
     font-size: 16px;
     font-family: 'Dubai Medium';
     line-height: 15px;
     color: #231F20;
 }

 .mobile_icons {
     display: none;
 }

 /*----------------------bread crumb css code end -------------- */

 /* ------------------------------------ filter section css code --------------------- */



 .filter-bar-wrapper {
     position: relative;
     width: 100%;
     padding: 0 30px;
 }


 .filter-bar {
     border: 1px solid #ddd;
     border-radius: 10px;
     background-color: #fff;
     height: 80px;
     padding: 10px 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: nowrap;
     border-bottom: 2px solid #ccc;
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
     gap: 12px;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     position: relative;
     z-index: 1;
 }

 .filter-bar .filter-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     white-space: nowrap;
     flex: 1;
     overflow: hidden;
     position: relative;
     padding: 0 12px;
 }

 .filter-bar .filter-label {
     font-size: 12px;
     color: #888;
     margin-bottom: 2px;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .filter-bar .filter-value {
     font-size: 14px;
     font-family: 'Dubai';
     font-weight: 400;
     /* font-family: 'Dubai Medium'; */
     color: #000;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .divider {
     width: 1px;
     height: 50px;
     background-color: #e0e0e0;
 }

 .dropdown-panel {
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px 20px 20px 20px;
     width: 420px;
     z-index: 1000;
     margin-top: 5px;
     border-radius: 8px;
 }

 #locationDropdown .city-btn {
     border: 1px solid #ddd;
     background: #fff;
     padding: 8px 18px;
     border-radius: 8px;
     font-size: 14px;
     font-family: 'Dubai Bold';
     color: #000;
 }

 #locationDropdown .city-btn.active {
     border-color: #D32437;
     color: #D32437;
     background-color: rgba(211, 36, 55, 0.2);
 }

 #locationDropdown .city-btn {
     border-radius: 4px;
 }

 #locationDropdown .apply-btn {
     background-color: #1a1a1a;
     color: #fff;
     font-family: 'Dubai Bold';
     border-radius: 10px;
     padding: 10px 30px;
     width: 100%;
 }

 #locationDropdown .city-btn {
     cursor: pointer;
 }

 .filter-bar .chevron-icon {
     transition: transform 0.3s ease;
 }

 #locationDropdown .filter-btn {
     text-align: center;
     padding-top: 30px;
 }

 .filter-bar .chevron-rotate {
     transform: rotate(180deg);
 }

 /* -----------make model dropdown css------------ */

 #makeModelDropdown .dropdown-options>div:last-child {
     border-bottom: none;
 }

 #makeModelDropdown small {
     font-size: 12px;
 }

 .dropdown-panel-2 {
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px;
     width: 420px;
     z-index: 1000;
     margin-top: 5px;
     left: 195px;
     border-radius: 8px;
 }

 #makeModelDropdown .popular {
     font-size: 16px;

     color: #000;
     text-overflow: ellipsis;
     overflow: hidden;
     font-family: 'Dubai Bold';
 }

 .dropdown-panel-2 .popular-seach-1 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 8px;
 }

 .popular-seach-1 p:first-child {
     color: #000;
 }

 #makeModelDropdown .model-mute {
     color: #888;
 }

 .popular-seach-2 {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /* ------------Price range dropdown css------------ */

 .dropdown-panel-3 {
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px;
     width: 380px;
     z-index: 1000;
     margin-top: 5px;
     left: 33.5%;
     border-radius: 8px;
 }

 .upto-div input {
     height: 50px;
     width: 120px;
     border: 1px solid #888;
     border-radius: 8px;
     padding: 10px;
 }

 .from-div input {
     height: 50px;
     width: 120px;
     border: 1px solid #888;
     border-radius: 8px;
     padding: 10px;
 }

 .dropdown-panel-3 .priceRange_drpdown {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .clear-apply {
     display: flex;
     justify-content: space-between;
     padding: 20px 0;
     margin-top: auto;
     background-color: #fff;
     position: sticky;
     bottom: 0;
     z-index: 10;
 }

 .clear-apply .clear-btn {
     border: 1px solid #888;
     padding: 8px 25px;
     font-size: 16px;
     font-family: 'Dubai Bold';
     color: #888;
     border-radius: 8px;
     background-color: white;
 }

 .clear-apply .apply-btn {
     background-color: #1a1a1a;
     padding: 9px 30px;
     font-size: 16px;
     color: white;
     font-family: 'Dubai Bold';
     border: none;
     border-radius: 8px;
 }

 /* ------------year range dropdown css---------- */

 .yearRange_drpdown {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .dropdown-panel-4 {
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px;
     width: 350px;
     z-index: 1000;
     margin-top: 5px;
     left: 50%;
     border-radius: 8px;
 }

 /* ---------- kilo meters dropdown css---------- */

 .kiloMeter_drpdown {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .dropdown-panel-5 {
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px;
     width: 350px;
     z-index: 1000;
     margin-top: 5px;
     left: 67%;
     /* right: 0; */
     border-radius: 8px;
 }

 .border_bottom_div {
     border-bottom: 1px solid #888;
     margin-top: 20px;
     margin-bottom: 20px;
 }


 /* ------------ Body Type Dropdown Proper CSS -------- */

 .bodyType-dropdown {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     background-color: #fff;
     border-radius: 8px;
 }

 .bodyType-dropdown .body-btn {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100px;
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 8px;
     background-color: #fff;
     transition: all 0.3s;
     cursor: pointer;
 }

 .bodyType-dropdown .body-btn img {
     width: 40px;
     height: 45px;
     object-fit: contain;
 }

 #bodyTypeDropdown .body_type_section .body-type {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #000;
 }

 .bodyType-dropdown .body-btn p {
     font-size: 14px;
     font-family: 'Dubai Medium';
     color: #000;
     margin: 0;
     text-align: center;
 }

 .bodyType-dropdown .body-btn:hover {
     background-color: #f5f5f5;
     border-color: #bbb;
 }

 #bodyTypeDropdown {
     max-height: 400px;
     overflow-y: auto;
     flex-direction: column;
     right: 30px;
     display: none;
     position: absolute;
     top: 100%;
     background: #fff;
     border: 1px solid #ddd;
     border-radius: 12px;
     padding: 20px 20px 0px 20px;
     width: 400px;
     z-index: 1000;
     margin-top: 5px;
     border-radius: 8px;
 }

 .brand-dropdown-wrapper .dropdown-title {
     font-family: 'Dubai Bold';
     font-size: 20px;
 }

 .brand_drp_options {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
 }

 .brand-dropdown .brand-btn {
     padding: 10px 20px;
     background-color: white;
     border: 1px solid #ddd;
     border-radius: 6px;
     text-align: left;
     font-size: 14px;
     color: black;
     cursor: pointer;
     transition: background-color 0.3s, border-color 0.3s;
 }

 .brand-dropdown .brand-btn:hover {
     border-color: #dc3545;
     color: #dc3545;
     background-color: #fed4d4;
 }

 /* --- after changing filter seacrh ----- */

 .range-year .year {
     font-family: 'Dubai Bold';
     font-size: 20px;
 }

 /* -----------------------Sort Default & Saved Search css code ----------------------------------- */

 .border_bottom_filter {
     margin-top: 25px;
     border-bottom: 1px solid #ccc;
 }

 .sorting-buttons {
     display: flex;
     justify-content: flex-end;
     gap: 24px;
     position: relative;
     margin-top: 25px;
     padding: 0 30px;
 }

 .sort-dropdown-menu {
     position: absolute;
     top: 45px;
     right: 60px;
     z-index: 1000;
     background-color: white;
     border: 1px solid #ccc;
     border-radius: 8px;
     padding: 10px 0;
     width: 315px;
     display: none;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .sort-dropdown-menu p {
     padding: 10px 20px;
     cursor: pointer;
     margin: 0;
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
 }

 .sort-dropdown-menu .default-option {
     font-family: 'Dubai Bold';
 }

 .sorting-buttons .filter-btn {
     border: none !important;
     padding: 0 !important;
 }

 /* ----------------- saved search below buttons css code start ------------------ */


 .sorting-buttons button {
     display: flex;
     align-items: center;
     padding: 6px 16px;
     border: 1px solid #ccc;
     background-color: white;
     border-radius: 8px;
     cursor: pointer;
     font-size: 14px;
     color: #555;
     border-radius: 4px;
     transition: background-color 0.3s;
 }

 .sorting-buttons button:hover {
     background-color: #f5f5f5;
 }

 .sort-button .sort-icon {
     margin-right: 8px;
     font-size: 18px;
 }

 .save-button .save-icon {
     margin-right: 8px;
     font-size: 18px;
 }

 .sorting-buttons .save-text {
     font-size: 18px;
     font-family: 'Dubai Medium';
 }

 .sorting-buttons .sort-button .default-text {
     font-size: 16px;
     font-family: 'Dubai Bold';
     color: #231F20;
 }

 .view_more_btns {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 20px;
     padding: 0 30px;

 }

 .view_more_btns button {
     border: 2px solid #ccc;
     border-radius: 4px;
     background-color: white;
     padding: 6px 18px;
     transition: background-color 0.3s;
     font-size: 14px;
     font-family: 'Dubai Medium';
     line-height: 21px;
 }

 .view_more_btns button:hover {
     border-color: #D32437;
     color: #D32437;
     background-color: rgba(211, 36, 55, 0.2);
 }

 .view_more_btns button.active {
     border-color: #D32437;
     color: #D32437;
     background-color: rgba(211, 36, 55, 0.2);
 }


 .view_more_btns .view-btn {
     font-family: 'Dubai Medium';
 }

 /* ----------------- saved search css code end ------------------ */


 /* --------------------cards section css code --------------------- */

 .cards_body_section {
     margin-top: 25px;
     padding: 0 30px;
 }

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

 .cards_body_section .car-card {
     background: #fff;
     border: 2px solid #ccc;
     border-radius: 8px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
     padding: 18px;
     margin-bottom: 30px;
 }

 .car-card .car-image {
     width: 100%;
     height: 200px;
     border-radius: 8px;
     border: 2px #EBEBEB;
 }

 .car-card .card-body {
     padding: 16px 0 0 0;
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .card-body .car-details {
     display: flex;
     justify-content: space-between;
     line-height: 20px;
     align-items: center;
 }

 .card-body .car-title {
     color: #231F20;
     font-size: 20px;
     font-family: 'Dubai Bold';
     margin-bottom: 16px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .card-body .car-timer {
     color: #D32437;
     margin-bottom: 15px;
     font-size: 16px;
     font-family: 'Dubai Regular';
 }

 .card-body .car-details .text_2 {
     font-size: 16px;
     color: #231F20;
 }

 .card-body .car-details .text_1 {
     font-size: 16px;
     color: #6B6B6B;
 }

 .card-body .car-details .AED_number {
     font-size: 22px;
     font-family: 'Dubai Bold';
     color: #D32437;
     line-height: 20px;
 }

 .card-body .card-actions {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .card-actions .heart-btn {
     border: none;
     background: none;
     padding: 0;
 }

 .auto_bid .autobid-btn {
     border: none;
     background: none;
 }

 .auto_bid .bidnow-btn {
     border: none;
     border-radius: 4px;
     padding: 8px 18px;
     background-color: #61B35C;
     color: white;
     font-size: 16px;
     font-family: 'Dubai Medium';
 }

 .card-body .card-actions .auto_bid {
     display: flex;
     align-items: center;
     gap: 16px;
 }

 .heart-fill {
     fill: none;
     stroke: #231F20;
     transition: fill 0.3s ease, stroke 0.3s ease;
 }

 .circle {
     fill: white;
     stroke: #231F20;
     transition: stroke 0.3s ease;
 }

 .heart-btn.active .heart-fill {
     fill: #D32437;
     stroke: #D32437;
 }

 .heart-btn.active .circle {
     stroke: #D32437;
 }

 /* ----- auto bid popup---- */

 .modal-content.modal_amount {
     width: auto;
     margin: auto;
     border-radius: 8px;
     border: none;
 }

 .auto-bid-amount #autoBidBtn {
     border-radius: 0;
     padding: 16px 0;
     background: #0077BA;
     color: #FFF;
     font-size: 20.745px;
     font-family: 'Dubai Bold';
     line-height: 19.263px;
 }

 .modal-header.modal_amount_header {
     display: flex;
     justify-content: center;
     padding: 21px 0px;
 }

 .auto-bid-amount #bidAmount {
     border: none;
     color: #000;
     font-size: 17.782px;
     font-weight: 500;
     line-height: 22.227px;
     box-shadow: none;
     font-family: 'Dubai medium';
 }

 .modal_amount #autoBidModalLabel {
     color: #757786;
     font-size: 18px;
     font-family: 'Dubai Bold';
     line-height: 19.263px;
 }

 .auto-bid-img .inp-img {
     padding-right: 0px;
     background: #ffff;
     border: none;
 }

 .modal_amount .auto-bid-amount {
     display: flex;
     padding: 0px 0px 0px 10px;
 }

 .auto-bid-amount .auto-bid-img {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .modal-content {
     border-radius: 12px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 .btn-group .btn {
     width: 50%;
 }

 .modal_content2 {
     text-align: center;
     border: none;
     padding: 26px;
     width: 80%;
     margin: auto;
 }

 .modal_content2 .congo-text {
     color: #231F20;
     text-align: center;
     font-size: 34px;
     font-family: 'Dubai Bold';
     text-transform: capitalize;
     margin-bottom: 10px;
 }

 .modal_content2 .autoBid_text {
     color: #231F20;
     text-align: center;
     font-size: 20px;
     font-family: 'Dubai Bold';
     text-transform: capitalize;
     margin-bottom: 113px;
 }

 .modal_content2 .autoBid_text.thank_you {
     color: #231F20;
     text-align: center;
     font-family: Dubai;
     font-size: 34px;
     font-style: normal;
     font-weight: 400;
     line-height: 125%;
     margin: 0;
 }

 .modal_content2 .your_message {
     margin-top: 16px;
     color: #231F20;
     text-align: center;
     font-family: Dubai;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
 }

 .modal_content2 .ref_id {
     color: #231F20;
     font-size: 18px;
     font-weight: 400;
     line-height: 16px;
     margin-bottom: 12px;
 }

 .support_hours {
     color: #231F20;
     font-size: 16px;
     font-weight: 400;
 }

 .modal_content2 .close-btn {
     color: #FFF;
     font-size: 18px;
     font-family: 'Dubai Bold';
     padding: 16px 0px;
     border-radius: 8px;
     background: #D32437;
 }

 .modal_content2 .close-btn:hover {
     color: #FFF;
     background: #D32437;
 }

 .modal_content2 .close-btn.help-btn {
     color: #FFF;
     font-size: 18px;
     font-weight: 400;
     font-family: 'Dubai regular';
 }

 /* --- bid now popup---- */

 .bid-increment-modal {
     border-radius: 8px;
     background: #FFF;
 }

 .bid-increment-modal .increment-amt {
     color: #757786;
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 21.87px;
     margin-bottom: 7px;
 }

 .bid-increment-modal .increment-btns {
     display: flex;
     gap: 10px;
     margin-bottom: 16px;
 }

 .increment-btns .auto-bid {
     border-radius: 5.888px;
     border: 0.841px solid #0077BA;
     background: #FFF;
     color: #0077BA;
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 16.823px;
     padding: 6px 12px;
 }

 .increment-btns .AED-btn {
     border-radius: 5.888px;
     border: 0.841px solid #CCC;
     background: #FFF;
     color: #757786;
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16.823px;
     padding: 6px 12px;
 }

 .increment-btns .AED-btn.active {
     background: #D32437;
     color: white;
 }

 .bid-increment-modal .input_Bid {
     margin-bottom: 17px;
     border-radius: 4px;
 }

 .bid-increment-modal .input_Bid input {
     color: #231F20;
     font-size: 24px;
     line-height: 24px;
     box-shadow: none;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
 }

 .bid-increment-modal .input_Bid .bid-bid {
     padding: 10px 16px;
     border-radius: 0px 4px 4px 0px;
     background: #D32437;
     color: #FFF;
     font-size: 18px;
     font-family: 'Dubai Bold';
     line-height: 21.87px;
 }

 .bid-increment-modal .input_Bid .bid-bid:hover {
     background: #D32437;
     color: #FFF;
 }

 .form_check {
     display: flex;
     align-items: start;
 }

 .form_check .form-check-label {
     color: #231F20;
     font-size: 14px;
     font-family: 'Dubai Regular';
     line-height: 20px;
     letter-spacing: -0.14px;
     margin-left: 11px;
 }

 .bid-increment-modal .form-control {
     border-radius: 0.375rem 0 0 0.375rem;
     height: calc(2.75rem + 2px);
 }

 .bid-increment-modal .form-check-input {
     border-color: #D32437;
     width: 17.553px;
     height: 15.982px;
 }

 .bid-increment-modal .form-check-input:checked {
     background-color: #D32437;
     border-color: #D32437;
 }





 /* ---------pagination css code ---------------- */

 .custom-pagination {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .custom-pagination .page-link {
     color: #000;
     border: none;
     border-radius: 8px;
     padding: 8px 16px;
     font-family: 'Dubai Medium';
     transition: background-color 0.3s ease, color 0.3s ease;
 }

 .custom-pagination .page-item.active .page-link,
 .custom-pagination .page-item .page-link:hover {
     background-color: #D32437;
     color: #fff;
     border-color: #D32437;
     cursor: pointer;
 }

 .next_button button {
     padding: 10px 24px;
     border: 1px solid #dee2e6;
     border-radius: 8px;
     font-family: 'Dubai Medium';
     color: #9A9EA7;
     background: none;
 }

 .custom-pagination .chevron_left {
     padding-left: 5px;
 }


 /* -----------About wataneys page css code ---------------------- */

 .terms-conditions {
     line-height: 1.6;
     padding: 0px 30px;
 }

 .terms-conditions h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     line-height: 44px;
     margin-bottom: 16px;
     margin-top: 16px;
 }

 .content_section-1 h3 {
     font-size: 20px;
     font-family: 'Dubai Medium';

 }

 .terms-conditions h3 {
     font-size: 22px;
     margin-top: 32px;
 }

 .terms-conditions h4 {
     font-size: 18px;
     font-family: 'Dubai Bold';
     margin-top: 20px;
 }

 .terms-conditions ol {
     padding-left: 20px;
 }

 .terms-conditions ol li {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 24px;
 }

 .terms-conditions .rules_para {
     font-family: 'Dubai Regular';
     font-size: 16px;
     line-height: 24px;
     margin: 16px 0;
 }

 .terms-conditions .integral_para {
     font-size: 20px;
     font-family: 'Dubai Medium';
     line-height: 24px;
     margin-top: 16px;
     margin-bottom: 16px;
 }

 .second-order-list li {
     list-style-type: disc;
 }

 .paragraph_text {
     margin: 0;
 }

 /* -------------------Auction Guide css code ------------------- */

 .main-banner-section .Banner_image {
     margin-bottom: 24px;
     margin-left: 30px;
     margin-right: 30px;
 }

 .banner_section {
     width: 100%;
     height: 400px;
     overflow: hidden;
     margin-top: 85px;
 }

 .main-banner-section .Banner_image img {
     width: 100%;
 }

 .about-content {
     padding: 0 30px;
 }

 .main-banner-section .about-content h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     line-height: 44px;
     margin-bottom: 24px;
     margin-top: 16px;
 }

 .main-banner-section .content_section-1 p {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 24px;
     color: #231F20;
 }

 /* --------------------------- Coming soon page css code ------------------ */

 .coming_soon {
     margin-top: 24px;
     text-align: center;
 }

 .coming_soon h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     line-height: 44px;
 }

 .coming_soon .coming-text {
     margin-bottom: 32px;
 }

 .coming_soon .exciting_text {
     margin-bottom: 32px;
 }

 .coming_soon .stay-tuned {
     font-family: 'Dubai Regular';
     font-size: 26px;
     margin: 0;
 }

 .coming_soon .browse-btn {
     background: #61B35C;
     color: white;
     border: none;
     padding: 15px 120px 15px 120px;
     border-radius: 8px;
     margin-top: 32px;
 }

 .coming_soon .browse-btn a {
     color: white;
     text-decoration: none;
     font-family: 'Dubai Medium';
     font-size: 18px;
 }

 /* --------------------------- Contact Us css code start ------------------------------------ */
 .contact-information {
     padding: 0 30px;
 }

 .contact-information .contact-h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     line-height: 44px;
     margin: 0;
 }

 .contact-info-row {
     margin-top: 24px;
 }

 .contact-img {
     overflow: hidden;
     position: relative;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
 }

 .contact-info-row .contact-img img {
     width: 100%;
     display: block;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
 }

 .contact-img .social-bar {
     display: flex;
     align-items: center;
     background-color: #1c1c1c;
     justify-content: center;
     padding: 22px 0;
     border-bottom-left-radius: 13.44px;
     border-bottom-right-radius: 13.44px;
     margin-top: -2px;
 }

 .contact-img .social-bar span img {
     height: 20px;
     width: 20px;
     color: white;
     margin: 0 10px;
     transition: color 0.3s;
     cursor: pointer;
 }

 .contact-info-row .contact-form {
     padding-left: 40px;
     padding-top: 20px;
 }

 .contact-form .form-control {
     border-radius: 8px;
 }

 .contact-form .contact-btn {
     background-color: #61B35C;
     border: none;
     color: white;
     padding: 18px 12px;
     width: 100%;
     border-radius: 8px;
     font-size: 18px;
     font-family: 'Dubai Medium';
 }

 .contact-info {
     padding-top: 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     cursor: pointer;
 }

 .contact-info .call-text {
     font-size: 20px;
     font-family: 'Dubai Bold';
     color: #231F20;
 }

 .contact-info .span-image {
     margin-right: 16px;
 }

 .contact-img .image-overlay-wrapper {
     position: relative;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     overflow: hidden;
 }

 .contact-img .image-overlay-wrapper img {
     width: 100%;
     display: block;
     position: relative;
     z-index: 0;
     border-top-left-radius: 13.44px;
     border-top-right-radius: 13.44px;
 }

 .contact-img .image-overlay-wrapper::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #0077BA33;
     z-index: 1;
     pointer-events: none;
 }

 .form-floating>.form-control-plaintext:focus,
 .form-floating>.form-control-plaintext:not(:placeholder-shown),
 .form-floating>.form-control:focus,
 .form-floating>.form-control:not(:placeholder-shown) {
     padding-top: 2rem;
     padding-bottom: .625rem;
 }

 .contact-form .form_input input {
     font-size: 16px;
     font-family: 'Dubai Medium';
     line-height: 16px;
     color: #231F20;
 }

 .contact-form .form_input label {
     color: #9A9EA7;
 }

 .contact-form .form_input {
     margin-bottom: 32px;
 }

 /* --------------------------- Contact Us css code end ------------------------------------ */


 /* ----------------------------grid view card css code start ----------------------------- */
 .Grid_cards_section {
     padding: 0 30px;
 }

 .card_grids {
     margin-top: 25px;
 }

 .Grid_cards_section .Grid-custom-card {
     border: 2px solid #CCCCCC;
     border-radius: 8px;
     display: flex;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
     padding: 16px 12px;
     margin-bottom: 20px;
 }

 .Grid-custom-card .Grid-card-img {
     margin-right: 12px;
 }

 .Grid-custom-card .Grid-card-img .grid-img {
     width: 193px;
     max-width: 100%;
     height: 215px;
     border-radius: 8px;
     border: 2px solid #EBEBEB;
     box-shadow: 0 0 2px 2px #EBEBEB;
 }

 .Card-body-grid .grid-car-title {
     color: #000;
     font-family: 'Dubai Bold';
     font-size: 22px;
     line-height: 20px;
     margin-bottom: 12px;
 }

 .Card-body-grid .grid-car-time {
     color: #D32437;
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     margin-bottom: 12px;
 }

 .Card-body-grid .detail-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .Card-body-grid .detail-row .lot {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     color: #6B6B6B;
     margin-bottom: 12px;
 }

 .Card-body-grid .detail-row .number {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     color: #231F20;
 }

 .Card-body-grid .detail-row p {
     margin: 0;
 }

 .Grid-custom-card .Card-body-grid {
     flex-grow: 1;
 }

 .Card-body-grid .detail-row .bid-amnt {
     font-size: 22px;
     font-family: 'Dubai Bold';
     line-height: 20px;
     color: #D32437;
     margin-bottom: 12px !important;
 }

 .Card-body-grid .Bidding_icons {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .Bidding_icons .heart-icon .icon-btn {
     border: none;
     background: none;
     padding: 0;
 }

 .Bidding_icons .bid-autoBid .icon-btn {
     border: none;
     background: none;
 }

 .Bidding_icons .bid-autoBid .bidding-btn {
     border: none;
     border-radius: 4px;
     padding: 8px 16px;
     background-color: #61B35C;
     color: #FFFFFF;
     font-size: 16px;
     font-family: 'Dubai Regular';
 }

 .Bidding_icons .bid-autoBid {
     display: flex;
     align-items: center;
     gap: 16px;
 }

 .content-wrapper-inner {
     width: 100%;
     display: flex;
     flex-direction: column;
 }

 .content-wrapperfullwid {
     width: calc(100% - 0px);
 }

 /* ----------------------------grid view card css code end ----------------------------- */


 /* -------------------------- Footer css code start ----------------------------- */

 .Footer-row-section {
     padding-left: 40px;
     padding-right: 50px;
 }

 .footerwraper {
     padding: 20px 0px 20px 0px;
     display: flex;
     flex-direction: column;
     width: calc(100% - 0px);
 }

 .footer-section {
     background-color: #F5F6F7;
     color: #333;
     font-size: 15px;
     padding-top: 48px;
     padding-bottom: 48px;
     border-bottom: 1px solid #ccc;
 }

 .footer-section .powerd-text {
     font-size: 16px;
     font-family: 'Dubai Regular';
     color: #000000;
     margin-bottom: 0px;
 }

 .footer-section .footer-text {
     font-size: 16px;
     font-family: 'Dubai Regular';
     color: #6B6B6B;
     margin-top: 45px;
 }

 .footer-section .footer-title {
     font-family: 'Dubai Bold';
     font-size: 20px;
     margin-bottom: 14px;
     color: #231F20;
 }

 .footer-section a {
     color: #6B6B6B;
     text-decoration: none;
     font-size: 16px;
     font-family: 'Dubai Regular';
 }

 .footer-section ul li {
     margin-bottom: 10px;
 }

 .Footer-row-section .logo-img .logo {
     padding-right: 12px;
 }

 .Footer-row-section .logo-img {
     margin-bottom: 10px;
 }

 .Footer-row-section .logo-img span {
     color: #6B6B6B;
     text-decoration: none;
     font-size: 16px;
     font-family: 'Dubai Regular';
 }

 .Footer-row-section .Social-icons-footer {
     display: flex;
     gap: 15px;
     margin-bottom: 21px;
 }


 .app-links .apple-store-btn {
     background-color: #1e1e1e;
     color: #fff;
     padding: 10px 24px;
     border-radius: 8px;
     text-decoration: none;
     transition: background-color 0.3s;
     width: 168px;
     height: 60px;
 }

 .app-links .apple-store-btn:hover {
     background-color: #333;
     text-decoration: none;
     color: #fff;
 }

 .app-links .apple-icon {
     font-size: 30px;
     line-height: 1;
 }

 .Footer-row-section .app-links {
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .app-links .apple-store-btn {
     display: inline-flex;
     align-items: center;
 }

 .apple-store-btn .content-text {
     padding-left: 10px;
 }

 .apple-store-btn .content-text small {
     font-size: 12px;
     line-height: 12px;
     font-family: 'Dubai Regular';
     color: #FFFFFF;
 }

 .apple-store-btn .content-text p {
     margin: 0;
     font-size: 16px;
     line-height: 15px;
     font-family: 'Dubai Medium';
     color: #FFFFFF;
 }

 .all-rights {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     color: #6B6B6B;
 }

 .All-2025 {
     text-align: center;
     margin: 16px 0 0 0;
 }

 /* -------------------------- Footer css code end ----------------------------- */

 /* -------------------------- Profile page css code start ----------------------------- */
 .Profile-section {
     padding: 0 30px;
 }

 .Profile-section .profile-card {
     background-image: url('../images/red-bg.png');
     background-size: cover;
     background-position: center;
     padding: 32px 0 0 29px;
     border-radius: 20px;
     min-height: 246px;
     color: white;
     overflow: hidden;
 }

 .Profile-section .profile-img {
     width: 114px;
     height: 114px;
     object-fit: cover;
 }

 .Profile-section .profile-name {
     padding-top: 14px;
     font-size: 22px;
     font-family: 'Dubai Bold';
     line-height: 20px;
     margin: 0;
 }

 .Profile-section .profile-email {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 16px;
     padding-top: 2px;
 }

 /* -------------------------- Profile page css code end ----------------------------- */

 /* -------------------------- Profile below filters css code start ---------------------- */

 .Profile-Filters {
     padding: 32px 30px;
 }

 .Profile-Filters .filter-box {
     display: flex;
     align-items: center;
     padding: 18px;
     border-radius: 12px;
     cursor: pointer;
     /* transition: all 0.3s ease-in-out; */
     box-shadow: 0px 3px 4px 0px rgba(153, 155, 168, 0.15);

 }

 .Profile-Filters .filter-box .icon-box {
     width: 48px;
     height: 48px;
     border-radius: 8px;
     margin-right: 18px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #F5F6F7;
 }



 .Profile-Filters .filter-box .filter-content h6 {
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 24px;
     color: #0D0A19;
     margin: 0;
 }

 .Profile-Filters .filter-box .filter-content p {
     font-size: 16px;
     line-height: 16px;
     font-family: 'Dubai Regular';
     margin: 0;
     color: #9A9EA7;
 }

 .Profile-Filters a {
     text-decoration: none;
 }

 /* -------------------------- Profile below filters css code end ---------------------- */

 /* -------------------------- My Account filter css code start ---------------------- */
 .Profile-section-2 {
     padding: 0 30px;
 }

 .Profile-section-2 .profile-card-2 {
     background-image: url('../images/red-bg2.png');
     background-size: cover;
     background-position: center;
     padding: 32px 0 32px 32px;
     border-radius: 20px;
     min-height: auto;
     color: white;
     overflow: hidden;
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .profile-name-2 {
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 24px;
     margin: 0;
     color: #fff;
 }

 .profile-email-2 {
     margin: 0;
     font-size: 16px;
     line-height: 16px;
     font-family: 'Dubai Regular';
     padding-top: 2px;
 }

 /* -------------------------- My Account filter css code end ---------------------- */

 /* -------------------------- Sell Car css code start ---------------------- */


 .Sellcar-Section .Sell-Cars {
     display: flex;
     align-items: center;
     gap: 16px;
     padding-bottom: 24px;
     padding-right: 30px;
     padding-left: 30px;
 }

 .Sell-Cars .sell-car-btn {
     border-radius: 4px;
     padding-top: 8px;
     padding-bottom: 8px;
     padding-right: 16px;
     padding-left: 16px;
     border: none;
     color: #FFFFFF;
     font-family: 14px;
     font-family: 'Dubai Bold';
     line-height: 21px;
 }

 .Sell-Cars .sell-multiple-car {
     border-radius: 4px;
     padding-top: 8px;
     padding-bottom: 8px;
     padding-right: 16px;
     padding-left: 16px;
     border: 1px solid #231F20;
     font-family: 14px;
     font-family: 'Dubai Bold';
     line-height: 21px;
     background: none;
 }

 .drp-category-box .input-Category {
     font-size: 20px;
     color: #9A9EA7;
     font-family: 'Dubai Medium';
     margin: 0;
 }

 .drp-category-box .category-value {
     font-size: 20px;
     color: #231F20;
     font-family: 'Dubai Medium';
     margin: 0;
 }

 .drp-category-box.dropdown-box-sell {
     position: relative;
     padding-bottom: 24px;
 }

 .drp-category-box .drp-input-box.dropdown-input {
     display: flex;
     justify-content: space-between;
     position: relative;
     border: 1px solid #EEEEEE;
     border-radius: 8px;
     padding: 12px 16px;
     background-color: white;
     cursor: pointer;
 }

 .drp-category-box .custom-dropdown {
     position: absolute;
     left: 0;
     width: 100%;
     background: #fff;
     border: none;
     border-radius: 10px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     display: none;
     z-index: 1000;
     padding: 0;
     overflow: hidden;
 }

 #sellCarTabContent {
     padding-right: 30px;
     padding-left: 30px;
 }

 #sellCarTabContent .dropdown-box-sell.active .custom-dropdown {
     display: block;
 }

 #sellCarTabContent .custom-dropdown .dropdown-option {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px;
     border-bottom: 2px solid #EEEEEE;
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #8391A1;
     cursor: pointer;
 }

 #sellCarTabContent .custom-dropdown .dropdown-option:last-child {
     border-bottom: none;
 }

 .custom-dropdown .dropdown-option input[type="radio"] {
     accent-color: black;
     width: 18px;
     height: 18px;
 }

 #sellCarTabContent .custm_g4 {
     --bs-gutter-x: 100px;
 }

 .Sellcar-Section .form-check .form-check-input {
     width: 20px;
     height: 19px;
     --bs-form-check-bg: none;
     margin-right: 12px;
 }

 .Sellcar-Section .form-check .form-check-input:checked {
     background-color: #231F20;
     border-color: #231F20;
     box-shadow: none;
 }

 .Sellcar-Section .form-check .terms-conditions {
     color: #D32437;
 }

 .Sellcar-Section .form-check .form-check-label {
     font-size: 20px;
     font-family: 'Dubai Regular';
     margin-bottom: 12px;
 }

 .nav-tabs .nav-link {
     color: #000;
     border: 1px solid #231F20;
 }

 .nav-tabs {
     border: none;
 }

 .nav-tabs .nav-link.active {
     background-color: #dc3545 !important;
     color: #fff !important;
     border-color: #dc3545 #dc3545 #fff;
 }

 .drp-category-box .Chassis-num input {
     border: none;
     width: 100%;
     font-size: 20px;
     color: #231F20;
     font-family: 'Dubai Medium';
     padding: 0;
 }

 .drp-category-box .Chassis-num {
     width: 100%;
 }

 .Sellcar-Section .sell-car-submit {
     text-align: center;
 }

 .Sellcar-Section .sell-car-submit button {
     width: 50%;
     border: none;
     padding-top: 16px;
     padding-bottom: 16px;
     border-radius: 8px;
     background: #61B35C;
     color: #FFFFFF;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin-top: 24px;
 }

 .Sellcar-Section .upload_document a {
     color: #2353FF;
     font-family: Dubai;
     font-size: 20px;
 }

 .Sellcar-Section .upload_document a span {
     margin-right: 5px;
 }

 /* -------- modal ------- */

 #uploadModal h4 {
     color: #231F20;
     text-align: center;
     font-family: 'Dubai Bold';
     font-size: 22px;
     margin: 20px;
 }

 #uploadModal .upload-box {
     text-align: center;
     border-radius: 4px;
     border: 1px dashed rgba(56, 78, 183, 0.30);
     background: #F8F8FF;
     padding: 30px 20px;
     margin-bottom: 20px;
 }

 #uploadModal .upload-box .upload-icon span img {
     margin-bottom: 24px;
 }

 #uploadModal .upload-box .upload-text a {
     text-decoration: none;
     color: #0F0F0F;
     font-family: 'Dubai Bold';
     font-size: 16px;
     line-height: 24px;
 }

 #uploadModal .upload-box .upload-text {
     margin-bottom: 10px;
 }

 #uploadModal .upload-box .upload-text a span {
     text-decoration: underline;
     color: #483EA8;
 }

 #uploadModal .upload-box .support-format {
     color: #676767;
     font-family: 'Dubai Bold';
     font-size: 14px;
     line-height: 18px;
     margin: 0;
 }

 #uploadModal .file-upload label {
     color: #676767;
     font-family: 'Dubai Bold';
     font-size: 16px;
     margin-bottom: 4px;
 }

 #uploadModal .upload-btn {
     margin-top: 50px;
     padding: 16px 0px;
     width: 100%;
     border: none;
     border-radius: 4px;
     background: #61B35C;
     color: #FFF;
     font-family: 'Dubai Bold';
     font-size: 20px;
     line-height: 21px;
 }

 #uploadModal .file-upload .file-upload-wrapper {
     position: relative;
 }

 #uploadModal .file-upload .file-upload-wrapper .file-display {
     font-size: 14px;
     font-family: 'Dubai Regular';
     padding-right: 10px;
     border-radius: 4px;
     border: 0.5px solid #E3E3E3;
     background: #FFF;
 }

 #uploadModal .file-upload .file-upload-wrapper .file-close-btn {
     position: absolute;
     top: 50%;
     right: 10px;
     transform: translateY(-50%);
 }

 #uploadModal .file-upload .progress-line {
     height: 3px;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     border-radius: 0 0 8px 8px;
     overflow: hidden;
     margin: 0;
 }

 .file-upload-wrapper .progress-line .progress-bar {
     background-color: #483EA8;
 }

 /* -------------------------- Sell Car css code end ---------------------- */

 /* -------------------- Sell multiple car css code start ------------------- */


 .Excel-section {
     display: flex;
     align-items: center;
     gap: 48px;

 }

 .Excel-section .download-excel {
     height: 180px;
     width: 180px;
     border: 2px solid #C7C7C7;
     border-radius: 16px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .Excel-section .download-excel .download-text {
     text-decoration: none;
     font-size: 18px;
     font-family: 'Dubai Medium';
     line-height: 24px;
     color: #231F20;
     padding-top: 12px;
 }

 /* ----------------- modal popup -------------- */

 .modal_content {
     border-radius: 8px;
     text-align: center;
     padding: 0px 0px 30px 30px;
 }

 .modal_header {
     border: 0;
     text-align: end;
 }

 .modal_body h5 {
     font-size: 22px;
     font-family: 'Dubai Bold';
     line-height: 20px;
     padding-bottom: 18px;
 }

 .modal_body p {
     font-size: 20px;
     font-family: 'Dubai Bold';
     line-height: 16px;
     padding-bottom: 18px;
 }

 .modal_body .homePagebtn {
     border-radius: 8px;
     background: #D32437;
     font-size: 18px;
     font-family: 'Dubai Medium';
     color: #ffffff;
 }

 .modal_body .btn.homePagebtn:hover {
     background: #D32437;
     color: #ffffff;
 }



 /* -------------------- Sell multiple car css code end ------------------- */

 /* ------------------- Book a service css code start ------------------ */

 .Book-Service {
     padding: 0 30px;
 }

 .Book-Service .service-card {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 24px;
     border-radius: 4px;
     box-shadow: 0 0 15px rgb(0 0 0 / 5%);
     background-color: #fff;
     height: 100%;
 }

 .Book-Service .service-card .service-info {
     max-width: 65%;
 }

 .Book-Service .service-card .service-title {
     font-family: 'Dubai Bold';
     font-size: 22px;
     line-height: 16px;
 }

 .Book-Service .service-card .service-subtext {
     font-family: 'Dubai Regular';
     font-size: 16px;
     line-height: 16px;
     color: #A7A5A6;
     margin-top: 8px;
 }

 .Book-Service .service-card .book-btn {
     background-color: #61B35C;
     color: #FFFFFF;
     font-size: 16px;
     font-family: 'Dubai Medium';
     border: none;
     padding: 10px 20px;
     border-radius: 4px;
     transition: background 0.2s;
     margin-top: 9px;
 }

 .Book-Service .service-card .book-btn a {
     color: #FFFFFF;
     text-decoration: none;
 }

 .Book-Service .service-card .book-btn:hover {
     background-color: #61B35C;
 }

 .Book-Service .service-card .service-icon {
     width: auto;
     height: auto;
 }

 @media (max-width: 767.98px) {
     .Book-Service .service-card .service-card {
         flex-direction: column;
         text-align: center;
         gap: 15px;
     }

     .Book-Service .service-card .service-info {
         max-width: 100%;
     }
 }

 /* ------------------- Book a service css code end ------------------ */

 /* ------------------- vehicle inspection css code start ------------------ */
 .heading-tag {
     font-size: 32px;
     font-family: 'Dubai Medium';
     line-height: 44px;
     margin-bottom: 24px;
 }

 .para-tag {
     font-size: 16px;
     font-family: 'Dubai Regular';
     line-height: 24px;
     margin: 0;
 }

 .sub-heading {
     font-size: 20px;
     font-family: 'Dubai Bold';
     line-height: 24px;
 }

 .section {
     margin-bottom: 2rem;
 }

 .padwraper {
     padding: 0 30px;
 }

 /* ------ vehicle inspection css code end ------- */

 /* ----- my documents css code start ------- */


 .documents_profile {
     display: flex;
     justify-content: space-between;
     padding: 32px 30px 32px 32px !important;
 }

 .documents_profile .doc_section {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .documents_profile .upload-doc-btn {
     display: flex;
     align-items: center;
     border: none;
     padding: 0;
     border-radius: 4px;
     background: white;
 }

 .documents_profile .upload-doc-btn span:first-child {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 16px;
     padding: 10px;
 }

 .upload-doc-btn .pluc_icon {
     border-radius: 0px 4px 4px 0px;
     background: #0077BA;
     padding: 10px;
 }

 .documents_profile a {
     text-decoration: none;
 }


 .custom-select-dropdown {
     border: 1px solid #ccc;
     border-radius: 8px;
     padding: 6px 0px;
     margin-bottom: 24px;
     position: relative;
 }

 .custom-select-dropdown select {
     border: none;
     outline: none;
     width: 100%;
     font-size: 1rem;
     background: transparent;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding-right: 1.5rem;
 }

 .form-select:focus {
     box-shadow: none;
 }

 .custom-select-dropdown::after {
     content: "";
     position: absolute;
     right: 16px;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     pointer-events: none;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #000;
 }





 /* ----- my documents css code end ------- */





 /* ------ goverment id css code start -------- */

 .Goverment-fiters {
     padding: 32px 30px;
 }

 .Goverment-fiters .goverment-id {
     border: none;
     transition: all 0.3s ease;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     padding: 18px;
     border-radius: 12px;
     box-shadow: 0px 3px 4px 0px rgba(153, 155, 168, 0.15);
 }

 .goverment-id .govt-card {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .goverment-id .govt-card .icon-box {
     width: 48px;
     height: 48px;
     border-radius: 8px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #F5F6F7;
 }

 .goverment-id .govt-content h6 {
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 24px;
     color: #0D0A19;
     margin: 0;
 }

 .goverment-id .govt-content button {
     font-size: 16px;
     line-height: 16px;
     padding: 4px 12px;
     border-radius: 4px;
     margin: 0;
     border: none;
     color: #EBEBEB;
 }

 .govt-card .icon-box img {
     width: 24px;
     height: 24px;
 }

 .goverment-id .govt-upload {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .govt-content .Verified {
     background: #D32437;
 }

 .govt-content .not-upload {
     background: #6B6B6B;
 }

 .govt-content .underReview {
     background: #61B35C;
 }

 .goverment-id.card:hover {
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
 }

 /* -------------------- goverment id css code end -------------------- */


 /* ----------------- Sale letter css code start ----------------- */
 .Sale-table {
     padding: 0 30px;
 }

 .Sale-table {
     padding-top: 32px;
 }

 .Sale-table .summary-title {
     font-size: 22px;
     font-family: 'Dubai Medium';
     margin-bottom: 24px;
     line-height: 24px;
     position: relative;
 }

 .Sale-table .summary-title::after {
     content: '';
     display: block;
     width: 40px;
     height: 4px;
     background: #D32437;
     margin-top: 4px;
 }

 .Sale-table .summary-title::before {
     content: '';
     display: block;
     width: 20px;
     height: 4px;
     background: #F4C2C2;
     position: absolute;
     top: 89%;
     left: 50px;
 }

 .table-responsive .custom-table {
     width: 100%;
     border: 2px solid #D1D1D1;
     overflow: hidden;
 }

 .table-responsive .custom-table thead {
     font-family: 'Dubai Bold';
 }

 .table-responsive .custom-table th,
 .custom-table td {
     padding: 16px 16px;
     border-bottom: 2px solid #D1D1D1;
     text-align: left;
     font-size: 16px;
     line-height: 20px;
     font-family: 'Dubai Regular';
     background-color: transparent;
 }

 .table-responsive .custom-table th {
     white-space: nowrap;
     font-size: 16px;
     /* font-family: 'Dubai Bold'; */
     font-weight: 700;
     line-height: 20px;
     color: #222222;
 }

 table tbody tr:nth-child(odd) {
     background: #F7F6FE;
 }

 .custom-table .sorting-upDown {
     font-size: 12px;
     margin-left: 4px;
     color: #888;
 }

 .table-responsive .custom-table .download-btn {
     background-color: transparent;
     border: 1px solid #231F20;
     padding: 6px 14px;
     border-radius: 4px;
     cursor: pointer;
     font-size: 14px;
     font-family: 'Dubai Medium';
     display: flex;
     align-items: center;
     gap: 6px;
     transition: background-color 0.2s ease;
 }


 /* ----------------- Sale letter css code end ----------------- */






 /* ----------------- Sign up css code start ----------------- */
 .flogcls {
     position: absolute;
     top: 13px;
     left: 9px;
     z-index: 99;
     background: #fff;
 }
 .flogcls img{
 border-radius:50%;
 width:42px;
 height:42px
 }

 .flogcls span {
     margin-top: 10px;
     font-size: 16px;
     font-family: 'Dubai Medium';
     color: #000;
 }

 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px white inset !important;
     box-shadow: 0 0 0 1000px white inset !important;
     -webkit-text-fill-color: #000 !important;
     /* Set text color */
     border: 1px solid #ccc !important;
     /* Reset border */
 }

 .signUp-Section .img-left-panel {
     /*background-image: url('../images/white-car.png');*/
     background-size: cover;
     background-position: center;
     color: white;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 95vh;
     margin: 20px;
     border-radius: 20px;
     overflow: hidden;

 }

 .signUp-Section .left-content h1 {
     font-size: 2.5rem;
     line-height: 1.3;
 }

 .signUp-Section .left-content p {
     font-size: 1.1rem;
     margin-top: 12px;
 }

 .signUp-Section .signin-strip {
     background-color: rgba(0, 0, 0, 0.7);
     padding: 16px 24px;
     border-radius: 0 0 10px 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .signUp-Section .signin-button {
     background-color: #d52b1e;
     border: none;
     padding: 10px 20px;
     color: white;
     border-radius: 6px;
     cursor: pointer;
     font-size: 1rem;
 }

 .signUp-Section .right-panel {
     background-color: white;
     padding: 60px 120px 30px 120px;
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow-y: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
 }

 .signUp-logo {
     display: flex;
     justify-content: center;
     margin-bottom: 30px;
 }
 
.country-dropdown {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    overflow-y: auto;
    top: 72px;
    z-index: 9;
    padding: 0px 24px 24px 24px;
    border-radius: 8px 8px 0px 0px;
    background: var(--White, #FFF);
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgb(224 225 225 / 50%);
}
.country-search-input .input-group{
height: 42px;
}
.country-search-input .input-group .form-control{
	height: 42px;
	height: 42px;
    color: var(--Grey, #767676);
    font-family: Dubai;
    font-size: 18px;
}
.country-dropdown ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.country-dropdown ul li {
	border: none;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    float: left;
    border: none;
    border-radius: 7px;
    padding: 8px 16px;
    margin-bottom: 10px;

}

.country-dropdown ul li:hover {
    background: rgba(33, 72, 148, 0.10);
}

.country-dropdown ul li img {
    float: left;
    margin-right: 20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
 

.country-dropdown ul li span {
    float: left;
    font-size: 18px;
    font-family: 'Dubai Medium';
    margin: 7px 0 0 0;
}
 .fixed-searchBar{
display: flex;
position: sticky;
    top: 0;
    background: white;
    z-index: 10;
padding: 10px 0px 10px 0px;
        gap: 30px;
 
}
.fixed-searchBar p{
    margin: 0;
    color: #231F20;
    font-family: 'Dubai Regular';
    font-size: 28px;
    font-style: normal;
}
.country-search-input{
    padding: 10px 0px 10px 0px;
     background: white;
    position: sticky;
    top: 52px;
    z-index: 9;
}

 
 
 
 
 
 
 
 
 

 .right-panel-wrapper h2 {
     text-align: center;
     font-size: 1.8rem;
     margin-bottom: 10px;
 }

 .right-panel-wrapper .subtext {
     text-align: center;
     color: #666;
     margin-bottom: 20px;
 }

 .Custom-dropdown-form .input {
     width: 100%;
     padding: 14px;
     border-radius: 8px;
     border: 1px solid #ccc;
     font-size: 16px;
     margin-bottom: 16px;
     box-sizing: border-box;
 }

 .Custom-dropdown-form .dropdown-wrapper {
     position: relative;
     user-select: none;
     margin-bottom: 16px;
 }

 .Custom-dropdown-form .dropdown-header {
     border: 1px solid #ccc;
     padding: 14px;
     border-radius: 8px;
     font-size: 16px;
     color: #555;
     cursor: pointer;
     position: relative;
 }

 .Custom-dropdown-form .dropdown-header::after {
     content: '▾';
     position: absolute;
     right: 16px;
     font-size: 18px;
 }

 .Custom-dropdown-form .dropdown-options {
     list-style: none;
     margin: 0;
     padding: 0;
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     position: absolute;
     width: 100%;
     top: 100%;
     left: 0;
     z-index: 10;
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.2s ease, visibility 0s 0.2s;
 }

 .Custom-dropdown-form .dropdown-options li {
     padding: 16px;
     border-bottom: 1px solid #eee;
     cursor: pointer;
     font-family: 'Dubai Medium';
     color: #6c757d;
     transition: background-color 0.2s ease;
 }

 .Custom-dropdown-form .dropdown-options li:last-child {
     border-bottom: none;
 }

 .Custom-dropdown-form .dropdown-options li:hover {
     background-color: #f5f5f5;
 }

 .Custom-dropdown-form .radio-option {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px;
     border-bottom: 1px solid #e0e0e0;
     cursor: pointer;
     transition: background-color 0.2s ease;
 }

 .Custom-dropdown-form .radio-option:last-child {
     border-bottom: none;
 }

 .Custom-dropdown-form .radio-option input[type="radio"] {
     width: 18px;
     height: 18px;
     accent-color: #000;
     cursor: pointer;
 }

 .Custom-dropdown-form .radio-option:hover {
     background-color: #f0f0f0;
 }

 .Custom-dropdown-form #roleDropdown .hidden {
     display: none;
 }

 /* ----------------- Sign up css code end ----------------- */

 /* ----------- security deposite css code start ------------ */

 .security-deposit {

     padding: 30px 30px 0 30px;
 }

 .security-deposit .custom-card {
     padding: 14px;
     border-radius: 8px;
     border: 2px solid #dee2e6;
     margin: auto;
 }

 .security-deposit .custom-card h5 {
     font-family: 'Dubai Medium';
     font-size: 22px;
     margin: 0;
     line-height: 24px;
     padding-bottom: 12px;
 }

 .security-deposit .progress {
     height: 8px;
     margin-bottom: 12px;
 }

 .security-deposit .progress .progress-bar {
     background: #61B35C;
 }

 .available-deposit {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-bottom: 1px solid #ccc;
 }

 .available-deposit .aed {
     font-size: 10px !important;
     line-height: 24px;
     margin-left: -24px;
     margin-bottom: 0px;
     font-family: 'Dubai Bold' !important;
 }

 .number-count {
     color: #000;
     font-family: 'Dubai';
     font-size: 16px;
     font-weight: 700;
     line-height: 24px;
 }

 .available-deposit p:first-child {
     /* margin-bottom: 12px; */
     color: #000;
     font-family: 'Dubai Regular';
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
 }

 .total-bidding p {
     margin: 0;
 }

 .security-deposit span {
     font-size: 16px;
     line-height: 24px;
 }

 .security-deposit .number {
     font-size: 16px;
     margin: -20px 0 0 0;
     line-height: 24px;
     font-weight: 500;
     font-family: 'Dubai Bold';
 }

 .security-deposit .aed {
     font-size: 10px;
     line-height: 24px;
     margin-left: -24px;
     margin-bottom: 0px;
     font-family: 'Dubai Bold';
 }

 .security-deposit .avail-text {
     margin-bottom: 12px;
     color: #000;
     /* font-family: 'Dubai Medium'; */
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
 }

 .total-bidding {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 12px;
 }

 .previous-slip {
     padding-top: 15px;
 }

 .previous-slip span img {
     padding-right: 8px;
 }

 .previous-slip a {
     color: #000000
 }

 .total-bidding-btn {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 12px;
 }

 .total-bidding-btn button {
     border: 1px solid #CCCCCC;
     background: none;
     border-radius: 4px;
     padding: 6px 12px;
 }

 .total-bidding-btn button .pay-slip {
     padding-left: 4px;
     font-family: 'Dubai Medium';
 }

 .total-bidding-btn .increase-btn {
     background-color: #61B35C;
     color: #ffffff;
     font-family: 'Dubai Bold';
     padding: 6px 8px;
 }

 /* -------- nav tabs css code ------------ */

 .security-table {
     padding-top: 32px;
     padding-right: 30px;
     padding-left: 30px;
 }

 .custom-nav-tabs .tabs-heading {
     display: flex;
     align-items: center;
 }

 .custom-nav-tabs .tabs-heading .icon {
     padding-right: 14px;
     margin: 0;
 }

 .custom-nav-tabs .tabs-heading .label {
     color: #c4001d;
     font-family: 'Dubai Medium';
     font-size: 20px;
     line-height: 20px;
     margin: 0;
 }

 .custom-nav-tabs .tabs-heading .amount {
     font-size: 12px;
     color: black;
     margin: 0;
     padding-left: 20px;
     padding-top: 3px;
 }

 .custom-nav-tabs .tabs-heading .number {
     font-size: 14px;
     padding-left: 55px;
     margin: -10px;
     font-family: 'Dubai Medium';
 }

 .custom-nav-tabs .tab-item {
     flex: 1;
     background-color: #fff;
     border: none;
     border-bottom: 4px solid #D1D1D1;
     border-top: 1px solid #D1D1D1;
     padding: 16px 16px;
     text-align: left;
     cursor: pointer;
     border-right: 1px solid #dee2e6;
     position: relative;
     transition: background 0.3s;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }

 .custom-nav-tabs {
     display: flex;
     border: none;
     background: #f8f9fa;
     border-radius: 8px 8px 0 0;
     overflow: hidden;
     box-shadow: inset 0 -1px 0 #ddd;
 }

 /* .custom-table.custom-table-nav {
     border: none;
 } */

 .custom-table.custom-table-nav .bold-td {
     font-weight: bold;
 }

 .custom-table.custom-table-nav .bold-td .aed2 {
     font-size: 12px;
     vertical-align: super;
 }

 .custom-table.custom-table-nav .text-active {
     font-family: 'Dubai Bold';
     color: #61B35C;
 }

 /* .custom-table-nav .odd-color {
     background: #F7F6FE;
 } */

 .custom-table.custom-table-nav .request-btn {
     border-radius: 4px;
     border: 1px solid #231F20;
     background: none;
     padding: 8px 24px;
     font-size: 16px;
     font-family: 'Dubai Medium';

 }

 .tab-item:last-child {
     border-right: none;
 }

 .tab-item.active {
     background-color: #fde8e9;
     border-top: none;
     border-bottom: 4px solid #D32437;
 }

 .tab-item.active .icon,
 .tab-item.active .label {
     color: #D32437;
 }

 .table-responsive .custom-table th,
 .custom-table.custom-table-nav td {
     border-bottom: 1px solid #D1D1D1;
     vertical-align: middle;
 }

 .table-responsive .custom-table th,
 .custom-table.custom-table-nav th {
     padding-top: 25px;
     padding-bottom: 25px;
 }


 .security-table .summary-title {
     font-size: 22px;
     font-family: 'Dubai Medium';
     margin-bottom: 24px;
     line-height: 24px;
     position: relative;
 }

 .security-table .summary-title::after {
     content: '';
     display: block;
     width: 40px;
     height: 4px;
     background: #D32437;
     margin-top: 4px;
 }

 .security-table .summary-title::before {
     content: '';
     display: block;
     width: 20px;
     height: 4px;
     background: #F4C2C2;
     position: absolute;
     top: 89%;
     left: 50px;
 }

 /* ----------- security deposite css code end ------------ */

 .vehicle-item .tabs-heading .count {
     margin: 0;
 }

 .vehicle-item .vehicle-pay {
     text-align: center;
 }

 .vehicle-pay .count {
     font-size: 20px;
     font-family: 'Dubai Medium';
 }

 .custom-nav-tabs .vehicle-item {
     flex: 1;
     background-color: #fff;
     border: none;
     border-bottom: 4px solid #D1D1D1;
     border-top: 1px solid #D1D1D1;
     padding: 18px 0 10px;
     text-align: left;
     cursor: pointer;
     border-right: 1px solid #dee2e6;
     transition: background 0.3s;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .custom-nav-tabs .vehicle-item.active {
     background-color: #fde8e9;
     border-top: none;
 }

 .custom-nav-tabs .vehicle-item.active {
     background-color: #fde8e9;
     border-top: none;
     border-bottom: 4px solid #D32437;
 }


 /* ----------  other service & vehicle payemnts end --------- */

 /* ------------- won bids css code start ------------ */

 .my-bids {
     padding-left: 30px;
     padding-right: 30px;
 }

 .my-bids.My-vehicle_Bids {
     padding-top: 25px;
 }

 .my-bids .nav-tabs .nav-link.Active-Bids {
     border: 1px solid #231F20;
     color: #231F20;
     font-size: 14px;
     font-family: 'Dubai Bold';
     border-radius: 4px;
     line-height: 21px;
     margin-right: 12px;
 }

 .my-bids .nav-tabs .nav-link.active {
     background-color: #D32437;
     color: white;
     border-color: #D32437;
 }

 .card-body .car-details .approved {
     color: #61B35C;
     font-size: 16px;
     font-style: normal;
     font-family: 'Dubai Bold';
     line-height: 16px;
 }

 .card-body .car-details .approved.Rejected {
     color: #D32437;
 }

 .card-body .car-details .unpaid {
     color: var(--Primary, #D32437);
     font-size: 16px;
     font-weight: 700;
     line-height: 16px;
 }

 .card-body .car-details .request_service {
     color: var(--Secondary, #231F20);
     text-overflow: ellipsis;
     font-size: 12px;
     font-family: 'Dubai Medium';
     line-height: 12px;
 }

 .card-body .car-details .request_service span {
     padding-right: 6px;
 }

 .car-details .request_service a {
     color: #231F20;
     font-family: 'Dubai medium';
     font-size: 12px;
     text-decoration: none;
 }

 .cards_body_section .card-body .card-actions.win_bids {
     display: flex;
     justify-content: end;
 }

 /* ------------- won bids css code end ------------ */

 .card-actions .rqt-delivery {
     border: none;
     border-radius: 4px;
     background: #231F20;
     color: #FFF;
     font-size: 14px;
     font-weight: 400;
     padding: 8px 18px;
     font-family: 'Dubai Medium';
 }

 /* --------- pending delivery ---------- */

 .car-details .contact_sp {
     color: var(--Secondary, #231F20);
     font-family: 'Dubai Bold';
     font-size: 14px;
     font-weight: 700;
 }

 .car-details .contact_sp a {
     color: var(--Secondary, #231F20);
 }

 .car-details .contact_sp img {
     margin-right: 12px;
 }

 /* -------- delivered vehicles----------- */

 /* ------------- sign3 up css code start --------- */

 .signup_drp .form-floating.form_input {
     margin-bottom: 24px;
 }

 .signup_drp .form-floating>label {
     padding: 16px 12px;
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #9A9EA7;
     height: 70px;
     display: flex;
     align-items: center;
 }

 .form_input .form-control {
     height: 70px;
     border-radius: 8px;
 }

 .form_input input {
     color: #0D0A19;
     font-size: 16px;
     font-family: 'Dubai Medium';
     line-height: 16px;
 }

 .signup_drp .custom-box {
     border: 1px solid #EEE;
     border-radius: 8px;
     padding: 12px 16px;
     position: relative;
 }

 .signup_drp .custom-label {
     color: #9A9EA7;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 16px;
     font-family: 'Dubai Medium';
 }

 .signup_drp .custom-value {
     text-align: start;
     color: #0D0A19;
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 16px;
 }

 .signup_drp .dropdown-box {
     cursor: pointer;
     height: 70px;
     margin-bottom: 24px;
 }

 .signup_drp .dropdown-list {
     display: none;
     position: absolute;
     width: 100%;
     background: white;
     border-radius: 8px;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
     z-index: 10;
     top: 100%;
     left: 0;
 }

 .signup_drp .dropdown-box.active .dropdown-list {
     display: block;
 }

 .signup_drp .dropdown-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 17px 17px;
     border-bottom: 2px solid #EEE;
     color: #8391A1;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .signup_drp .dropdown-item:last-child {
     border-bottom: none;
 }

 .signup_drp .dropdown-item2 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 17px 17px;
     border-bottom: 2px solid #EEE;
     color: #8391A1;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .signup_drp .dropdown-item2:last-child {
     border-bottom: none;
 }

 .signup_drp .dropdown-item3 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 17px 17px;
     border-bottom: 2px solid #EEE;
     color: #8391A1;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .signup_drp .dropdown-item3:last-child {
     border-bottom: none;
 }

 .signup_drp .radio-circle {
     height: 20px;
     width: 20px;
     border: 2px solid black;
     border-radius: 50%;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .signup_drp .radio-circle.selected::after {
     content: '';
     height: 12px;
     width: 12px;
     background: black;
     border-radius: 50%;
 }

 .signup_drp .dropdown-icon {
     font-size: 16px;
     color: #6c757d;
 }

 .continu-button {
     margin-top: 56px;
     text-align: center;
 }

 .continu-button button {
     border: 1px solid #C0C0C1;
     width: 80%;
     background: none;
     color: #0077BA;
     font-size: 19px;
     font-family: 'Dubai Bold';
     padding: 10px 0px 10px 0px;
     border-radius: 16px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .uae-button {
     margin-top: 40px;
     text-align: center;
 }

 .uae-button button {
     border: 1px solid black;
     width: 80%;
     background: none;
     font-size: 19px;
     padding: 10px 0px 10px 0px;
     border-radius: 16px;
     box-shadow: 0 0 1px 2px #00AC754D;
 }

 .uae-button button span {
     padding-right: 15px;
 }

 .resend-otp {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 4px;
 }

 .resend-otp .reamaining a {
     color: #A7A5A6;
     font-size: 14px;
     font-family: 'Dubai Medium';
     line-height: 21px;
 }

 .resend-otp .reamaining {
     margin: 0;
 }

 .resend-otp .resend {
     margin: 0;
 }

 .resend-otp #timer {
     margin-left: 4px;
 }

 .resend-otp .resend a {
     color: #A7A5A6;
     font-size: 14px;
     font-family: 'Dubai Bold';
     line-height: 21px;
     text-decoration: none;
 }

 .back_btn {
     /*display: flex;*/
     justify-content: start;
     margin-bottom: 16px !important;
 }

 .back_btn button {
     padding: 6px 16px;
     background: #61B35C;
     color: white;
     border: none;
     border-radius: 8px;
 }

 .input-clas {
     display: none;
 }

 .input-clas:first-child {
     display: block;
 }
 .sendOtpMobile{
     display: flex;
    justify-content: space-between;
    margin-top: 6px;
 }

 /* ------------- sign3 up css code end --------- */

 /* ----------- my bids active ccs code start----------- */

 .car-details.approved.bid_amnt {
     color: #D32437;
 }

 .card-actions .heart-btn.share-btn {
     padding: 0px 1px 0px 0px;
 }

 .card-body .car-details .paid {
     color: #61B35C;
     font-size: 16px;
     font-family: 'Dubai Bold';
     line-height: 16px;
 }

 .card-body .car-details .paid span {
     padding-left: 5px;
     margin: 0;
 }

 .card-body .car-details .paid span img {
     margin-bottom: 5px;
 }

 .auto_bid .bidnow-btn.paynow-disabled {
     color: #ffffff;
     background: #BFBFBF;
 }

 .card-actions .many_more {
     color: #0077BA;
     font-size: 12px;
     font-family: 'Dubai Medium';
     line-height: 10px;
     margin: 0;
 }

 .card-actions .goto_auctions button {
     border: none;
     border-radius: 4px;
     background: #61B35C;
     color: #FFF;
     font-size: 12px;
     font-family: 'Dubai Medium';
     line-height: 12px;
     padding: 4px 16px;
     letter-spacing: 0.5px;
 }

 .card-actions .goto_auctions button a {
     color: #FFF;
     text-decoration: none;
 }

 /* ----------- my bids active ccs code end----------- */


 /* ---------- Sign in page css code start ------------ */


 .signIn-Section .img-left-panel {
     /*background-image: url(../images/white-car.png); */
     background-size: cover;
     background-position: center;
     color: white;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 95vh;
     margin: 20px;
     border-radius: 20px;
     overflow: hidden;
 }

 .signIn-Section .signin-strip {
     padding: 16px 56px;
     border-radius: 0px 0px 20px 20px;
     background: rgb(10, 37, 66);
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .signIn-Section .signin-button {
     color: #FFF;
     font-size: 16px;
     font-weight: 700;
     line-height: 21px;
     letter-spacing: -0.1px;
     border: none;
     border-radius: 8px;
     background: #D32437;
     padding: 12px 18px;
 }

 .signIn-logo {
     display: flex;
     justify-content: center;
     margin-bottom: 32px;
 }

 .signIn-Section .right-panel {
     background-color: white;
     padding: 60px 120px 0px 120px;
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow-y: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
 }

 .right-panel::-webkit-scrollbar {
     display: none;
 }

 .img-left-panel .left-content {
     padding: 50px 0px 15px 31px;
 }

 .img-left-panel .left-content h1 {
     color: var(--ffffff, #FFF);
     font-size: 44px;
     font-family: 'Dubai Bold';
     line-height: 70px;
 }

 .img-left-panel .left-content p {
     color: #FFF;
     font-size: 22px;
     font-family: 'Dubai Medium';
     line-height: 23px;
 }

 .signIn-Section .right-panel-wrap {
     text-align: center;
 }

 .signIn-Section .right-panel-wrap h2 {
     color: #0D0A19;
     font-size: 36px;
     font-family: 'Dubai Bold';
     line-height: 48px;
     letter-spacing: -0.1px;
     margin-bottom: 6px;
 }

 .signIn-Section .right-panel-wrap p {
     color: #9A9EA7;
     font-size: 14px;
     font-family: 'Dubai Regular';
     margin-bottom: 24px;

 }

 .right-signin-form .custom-float .form-control {
     height: 83px;
     padding-top: 2rem;
     padding-bottom: 1rem;
     background-color: #fff !important;
     box-shadow: none;
 }

 .right-signin-form .custom-float label {
     height: 80px;
     display: flex;
     align-items: center;
     padding-left: 0.75rem;
 }

 .right-signin-form .custom-float .form-control:focus {
     background-color: #fff !important;
 }

 .form-floating.custom-float label {
     color: #9A9EA7;
     font-family: Dubai;
     font-size: 20px;
     font-style: normal;
     font-family: 'Dubai Medium';
     line-height: normal;
     padding-bottom: 5px;
 }

 .right-signin-form .custom-float input {
     color: #0D0A19;
     font-size: 20px;
     font-family: 'Dubai Bold';
     line-height: 16px;
     padding-top: 45px !important;
 }

 .right-signin-form .custom-float {
     margin-bottom: 24px;
 }

 .right-signin-form .custom-float .toggle-password {
     position: absolute;
     top: 50%;
     right: 15px;
     transform: translateY(-50%);
     cursor: pointer;
 }

 .auth-section .remeber-forget {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 64px;
 }

 .remeber-forget .form-check .rem-label {
     color: #0D0A19;
     font-family: Dubai;
     font-size: 14px;
     font-family: 'Dubai Bold';
     line-height: 21px;
     letter-spacing: -0.1px;
 }

 .auth-section .remeber-forget a {
     color: var(--Secondary, #231F20);
     font-size: 14px;
     font-family: 'Dubai Bold';
     line-height: 21px;
     letter-spacing: -0.1px;
 }

 .auth-section .signIn-btn {
     border-radius: 8px;
     background: #61B35C;
     color: #FFF;
     font-size: 16px;
     font-family: 'Dubai Regular';
     padding: 16px 0px 16px 0px;
     width: 80%;
     margin: auto;
     border: none;
 }

 .signIn-btn:hover {
     background: #61B35C;
     color: #FFF;
 }

 .auth-section .or-line {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 80%;
     margin: auto;
     padding: 20px 0px 20px 0px;
     font-size: 14px;
     font-weight: 400;
     line-height: 21px;
     color: #9A9EA7;
 }

 .auth-section .uae-pass-button {
     text-align: center;
 }

 .uae-pass-button button {
     color: #000;
     font-size: 19px;
     font-family: 'Dubai Regular';
 }

 .uae-pass-button .signIn-Uae {
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #231F20;
     padding: 15px 0px 15px 0px;
     gap: 14px;
     width: 80%;
     margin: auto;
     border-radius: 18px;
 }

 .uae-pass-button .signIn-Uae:hover {
     border: 1px solid #231F20;
 }

 .signIn-Section .signin-strip p {
     margin: 0;
     color: #FFF;
     font-size: 20px;
     font-weight: 600;
     line-height: 24px;
     letter-spacing: -0.1px;
 }

 /* ----- sign in page css code end ---------------- */

 /* -------polishing and detailing  css code start ---------- */

 .inspection-section {
     background-color: #fff;
     padding: 0px 20px;
 }

 .inspection-section img {
     border-radius: 8px;
     width: 100%;
     object-fit: cover;
     height: 430px;
 }

 .inspection-text {
     margin-top: 24px;
     color: #231F20;
     font-size: 16px;
     font-weight: 400;
     line-height: 36px;
     text-align: justify;
 }

 /* -------polishing and detailing  css code end ---------- */

 /* --------- auction categories css code start ----------- */

 .auc-category-section {
     padding: 0px 30px;
 }

 .auc-category-section .category-wrapper {
     display: flex;
     flex-wrap: wrap;
     gap: 44px;
 }

 .auc-category-section .category-wrapper .category-card {
     border: 2.05px solid #C7C7C7;
     background: #FFF;
     border-radius: 16.4px;
     text-align: center;
     padding: 32px 24px;
     height: 222px;
     width: 218px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .auc-category-section .category-wrapper .category-card p {
     color: #231F20;
     text-align: center;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 34px;
     margin: 0;
     padding-top: 15px;
 }

 .category-card p a {
     color: #231F20;
     text-decoration: none;
 }

 /* --------- auction categories css code end ----------- */

 /* --------- all auction css code start ----------- */

 .warning-section {
     padding: 0px 30px;
 }

 .warning-section .warning-box {
     border-radius: 4px;
     border: 1px solid #EBEBEB;
     background: #FFF;
     padding: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 24px;
     margin-top: 24px;
     margin-bottom: 24px;
 }

 .warning-section .warning-text {
     color: #D32437;
     font-size: 18px;
     font-weight: 400;
     font-weight: normal;
     line-height: 16px;
     margin: 0;
 }

 /* --------- all auction css code end ----------- */

 /* ---------- contact us 2 ------------- */

 .contact-us-2 {
     padding: 0px 30px;
 }

 .contact-card {
     border-radius: 8px;
     border: 1px solid #EBEBEB;
     background: #F6F9FA;
     padding: 24px;
 }

 .contact-card .contact-opt {
     color: #231F20;
     font-size: 20px;
     font-weight: 400;
     font-weight: normal;
     line-height: 26px;
 }

 .contact-card .contact-div {
     display: flex;
     align-items: center;
     gap: 16px;
     margin-bottom: 24px;
 }

 .contact-card .call-support p {
     color: #231F20;
     font-family: Dubai;
     font-size: 18px;
     font-weight: normal;
     font-weight: 400;
     margin: 0;
 }

 .contact-card .support-btn {
     width: 100%;
     margin-top: 32px;
     padding: 16px 32px;
     color: #FFF;
     font-size: 18px;
     font-weight: normal;
     font-weight: 400;
     border-radius: 4px;
     border: 1px solid #61B35C;
     background: #61B35C;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
 }

 .contact-card .call-support {
     text-align: center;
 }

 .contact-us-2 .help-card {
     border-radius: 8px;
     border: 1px solid #EBEBEB;
     background: #F8F8F8;
     padding: 24px;
 }

 .help-card .help-div {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-bottom: 30px;
 }

 .help-card .help-div p {
     color: #231F20;
     font-size: 20px;
     font-weight: 400;
     line-height: 26px;
     margin: 0;
 }

 .help-card .view-div p {
     text-align: center;
     font-size: 18px;
     font-weight: normal;
     font-weight: 400;
     margin-bottom: 32px;
 }

 .help-card .view-div .view-btn {
     border-radius: 4px;
     padding: 16px 32px;
     border: 1px solid #61B35C;
     background: #61B35C;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
     color: #FFF;
     font-size: 18px;
     font-weight: normal;
     font-weight: 400;
     width: 100%;
 }

 .help-card .report-div {
     display: flex;
     align-items: center;
     gap: 16px;
     margin-bottom: 23px;
 }

 .help-card .report-div p {
     color: #231F20;
     font-size: 20px;
     font-weight: normal;
     font-weight: 400;
     line-height: 26px;
     margin: 0;
 }

 .help-card .name_float {
     margin-bottom: 22px;
 }

 .help-card .name_float .form-check {
     display: flex;
     align-items: center;
 }

 .help-card .name_float #captchaCheck {
     height: 33px;
     width: 33px;
     border-radius: 4px;
     border: 2px solid #B1B1B1;
     box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.10);
 }

 .help-card .name_float label {
     color: #9A9EA7;
     font-size: 20px;
     font-weight: normal;
     font-weight: 400;
     line-height: 16px;
     height: 70px;
     display: flex;
     align-items: center;
     padding-left: 0.75rem;
 }

 .help-card .name_float .form-control {
     height: 70px;
     padding-top: 2rem;
     padding-bottom: 1rem;
     background-color: #fff !important;
 }

 .help-card .contact-submit {
     width: 100%;
     border-radius: 8px;
     border: 1px solid #61B35C;
     background: #61B35C;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
     color: #FFF;
     font-size: 18px;
     font-weight: normal;
     font-weight: 500;
     padding: 16px 0px;
 }

 .contact-us-2 .second-row {
     margin-top: 24px;
 }

 .thank-you-popup {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
     background: rgba(0, 0, 0, 0.4);
 }

 .popup-box {
     background: #fff;
     padding: 2rem;
     border-radius: 1rem;
     max-width: 400px;
     width: 100%;
     box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.15);
     position: relative;
 }

 .success-icon {
     width: 60px;
     height: 60px;
 }

 /* ---------- contact us 2 css code end ------------- */

 /* ---- vehicle payments popup code -------- */

 .custom-upload-modal .add_document {
     display: flex;
     justify-content: space-between;
     align-items: start;
 }

 .custom-upload-modal .add_document .modal-title {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 24px;
     font-weight: 500;
     line-height: 24px;
     margin-bottom: 16px;

 }

 .custom-upload-modal .add_document .upload-title {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 16px;
     line-height: 20px;
     margin-bottom: 4px;
 }

 .custom-upload-modal .add_document .secure-title {
     color: #767676;
     font-size: 14px;
     font-family: 'Dubai Medium';
     line-height: 20px;
 }

 .custom-upload-modal .upload-box {
     text-align: center;
     padding: 10px 20px;
     margin-bottom: 18px;
     border-radius: 8px;
     border: 1px solid #CCC;
     background: #FFF;
     border-radius: 8px;
 }

 .custom-upload-modal .upload-box .drag-drop {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 16px;
     line-height: 20px;
     margin-bottom: 8px;
 }

 .custom-upload-modal .upload-box .drag-drop a {
     color: #0077BA;
     font-family: 'Dubai Medium';
     font-size: 16px;
     line-height: 20px;
     text-decoration: none;
 }

 .custom-upload-modal .upload-box .jpeg-png {
     color: #767676;
     text-align: center;
     font-family: 'Dubai Medium';
     font-size: 14px;
     line-height: 20px;
 }

 .custom-upload-modal .upload-box span img {
     margin-bottom: 6px;
 }

 .custom-upload-modal .back_submit {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .custom-upload-modal .disabled-btn {
     width: 114.087px;
     height: 42px;
     border-radius: 4px;
     border: 1.59px solid #CCC;
     background: #CCC;
     color: #767676;
     font-size: 20.667px;
     font-family: 'Dubai Medium';
     line-height: 22px;
 }

 .custom-upload-modal .back_submit .back-btn {
     width: 114.087px;
     height: 42px;
     border-radius: 4px;
     border: 1.59px solid #767676;
     color: #767676;
     font-size: 20.667px;
     font-family: 'Dubai Medium';
     line-height: 22px;
     background: none;
 }

 .custom-upload-modal {
     border-radius: 8px;
 }

 /* ---- vehicle payments popup code end -------- */


 /* ------- my bookings css code sart --------- */

 .table-responsive .custom-table .view-btn {
     border: none;
     background-color: transparent;
     padding: 6px 14px;
     cursor: pointer;
 }

 .table-responsive .custom-table.bookings-table {
     width: 100%;
     border: none;
     border-radius: 4px;
 }

 .my-bookings-table {
     display: none;
 }

 .table-responsive .custom-table.bookings-table tbody tr td:nth-child(7) {
     color: var(--Brand-Green, #61B35C);
     font-family: 'Dubai Medium';
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0.1px;
 }

 .my-bookings-table .my_book {
     overflow-x: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
     box-shadow: 0px 3px 4px 0px rgba(153, 155, 168, 0.15);
 }

 .my-bookings-table .my_book::-webkit-scrollbar {
     display: none;
 }

 .Sale-table .book-table {
     box-shadow: 1px 1px 10px 0px rgba(153, 155, 168, 0.15);
 }

 /* ------------- delete account css code start ---------- */

 #deleteAccountModal .delete-content {
     border: none;
     text-align: center;
 }

 #deleteAccountModal .delete_body {
     padding: 0px 30px 30px 30px;
 }

 #deleteAccountModal .delete_body h4 {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 34px;
 }

 #deleteAccountModal .delete_body p {
     color: #575859;
     font-family: 'Dubai Bold';
     font-size: 18px;
     line-height: 20px;
 }

 #deleteAccountModal .delete_body .delete-cancel {
     display: flex;
     justify-content: space-between;
     margin-top: 30px;
 }

 #deleteAccountModal .delete_body .cancel-btn {
     width: 111px;
     height: 50px;
     border-radius: 4px;
     border: 1px solid #231F20;
     background: #FFF;
     padding: 8px 16px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
 }

 #deleteAccountModal .delete_body .yes-btn {
     width: 111px;
     height: 50px;
     border-radius: 4px;
     border: none;
     background: #61B35C;
     color: #FFFFFF;
     padding: 8px 16px;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);

 }

 /* ------------- delete account css code end ---------- */

 .change-password {
     padding: 30px 30px;
 }

 .change-password .change_input .form-control {
     height: 70px;
     padding-top: 2rem;
     padding-bottom: 1rem;
     border-radius: 8px;
     font-size: 20px;
     margin-top: 24px;
 }

 .change-password .change_input label {
     color: #9A9EA7;
     font-size: 20px;
     font-weight: normal;
     font-weight: 400;
     line-height: 16px;
     height: 70px;
     display: flex;
     align-items: center;
     padding-left: 0.75rem;
 }

 .change-pwd-btn button {
     width: 100%;
     margin-top: 24px;
     color: #FFF;
     font-size: 20px;
     font-family: 'Dubai Bold';
     line-height: 21px;
     border: none;
     padding: 12px 0px;
     border-radius: 8px;
     background: #61B35C;
 }

 #changePasswordModal .autoBid_text {
     font-size: 24px;
     margin-top: 8px;
 }

 #changePasswordModal .help-btn {
     padding: 10px;
     margin: 16px 0px 10px 0px;
 }



 /* ---------- delete account css code end ---------- */

 /* ------------ FAQs css code start ------------ */

 .faq-main-section {
     padding: 0 30px;
 }

 .faq-main-section .faq-card {
     height: 350px;
     padding: 24px;
     border-radius: 8px;
     border: 1px solid #EBEBEB;
     background: #F6F9FA;
     position: relative;
     transition: box-shadow 0.3s ease;
 }

 .faq-main-section .faq-card:hover {
     border: 2px solid #EBEBEB;
     background: white;
 }

 .faq-main-section .faq-card .heading-img {
     display: flex;
     align-items: start;
     gap: 16px;
 }

 .faq-main-section .faq-card h5 {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 20px;
     line-height: 26px;
     margin-bottom: 29px;
 }

 .faq-main-section .faq-card p {
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 18px;
     margin-bottom: 8px;
 }

 .faq-main-section .faq-card .view-link-div {
     margin-top: 30px;
 }

 .faq-main-section .faq-card .view-link {
     color: #61B35C;
     font-family: 'Dubai Regular';
     font-size: 18px;
     text-decoration: none;
 }

 .faq-main-section .faq-card .view-link span {
     margin-left: 8px;
 }

 /* ------------- FAQ css code end ----------- */

 /* --------------- FAQ accordian css code start --------------- */

 .Faq-Accordian {
     padding: 0px 30px;
 }

 .accordion-item.accordion_item {
     border-radius: 8px;
     border: 1px solid #CCC;
     background-color: transparent;
     box-shadow: none;
 }

 .accordion-button.accordian_buttom {
     background-color: transparent;
     box-shadow: none !important;
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 16px;
 }

 .accordion-button.accordian_buttom:not(.collapsed) {
     background-color: transparent;
     box-shadow: none;
 }

 .accordion-body.accordian_Body {
     background-color: transparent;
     font-size: 16px;
     font-family: 'Dubai Regular';
     color: #231F20;

 }

 .Faq-Accordian .custom_accordian {
     margin-bottom: 16px;
 }

 /* --------------- FAQ accordian css code end  ------------- */



 /* ------ saved search css code start -------- */

 .SavedSearch-Section {
     padding: 0px 30px;
 }

 .save-seacrh h5 span img {
     margin-right: 16px;
 }

 .SavedSearch-Section .save-seacrh h5 {
     color: #231F20;
     font-family: 'Dubai Bold';
     font-size: 22px;
     line-height: 20px;
     margin-bottom: 24px;
 }

 .saved-search-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .saved-search-row .save-research {
     display: flex;
     align-items: center;
 }

 .saved-search-row .save-research .tag-list {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
 }

 .save-research .tag-list .tag {
     padding: 8px 15px;
     border-radius: 4px;
     border: 1px solid #EBEBEB;
     background: #F4F4F4;
     color: #231F20;
     font-size: 20px;
     font-family: 'Dubai Medium';
 }

 .save-research .tag-list .tag img {
     margin-left: 8px;
     cursor: pointer;
 }

 .saved-search-row {
     border-bottom: 1px solid #6B6B6B;
     padding-bottom: 16px;
 }

 .saved-search-row-2 {
     margin-top: 32px;
     vertical-align: middle;
 }


 .auctioncalnder {
     width: 100%;
     height: 738px;
     overflow: hidden;
     margin: 0;
 }



 /* ------------ Profile Security Deposit Flow Start ------------ */


 /* ------------ Profile Security Deposit Payment Start ------------ */

 .step-indicator {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .deposit_wrap {
     padding: 0 30px;
 }

 .step {
     display: flex;
     align-items: center;
     flex-direction: column;
     position: relative;
     text-align: center;
     flex: 1;
 }

 .step:not(:last-child)::after {
     content: "";
     position: absolute;
     top: 22px;
     right: -50%;
     width: 100%;
     height: 2px;
     background-color: #6B6B6B;
     z-index: 0;
 }

 .step-circle {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background-color: #fff;
     border: 1px solid #6B6B6B;
     color: #6B6B6B;
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'Dubai Regular';
 }

 .step.active .step-circle {
     background-color: #D32437;
     color: #fff;
     border-color: #D32437;
 }

 .indicator_head {
     font-size: 32px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .step-head {
     font-size: 18px;
     padding-top: 10px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .payment-card {
     border: 1px solid #767676;
     border-radius: 10px;
     padding: 16px 24px;
     transition: border 0.3s;
     height: 100%;
 }

 .payment-card:hover {
     border-color: #000;
 }

 .payment-card input[type="radio"] {
     float: right;
     margin-left: auto;
     width: 20px;
     height: 20px;
 }

 .tab-header {
     font-size: 22px;
     font-family: 'Dubai Medium';
     background: #F3F3F3;
     padding: 24px;
     font-weight: 600;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     display: flex;
     align-items: center;
     gap: 16px;
     border-bottom: 2px solid #E4E4E4;
 }

 .tab-header i {
     font-size: 1.2rem;
 }

 .payment-option-title {
     font-size: 20px;
     font-family: 'Dubai Medium';
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .payment_card_list {
     margin-top: 16px;
     gap: 8px;
     display: flex;
     flex-direction: column;
 }

 .payment_card_list li {
     font-size: 20px;
     color: #767676;
     line-height: 28px;
     font-family: 'Dubai Medium';
 }


 .tab-section {
     font-size: 22px;
     font-family: 'Dubai Medium';
     background: #F3F3F3;
     padding: 24px;
     font-weight: 600;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     display: flex;
     align-items: center;
     gap: 16px;
     border-bottom: 2px solid #E4E4E4;
 }


 .sub-tab {
     background: #F6F5FA;
     padding: 24px;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     display: flex;
     justify-content: space-between;
     font-size: 20px;
     font-family: 'Dubai Bold';
     margin-bottom: 24px;
 }

 .vehicle_card_head {
     font-size: 22px;
     font-family: 'Dubai Bold';
 }

 .vehicle_card_text {
     font-size: 22px;
     font-family: 'Dubai Regular';
     color: #767676;
     line-height: 25px;
 }

 .col_grad {
     color: #767676;
 }

 .warning-box {
     background: #ECECEC;
     padding: 24px;
     border-radius: 8px 8px 0px 0px;
     font-size: 22px;
     font-family: 'Dubai Bold';
     display: flex;
     align-items: center;
     gap: 16px;
     margin-top: 24px;
     margin-bottom: 24px;
 }

 .form-floating.name_float input:focus {
     visibility: none;
     box-shadow: none;
     outline: none;
 }

 .output_bid {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .output_bid h5 {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .pay_btn_section {
     display: flex;
     justify-content: end;
     gap: 16px;
 }

 .pay_btn_section button {
     width: 212px;
     height: 60px;
     border: none;
     border-radius: 4px;
     font-size: 18px;
     font-family: 'Dubai Medium';
 }

 .pay_btn_section .previous_btn {
     background-color: #ECECEC !important;
     color: #231F20 !important;
 }

 .pay_btn_section .paynow_btn {
     background-color: #61B35C !important;
     color: #fff !important;
 }

 .security_payment_vehicle_modal h5.unique-modal-heading.mb-3 {
     font-size: 26px;
     font-family: 'Dubai Bold';
     color: #231f20 !important;
 }

 .security_payment_vehicle_modal p.text-muted.unique-modal-subtext {
     color: #767676;
     font-size: 16px;
     font-family: 'Dubai Medium';
     margin-bottom: 0 !important;
 }

 .security_payment_vehicle_modal p.text-black.unique-modal-subtext.mb-4 {
     font-size: 16px;
     color: #231F20 !important;
     font-family: 'Dubai Medium';
     margin-bottom: 0 !important;
 }

 .security_payment_vehicle_modal .unique-modal-cancel {
     width: 212px;
     height: 60px;
     border: none;
     border-radius: 4px;
     font-size: 18px;
     font-family: 'Dubai Medium';
     background-color: #ECECEC !important;
     color: #231F20 !important;
 }

 .security_payment_vehicle_modal .unique-modal-proceed {
     width: 212px;
     height: 60px;
     border: none;
     border-radius: 4px;
     font-size: 18px;
     font-family: 'Dubai Medium';
     background-color: #61B35C !important;
     color: #fff !important;
 }

 .security_payment_vehicle_modal .modal-footer {
     justify-content: space-between;
     border: none;
 }

 .security_payment_vehicle_modal .modal-header {
     border: none;
 }

 .upload_slip_sec {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .upload_slip_sec h5 {
     font-size: 18px;
     color: #231F20;
     font-family: 'Dubai Bold';
 }

 .upload_slip_sec .btn_upoadslip {
     width: 423px;
     height: 62px;
     background-color: #61B35C;
     border-radius: 4px;
     font-size: 18px;
     color: #fff;
     font-family: 'Dubai Bold';
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .upload_slip_sec {
     border-radius: 8px;
     padding: 24px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
     margin-bottom: 32px;
 }


 .account_modal .modal-content {
     height: 500px;
 }

 .account_modal .modal-header {
     border: none;
     padding-bottom: 0;
 }

 .account_modal .modal-title {
     font-family: 'Dubai Bold';
     font-size: 22px;
     color: #231F20;
 }

 .account_modal .bank-btn {
     background-color: #4caf50;
     color: white;
     border: none;
     border-radius: 4px;
     font-family: 'Dubai Bold';
     margin-bottom: 1rem;
     width: 252px;
     height: 62px;
 }

 .account_modal .account-info {
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     overflow: hidden;
 }

 .account_modal .account-info div:last-child {
     border-bottom: none;
 }

 .account_modal .label {
     font-size: 16px;
     color: #767676;
 }

 .account_modal .info_sec {
     padding: 8px 16px;
     border-bottom: 1px solid #D7D7D7;
 }

 .account_modal .value {
     font-size: 16px;
     color: #231F20;
 }

 .account_modal .share-btn {
     background: #1e1e1e;
     color: white;
     border: none;
     border-radius: 8px;
     width: 100%;
     padding: 16px 32px;
     font-family: 'Dubai Medium';
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
 }

 .account_modal .modal-body {
     max-height: 70vh;
     overflow-y: auto;
 }

 .receipt_upload_modal {
     padding: 0 30px;
 }

 .receipt_upload_modal .nav-pills .nav-link {
     border: 1px solid #231F20;
     color: #333;
     background-color: #fff;
     border-radius: 4px;
     font-family: 'Dubai Bold';
     font-size: 14px;
     padding: 8px 16px;
 }

 .receipt_upload_modal .nav-pills .nav-link.active {
     background-color: #D32437;
     color: white;
     border-color: #D32437;
 }

 .receipt_upload_modal .upload-box {
     border: 1.5px dashed #767676;
     border-radius: 8px;
     padding: 54px 16px;
     text-align: center;
     color: #666;
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .receipt_upload_modal .upload-box i {
     font-size: 2rem;
     color: #666;
     margin-bottom: 10px;
 }

 .receipt_upload_modal .upload-box h6 {
     font-size: 22px;
     font-family: 'Dubai Bold';
     color: #231F20;
 }

 .receipt_upload_modal .upload-box p {
     font-size: 16px;
     font-family: 'Dubai Regular';
     color: #6B6B6B;
 }

 .receipt_upload_modal .form-control {
     border-radius: 10px;
     font-size: 0.95rem;
 }

 .receipt_upload_modal .input-group-text {
     background-color: #f8f9fa;
     border-radius: 10px 0 0 10px;
     border-right: 0;
 }

 .receipt_upload_modal .input-group .form-control {
     border-radius: 0 10px 10px 0;
     border-left: 0;
 }

 .receipt_upload_modal .upload-btn {
     background-color: #4caf50;
     font-size: 18px;
     color: white;
     font-family: 'Dubai Medium';
     padding: 12px;
     width: 440px;
     height: 62px;
     border-radius: 8px;
     color: white;
     font-weight: 600;
     padding: 12px;
     width: 100%;
     border-radius: 10px;
     border: none;
 }

 .receipt_upload_modal small.text-muted {
     font-size: 0.8rem;
     margin-top: 0.25rem;
 }

 @media (max-width: 576px) {
     .receipt_upload_modal .form-group {
         margin-bottom: 1rem;
     }
 }

 /* ------------ Profile Security Deposit Flow End ------------ */




 /* ------------ Profile My Info Flow Start ------------ */

 .account-info-section {
     padding: 30px 30px;
 }

 .account-info-section .card-box {
     background: #fff;
     border-radius: 8px;
     padding: 14px 16px;
     box-shadow: 0px 0px 34px 0px rgba(219, 219, 219, 0.35);
     height: 147px;
     border: 1px solid #EEEEEE;
 }

 .card-box.info_add_Sec {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .contact_inf0_sec {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .account-info-section .card-box h6 {
     font-family: 'Dubai Medium';
     font-size: 20px;
     color: #9A9EA7;
 }

 .account-info-section .card-box h6 i {
     margin-right: 8px;
     font-size: 1.2rem;
 }

 .account-info-section .card-box .main-info {
     font-family: 'Dubai Bold';
     font-size: 20px;
     margin-bottom: 0px;
     color: #231F20;
 }

 .account-info-section .contact_inf0_sec .main-info {
     font-family: 'Dubai Bold';
     font-size: 20px;
     margin-bottom: 0px;
     color: #231F20;
 }

 .address_box {
     background: #fff;
     border-radius: 8px;
     padding: 14px 16px;
     box-shadow: 0px 0px 34px 0px rgba(219, 219, 219, 0.35);
     border: 1px solid #EEEEEE;
 }

 .mt-24 {
     margin-top: 24px;
 }

 .account-info-section .btn-verify,
 .account-info-section .btn-secondary-add,
 .account-info-section .btn-change {
     border-radius: 4px;
     font-size: 0.9rem;
     padding: 6px 14px;
 }

 .account-info-section .btn-verify {
     font-size: 16px;
     font-family: 'Dubai Regular' !important;
     background-color: #61B35C;
     padding: 4px 12px;
     color: white;
     border: none;
     min-width: 112px;
 }

 .account-info-section .btn-secondary-add {
     background-color: #fff;
     color: #dc3545;
     border: 2px dashed #dc3545;
 }

 .account-info-section .btn-secondary-add i {
     margin-right: 6px;
 }

 .account-info-section .btn-change {
     background-color: #28a745;
     color: white;
     border: none;
 }

 .account-info-section .address-text {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
     line-height: 28px;
     padding-top: 8px;
 }

 .info_modal_popup .modal-header {
     border-bottom: none;
     padding: 0px;
 }

 .info_modal_popup p.modal-head {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
     line-height: 28px;
 }

 .country_code {
     display: flex;
     align-items: center;
     width: 100%;
     border: 1px solid #EEEEEE;
     padding: 16px 24px;
     border-radius: 8px;
 }

 .country_code .border_none {
     border: none !important;
 }

 .Country_char {
     font-size: 16px;
     font-family: 'Dubai Medium';
     color: #000;
 }

 .Country_char::placeholder {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #9A9EA7;
 }

 .otp_text {
     font-size: 22px;
     color: #231f20;
     font-family: 'Dubai Medium';
 }

 .social_btns button {
     background-color: #EBEBEB;
     padding: 12px 16px;
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 14px;
     text-transform: uppercase;
 }

 .social_btns {
     display: flex;
     justify-content: space-between;
 }

 .otp_timer {
     display: flex;
     justify-content: space-between;
 }

 .otp_timer p {
     color: #A7A5A6;
     font-size: 14px;
     font-family: 'Dubai Medium';
 }

 .social_btns button:hover {
     background-color: #61B35C;
     color: #fff;
 }

 .social_btns .btn.active {
     background-color: #61B35C;
     padding: 12px 16px;
     color: #fff;
     font-family: 'Dubai Medium';
     font-size: 14px;
     text-transform: uppercase;
     width: 100%;
     min-height: 60px;
 }

 /* ------------ Profile My Info Flow Start ------------ */

 .auctioncalnder {
     width: 100%;
     height: 738px;
     overflow: hidden;
     margin: 0;
 }


 .saved-search-row .save-search-btn {
     border: none;
     padding: 14px 16px;
     border-radius: 4px;
     background: #61B35C;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
     color: #FFF;
     font-size: 16px;
     font-weight: 600;
     line-height: 18px;
 }

 .save-research .custom-radio:checked {
     background-color: transparent;
     box-shadow: none;
     border: 2px solid #231F20;
 }

 .save-research .custom-radio {
     margin-right: 16px;
     width: 23px;
     height: 23px;
     appearance: none;
     -webkit-appearance: none;
     background-color: transparent;
     border-radius: 50%;
     position: relative;
     cursor: pointer;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
     display: inline-block;
     vertical-align: middle;
     border: 2px solid #231F20;
     box-shadow: none;
 }

 .save-research .custom-radio:checked::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 13px;
     height: 13px;
     background-color: #000;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     box-shadow: none;
 }

 /* ------ saved search css code end -------- */


 /* --------- find branches css code start ---------- */

 .find-branches {
     padding: 0px 30px;
 }

 .location-card .card_direction {
     display: flex;
     align-items: center;
     justify-content: space-between;

 }

 .location-card .map-container iframe {
     border-radius: 8px;
     border-bottom: 1px solid #e0e0e0;
     width: 100%;
     height: 260px;
 }

 .location-card {
     border-radius: 8px;
     border: 1px solid #CCC;
     overflow: hidden;
     /* max-width: 440px; */
     min-height: 430px;
     padding: 24px;
 }

 .card-body .card_title {
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 24px;
     line-height: 18px;
     margin: 24px 0px 16px 0px;
 }

 .card_direction .card-text {
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 18px;
     margin: 0;
     line-height: 18px;
 }

 .card_direction button {
     border-radius: 8px;
     padding: 6px 12px;
     border: 1px solid #61B35C;
     background: #61B35C;
     color: #FFF;
     font-family: 'Dubai Regular';
     font-size: 16px;
     line-height: 18px;
 }

 .card_direction button a {
     color: #FFF;
     text-decoration: none;
 }

 .card_direction button span img {
     margin-left: 8px;
 }



 /* --------- find branches css code end ---------- */


 /* -------- value added polishing-section css start  ------ */

 .polishing-section {
     padding: 0px 30px;
 }

 .polishing-section .polishing_detailing img {
     border-radius: 8px;
     width: 100%;
     object-fit: cover;
     height: 280px;
     margin-bottom: 12px;
 }

 .polishing-content h5 {
     color: #000;
     font-family: 'Dubai Medium';
     font-size: 32px;
     line-height: 44px;
     margin-bottom: 8px;
 }

 .polishing-content p {
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 16px;
     margin: 0px;
 }

 .service-card {
     border-radius: 8px;
     padding: 16px;
     background: #F6F9FA;
 }

 .service-card-body {
     display: flex;
     align-items: center;
     margin-bottom: 8px;
 }

 .service-card-body h5 {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 22px;
     line-height: 20px;
     margin: 0;
     margin-left: 12px;
 }

 .service-card .quick {
     color: #414141;
     font-family: 'Dubai Medium';
     font-size: 20px;
     margin-bottom: 16px;
 }

 .service-card .start {
     color: #D32437;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     margin-bottom: 16px;
 }

 .list_content {
     list-style: none;
     padding: 0;
 }

 .list_content li label {
     margin-left: 8px;
     color: #231F20;
     font-family: 'Dubai Regular';
     font-size: 18px;
 }

 .list_content li {
     margin-bottom: 8px;
 }

 .book_now {
     width: 100%;
     padding: 16px;
     border: none;
     border-radius: 4px;
     background: #61B35C;
     color: #FFF;
     font-family: 'Dubai Bold';
     font-size: 20px;
     line-height: 21px;
 }

 .custom-check:checked {
     background-color: #231F20;
     border-color: #231F20;
     box-shadow: none;
 }

 .custom-check:unchecked {
     box-shadow: none;
 }

 .custom-check {
     border: 1px solid #000;
     width: 20px;
     height: 19px;
     --bs-form-check-bg: none;
 }

 /* ---------- polishing&Detailing service ------- */

 .Polish-Section {
     padding: 0px 30px;
 }

 .dropdown-box-sell .text_area {
     margin-top: 24px;
     border: 1px solid #EEEEEE;
     border-radius: 8px;
 }

 .dropdown-box-sell .text_area label {
     color: #9A9EA7;
     font-family: 'Dubai Medium';
     font-size: 20px;
 }

 .dropdown-box-sell .text_area textarea {
     color: #231F20;
     font-size: 20px;
     font-family: 'Dubai Medium';
 }

 #sellCarTabContent .check_boxes {
     display: flex;
     justify-content: space-between;
 }

 #sellCarTabContent .BookNow_Div {
     text-align: center;
     display: none;
     margin-bottom: 24px;
 }

 #sellCarTabContent .BookNow_Div .bookNow {
     padding: 16px 0px;
     border-radius: 8px;
     border: 1px solid #61B35C;
     background: #61B35C;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
     width: 50%;
     color: var(--White, #FFF);
     font-size: 18px;
     font-style: 'normal Medium';
 }








 /* ------------ Feedback css Start ------------ */

 .custom-rating-wrapper {
     padding: 30px 30px;
 }

 .custom-rating-wrapper .form-control::placeholder {
     color: #bbb;
     font-weight: 500;
 }

 .custom-rating-stars {
     font-size: 2rem;
     cursor: pointer;
 }

 .custom-rating-stars i {
     color: #000;
     transition: color 0.2s ease;
 }

 .custom-rating-stars i.custom-filled {
     color: #ffc107;
 }

 .custom-cancel-btn {
     border: 1px solid #333;
     background: #fff;
     color: #000;
     padding: 10px 30px;
     font-weight: 500;
 }

 .custom-rating-wrapper .custom-cancel-btn {
     color: #231F20;
     border: 1px solid #231F20;
     min-width: 200px;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .custom-rating-wrapper .custom-submit-btn {
     color: #fff;
     background-color: #61B35C;
     min-width: 200px;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .custom-submit-btn:hover {
     background-color: #45a049;
 }

 .form-control:focus {
     box-shadow: none;
 }

 .custom-notes-input::placeholder {
     color: #9A9EA7;
     font-size: 20px;
     font-family: 'Dubai Regular';
 }

 .custom-rating-stars i {
     font-size: 28px;
     color: #F0DF1D;
     cursor: pointer;
     margin: 0 4px;
     transition: color 0.3s;
 }

 .custom-rating-stars i.custom-filled {
     color: #F0DF1D;
 }

 /* ------------ Notification css Start ------------ */

 .notification-toggle {
     cursor: pointer;
 }

 .notification-panel {
     max-width: 300px;
     width: 300px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     display: none;
     padding: 20px;
     position: absolute;
     z-index: 9;
     right: 147px;
     left: auto;
     top: 80px;
 }

 .notification-panel h3 {
     margin: 0;
     font-size: 18px;
     font-family: 'Dubai Medium';
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .notification-panel hr {
     margin: 15px 0;
     border: none;
     border-top: 1px solid #ccc;
 }

 .notification-item {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 15px;
 }

 .notification-item:last-child {
     margin-bottom: 0;
 }

 .notification-avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
 }

 .notification-avatar img {
     width: 100%;
     height: auto;
 }

 .notification-icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #f0f4f8;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
 }

 .notification-content {
     flex: 1;
 }

 .notification-content strong {
     display: block;
     font-size: 15px;
     color: #333;
 }

 .notification-content span {
     font-size: 13px;
     color: #777;
 }

 .view-more {
     margin-top: 15px;
     background: #4CAF50;
     color: white;
     border: none;
     padding: 10px;
     width: 100%;
     border-radius: 8px;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
 }



 /* ------------ Notification css Start ------------ */

 .notification-toggle {
     cursor: pointer;
 }

 .notification-panel {
     max-width: 300px;
     width: 300px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     display: none;
     padding: 20px;
     position: absolute;
     z-index: 9;
     right: 147px;
     left: auto;
     top: 80px;
 }

 .notification-panel h3 {
     margin: 0;
     font-size: 18px;
     font-family: 'Dubai Medium';
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .notification-panel hr {
     margin: 15px 0;
     border: none;
     border-top: 1px solid #ccc;
 }

 .notification-item {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 15px;
 }

 .notification-item:last-child {
     margin-bottom: 0;
 }

 .notification-avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
 }

 .notification-avatar img {
     width: 100%;
     height: auto;
 }

 .notification-icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #f0f4f8;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
 }

 .notification-content {
     flex: 1;
 }

 .notification-content strong {
     display: block;
     font-size: 15px;
     color: #333;
 }

 .notification-content span {
     font-size: 13px;
     color: #777;
 }

 .notification-content .view-more {
     margin-top: 15px;
     background: #4CAF50;
     color: white;
     border: none;
     padding: 10px;
     width: 100%;
     border-radius: 8px;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
 }



 /* ------------ Vehicle Delivery css Start ------------ */

 .custom-rsa-section {
     padding: 0px 30px
 }

 .custom-rsa-card {
     background-color: #fceaea;
     padding: 20px;
     border-left: 6px solid #D32437;
     height: 100%;
 }

 .custom-rsa-card h5 {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .custom-rsa-card ol li {
     font-size: 20px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .custom-rsa-icon {
     color: #d8232a;
     margin-right: 8px;
 }

 .custom-book-btn {
     background-color: #61B35C;
     color: #fff;
     padding: 15px;
     font-family: 'Dubai Regular';
     font-size: 18px;
     border: none;
     border-radius: 4px;
     width: 100%;
     max-width: 400px;
 }

 .custom-rsa-section .banner_img img {
     width: 100%;
 }





 .rsa-container {
     background-color: #f8f9fa;
     padding: 30px 30px;
 }

 .rsa-card {
     border-radius: 10px;
     background: #fff;
     padding: 1rem;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .rsa-card h5 {
     font-size: 22px;
     font-family: 'Dubai Bold';
     color: #231F20;
     margin-bottom: 0px;
 }

 .rsa-input-group {
     color: #5E5E5E;
     background-color: #F3F3F3;
     border-radius: 4px;
     padding: 0.5rem 1rem;
     font-weight: 500;
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
 }

 .rsa-input-group i {
     color: #d00000;
 }

 .rsa-location-list {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
     padding: 1rem;
     margin-top: 1rem;
     display: none;
 }

 .rsa-location-option {
     display: flex;
     align-items: start;
     gap: 12px;
     padding: 0.75rem 0;
     border-bottom: 1px solid #eee;
 }

 .rsa-location-option:last-child {
     border-bottom: none;
 }

 .rsa-location-option i {
     color: #d00000;
     font-size: 1.25rem;
     margin-top: 2px;
 }

 .rsa-map {
     width: 100%;
     height: 400px;
     border-radius: 10px;
     overflow: hidden;
 }

 .saved_places.rsa-location-option {
     background: #F3F3F3;
     padding: 5px 20px;
     width: max-content;
     border-radius: 8px;
     border: 1px solid #E2E2E2;
     font-size: 20px;
     font-family: 'Dubai Regular';
     margin-bottom: 24px;
 }

 .rsa-location-option {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #231F20;
     display: flex;
     align-items: center;
 }


 .rsa-location-option.allow_loc {
     display: flex;
     align-items: center;
 }

 .rsa-location-option p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #4F4C4D;
     margin-bottom: 0px;
 }

 .fixed_fare {
     color: #5E5E5E;
     background-color: #F3F3F3;
     border-radius: 4px;
     padding: 0.5rem 1rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .fixed_fare h5 {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #5E5E5E;
 }

 .fixed_fare p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
     margin-bottom: 0px;
 }

 .check_group {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .black-check {
     appearance: none;
     width: 20px;
     height: 20px;
     border: 1px solid #231F20;
     border-radius: 4px;
     position: relative;
     cursor: pointer;
     margin-top: 0px;
 }


 .black-check:checked {
     background-color: #000;
 }

 .input :focus {
     outline: none;
     box-shadow: none;
 }

 .btn.btn_confirm_booking {
     padding: 16px 32px;
     width: 488px;
     background: #61B35C;
     color: #fff;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin: 0 auto;
     border-radius: 4px;
 }

 .btn.btn_confirm_booking:hover {
     background: #61B35C;
     color: #fff;
 }


 .custom-booking-summary {
     padding: 0px 30px;
 }

 .custom-booking-summary .card {
     border: 1px solid #dee2e6;
     border-radius: 6px;
     overflow: hidden;
 }

 .custom-bs-header {
     background-color: #fff;
     font-size: 22px;
     padding: 15px;
     font-family: 'Dubai Medium';
     color: #231f20;
 }

 .custom-bs-table td {
     vertical-align: middle;
     padding: 8px 16px;
     font-size: 20px;
     border-color: #D7D7D7;
     color: #767676;
     font-family: 'Dubai Medium';
 }

 td.text-end.black-brand {
     color: #231F20;
 }

 .custom-bs-table tr:last-child td {
     border-bottom: none;
 }

 .custom-bs-payment div {
     font-size: 20px;
     color: #767676;
     font-family: 'Dubai Medium';
     margin-bottom: 4px;
     color: #231F20;
 }

 .custom-bs-confirmation .text-success {
     font-size: 16px;
 }

 .custom-bs-confirmation .custom-bs-return-btn {
     border-radius: 6px;
     font-weight: 500;
     padding: 16px 24px;
 }

 .custom-bs-confirmation div {
     font-size: 20px;
     color: #231F20;
     font-family: 'Dubai Medium';
 }

 .custom-bs-return-btn {
     padding: 16px 32px;
     width: 488px;
     background: #61B35C;
     color: #fff;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin: 0 auto;
     border-radius: 4px;
 }

 .custom-bs-return-btn:hover {
     background: #61B35C;
     color: #fff;
 }

 .pay_btn_section.rsa_paynow button {
     width: 114px;
     height: 62px;
     border-radius: 8px;
 }

 .vehicle_inspection_text h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .vehicle_inspection_text p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .rsa_head {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .book_btn p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .rsa-container {
     padding: 0px 30px;
 }

 .rsa-card {
     border-radius: 10px;
     background: #fff;
     padding: 1rem;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .rsa-card h5 {
     font-size: 22px;
     font-family: 'Dubai Bold';
     color: #231F20;
     margin-bottom: 0px;
 }

 .rsa-input-group {
     color: #5E5E5E;
     background-color: #F3F3F3;
     border-radius: 4px;
     padding: 0.5rem 1rem;
     font-weight: 500;
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
 }

 .rsa-input-group i {
     color: #d00000;
 }

 .rsa-location-list {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
     padding: 1rem;
     margin-top: 1rem;
     display: none;
     position: absolute;
     top: 87px;
     width: calc(100% - 32px);
     z-index: 9;
 }

 .rsa-location-option {
     display: flex;
     align-items: start;
     gap: 12px;
     padding: 0.75rem 0;
     border-bottom: 1px solid #eee;
 }

 .rsa-location-option:last-child {
     border-bottom: none;
 }

 .rsa-location-option i {
     color: #d00000;
     font-size: 1.25rem;
     margin-top: 2px;
 }

 .rsa-map {
     width: 100%;
     height: 400px;
     border-radius: 10px;
     overflow: hidden;
 }

 .saved_places.rsa-location-option {
     background: #F3F3F3;
     padding: 5px 20px;
     width: max-content;
     border-radius: 8px;
     border: 1px solid #E2E2E2;
     font-size: 20px;
     font-family: 'Dubai Regular';
     margin-bottom: 24px;
 }

 .rsa-location-option {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #231F20;
     display: flex;
     align-items: center;
 }


 .rsa-location-option.allow_loc {
     display: flex;
     align-items: center;
 }

 .rsa-location-option p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #4F4C4D;
     margin-bottom: 0px;
 }

 .fixed_fare {
     color: #5E5E5E;
     background-color: #F3F3F3;
     border-radius: 4px;
     padding: 0.5rem 1rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .fixed_fare h5 {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #5E5E5E;
 }

 .fixed_fare p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
     margin-bottom: 0px;
 }

 .check_group {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .black-check {
     appearance: none;
     width: 20px;
     height: 20px;
     border: 1px solid #231F20;
     border-radius: 4px;
     position: relative;
     cursor: pointer;
     margin-top: 0px;
 }


 .black-check:checked {
     background-color: #000;
 }

 .input :focus {
     outline: none;
     box-shadow: none;
 }

 .btn.btn_confirm_booking {
     padding: 16px 32px;
     width: 488px;
     background: #61B35C;
     color: #fff;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin: 0 auto;
     border-radius: 4px;
 }

 .btn.btn_confirm_booking:hover {
     background: #61B35C;
     color: #fff;
 }


 .custom-booking-summary {
     padding: 0px 30px;
 }

 .custom-booking-summary .card {
     border: 1px solid #dee2e6;
     border-radius: 6px;
     overflow: hidden;
 }

 .custom-bs-header {
     background-color: #fff;
     font-size: 22px;
     padding: 15px;
     font-family: 'Dubai Medium';
     color: #231f20;
 }

 .custom-bs-table td {
     vertical-align: middle;
     padding: 8px 16px;
     font-size: 20px;
     border-color: #D7D7D7;
     color: #767676;
     font-family: 'Dubai Medium';
 }

 td.text-end.black-brand {
     color: #231F20;
 }

 .custom-bs-table tr:last-child td {
     border-bottom: none;
 }

 .custom-bs-payment div {
     font-size: 20px;
     color: #767676;
     font-family: 'Dubai Medium';
     margin-bottom: 4px;
     color: #231F20;
 }

 .custom-bs-confirmation .text-success {
     font-size: 16px;
 }

 .custom-bs-confirmation .custom-bs-return-btn {
     border-radius: 6px;
     font-weight: 500;
     padding: 16px 24px;
 }

 .custom-bs-confirmation div {
     font-size: 20px;
     color: #231F20;
     font-family: 'Dubai Medium';
 }

 .custom-bs-return-btn {
     padding: 16px 32px;
     width: 488px;
     background: #61B35C;
     color: #fff;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin: 0 auto;
     border-radius: 4px;
 }

 .custom-bs-return-btn:hover {
     background: #61B35C;
     color: #fff;
 }

 .pay_btn_section.rsa_paynow button {
     width: 114px;
     height: 62px;
 }

 .notification-content .view-more {
     margin-top: 15px;
     background: #4CAF50;
     color: white;
     border: none;
     padding: 10px;
     width: 100%;
     border-radius: 8px;
 }

 .vehicle_inspection_text h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .vehicle_inspection_text p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .rsa_head {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .book_btn p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }


 .rsa-card {
     position: relative;
     border-radius: 10px;
     background: #fff;
     padding: 1rem;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }


 .rsa-input-group i {
     color: #d00000;
 }

 .rsa-location-list {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
     padding: 1rem;
 }

 .rsa-location-option {
     display: flex;
     align-items: start;
     gap: 12px;
     padding: 0.75rem 0;
     border-bottom: 1px solid #eee;
 }

 .rsa-location-option:last-child {
     border-bottom: none;
 }

 .rsa-location-option i {
     color: #d00000;
     font-size: 1.25rem;
     margin-top: 2px;
 }

 .rsa-map {
     width: 100%;
     height: 400px;
     border-radius: 10px;
     overflow: hidden;
 }

 .custom-rsa-section {
     padding: 0px 30px;
 }

 .custom-rsa-card {
     background-color: #fceaea;
     padding: 20px;
     border-left: 6px solid #D32437;
     height: 100%;
 }

 .custom-rsa-card h5 {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .custom-rsa-card ol li {
     font-size: 20px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .custom-rsa-icon {
     color: #d8232a;
     margin-right: 8px;
 }

 .custom-rsa-section .banner_img img {
     width: 100%;
 }

 .vehicle_inspection_text h2 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .vehicle_inspection_text p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }

 .rsa_head {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .book_btn p {
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #231F20;
 }


 .rsa-card {
     border-radius: 10px;
     background: #fff;
     padding: 1rem;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }


 .rsa-input-group i {
     color: #d00000;
 }

 .rsa-location-list {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
     padding: 1rem;
 }

 .rsa-location-option {
     display: flex;
     align-items: start;
     gap: 12px;
     padding: 0.75rem 0;
     border-bottom: 1px solid #eee;
 }

 .rsa-location-option:last-child {
     border-bottom: none;
 }

 .rsa-location-option i {
     color: #d00000;
     font-size: 1.25rem;
     margin-top: 2px;
 }

 .rsa-map {
     width: 100%;
     height: 400px;
     border-radius: 10px;
     overflow: hidden;
 }

 .payment_btn_sec {
     display: flex;
     justify-content: space-between;
     padding: 0px 16px;
 }

 .payment_btn_sec img {
     width: 212px;
 }

 .custom-divider {
     display: flex;
     align-items: center;
     text-align: center;
     margin: 16px 16px;
 }

 .custom-divider span {
     padding: 0 15px;
     font-weight: 500;
     color: #333;
     white-space: nowrap;
 }

 .custom-divider::before,
 .custom-divider::after {
     content: "";
     flex: 1;
     border-bottom: 1px solid #ccc;
 }


 .right-panel-wrap h3 {
     font-size: 32px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }


 .right-panel-wrap.buyer_limit .drp-input-box.dropdown-input {
     display: flex;
     justify-content: space-between;
     position: relative;
     border: 1px solid #EEEEEE;
     border-radius: 8px;
     padding: 12px 16px;
     background-color: white;
     cursor: pointer;
 }

 .drp-category-box.dropdown-box-sell {
     position: relative;
     padding-bottom: 24px;
 }

 .drp-category-box .input-Category {
     font-size: 20px !important;
     color: #9A9EA7 !important;
     font-family: 'Dubai Medium' !important;
     margin: 0 !important;
 }

 .drp-category-box .category-value {
     font-size: 20px !important;
     color: #231F20 !important;
     font-family: 'Dubai Medium' !important;
     margin: 0 !important;
     text-align: left;
 }

 .buyer_limit .dropdown-box-sell {
     margin-top: 24px;
 }

 .buyer_limit .right-signin-form h6 {
     font-size: 20px;
     font-family: 'Dubai Medium';
     color: #231F20;
     text-align: left;
 }

 .right-signin-form .red_brand {
     color: #D32437;
 }

 .buyer_limit .d-grid .signIn-btn {
     border-radius: 8px;
     background: #61B35C;
     color: #FFF;
     font-size: 16px;
     font-family: 'Dubai Regular';
     padding: 16px 0px 16px 0px;
     margin: auto;
     width: 100%;
     border: none;
 }




 /* ------------ Vehicle Inspection css start ------------ */

 .vehicle_inspection_form {
     padding: 0px 30px;
 }

 .custom-rsa-card.vehicle_inspection_card {
     height: auto;
 }

 .custom-rsa-section .inspection-card.h-100 {
     background: #F6F9FA;
     padding: 16px;
     border-radius: 8px;
 }

 a.sample-link {
     border: 1px solid #231F20;
     padding: 8px;
     border-radius: 8px;
     color: #231F20;
     text-decoration: none;
     font-size: 18px;
     font-family: 'Dubai Medium';
 }

 .button.custom-book-btn {
     margin-top: 16px;
 }

 .card-footer.book_btn.bg-transparent.border-0 {
     padding-top: 24px;
 }

 .inspection-card h5 {
     font-size: 22px;
     font-family: 'Dubai Medium';
     color: #231F20;
 }

 .inspection-card .inspection_secondary_little {
     font-size: 20px;
     font-family: 'Dubai Bold';
     color: #D32437;
 }

 .custom-book-btn.inspection_book_btn:hover {
     background-color: #61B35C;
     color: #fff;
 }


 /* ------------ Ownership transfer css start ------------ */
 .ownership_form {
     padding: 0px 30px;
 }

 .ownership_form .upload-box {
     border: 2px dashed #e0e0e0;
     text-align: center;
 }

 .ownership_form .browse-link {
     color: #0077BA;
     text-decoration: underline;
     cursor: pointer;
     font-size: 16px;
     font-family: 'Dubai Bold';
 }

 .ownership_form .upload-status .progress-bar {
     height: 6px;
 }

 .ownership_form .upload-icon svg {
     stroke-width: 1.5;
 }

 .ownership_doc_upload {
     font-size: 20px;
     font-family: 'Dubai Regular';
     padding: 20px 0px;
     color: #2353FF;
     text-decoration: underline;
 }

 .ownership_doc_upload:hover {
     color: #2353FF;
 }

 .ownership_doc_upload:active,
 .ownership_doc_upload:focus {
     outline: none;
     box-shadow: none;
     border: none;
 }

 .ownership_form .upload_file_popup {
     padding: 16px 32px;
     width: 445px;
     height: 53px;
     background: #61B35C;
     color: #fff;
     font-size: 18px;
     font-family: 'Dubai Medium';
     margin: 0 auto;
     border-radius: 4px;
 }

 .ownership_form .doc_format {
     color: #676767;
     font-size: 14px;
     font-family: 'Dubai Bold';
 }

 .book_btn .btn:hover {
     background-color: #61B35C;
     color: #fff;
 }

 .ownership_form .name_float input {
     height: 70px;
 }

 .vehicle_inspection_form .name_float input {
     height: 70px;
 }


 /* ---------- save & continue seller without trade license----------- */

 .right-panel_wrapper {
     background-color: white;
     padding: 60px 69px 170px 69px;
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow: none;
     /* scrollbar-width: none; */
     /* -ms-overflow-style: none; */

 }

 .right-panel-wrap.right_panel_without .para1 {
     color: #393939;
     font-size: 18px;
     line-height: 26px;
     padding-top: 16px;
 }

 .right-panel-wrap.right_panel_without .para2 {
     color: #393939;
     font-size: 18px;
     line-height: 26px;
 }

 .right-panel-wrap.right_panel_without .para3 {
     color: #393939;
     font-size: 18px;
     line-height: 26px;
     margin: 0;
 }

 .right-panel-wrap.right_panel_without .para4 {
     color: #393939;
     font-size: 18px;
     line-height: 26px;
     margin: 0;
 }

 .right-panel-wrap.right_panel_without .colse-btn {
     margin-top: 16px;
     padding: 16px 0px;
     width: 100%;
     border: none;
     font-size: 23px;
     font-weight: 700;
     line-height: 21px;
     border-radius: 4px;
     background: #61B35C;
 }

 .right-panel-wrap.right_panel_without .colse-btn a {
     text-decoration: none;
     color: #FFF;
     font-size: 20px;
      }

 /* ---------- save & continue seller without trade license buyer start----------- */

 .right-panel.save-continue-wrapper {
     background-color: white;
     padding: 90px 100px 0px 100px;
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow-y: auto;
     scrollbar-width: none;
 }

 .right-panel-wrap .with-save-continue .para-text {
     color: #000;
     font-size: 26px;
     line-height: 34px;
     margin: 0;

 }

 .right-panel-wrap .with-save-continue .para-text2 {
     margin-top: 24px;
     color: #000;
     font-size: 26px;
     line-height: 34px;
 }

 .right-panel-wrap .with-save-continue .para-text3 {
     margin-top: 24px;
     color: #2F2F2F;
     font-size: 18px;
     letter-spacing: -0.18px;
     text-align: start;
     position: relative;
 }

 .right-panel-wrap .with-save-continue .para-text3 a {
     color: #D32437;
     font-size: 18px;
     font-weight: 400;
     letter-spacing: -0.18px;

 }

 .right-panel-wrap .with-save-continue .colse-btn {
     margin-top: 16px;
     padding: 16px 0px;
     width: 100%;
     border: none;
     font-size: 20px;
     color: #FFF;
     font-family: 'Dubai Bold';
     line-height: 21px;
     border-radius: 4px;
     background: #61B35C;
 }

 .right-panel-wrap .with-save-continue .colse-btn a {
     text-decoration: none;
     color: #FFF;
 }

 .right-panel-wrap .with-save-continue .please_text {
     color: #231F20;
     font-family: 'Dubai Medium';
     font-size: 32px;
     line-height: 44px;
 }

 .right-panel-wrap .with-save-continue .note {
     margin-top: 32px;
     color: #231F20;
     font-size: 20px;
     font-family: 'Dubai Medium';
     text-align: start;
 }

 .right_panel_without .need_help {
     margin-top: 24px;
     color: #393939;
     font-family: 'Dubai Bold';
     font-size: 18px;
 }

 .para-text3 input[type="radio"] {
     accent-color: black;
     width: 18px;
     height: 18px;
     margin-right: 10px;
     position: absolute;
     left: 0;
     top: 3px;
 }

 .para-text3 span {
     padding-left: 25px;
 }

 /* ---------- save & continue seller without trade license buyer end ----------- */

 /* --- date picker css code ---- */

 .flatpickr-day.selected,
 .flatpickr-day.startRange,
 .flatpickr-day.endRange,
 .flatpickr-day.selected.inRange,
 .flatpickr-day.startRange.inRange,
 .flatpickr-day.endRange.inRange {
     background: #D32437 !important;
     color: white !important;
     border-color: #D32437;
 }

 .form_input {
     position: relative;
 }

 .eye_icon {
     /*background-image: url(../images/hugeicons_view.svg);*/
     background-size: cover;
     position: absolute;
     right: 35px;
     top: 22px;
     background-repeat: no-repeat;
     width: 26px;
     height: 26px;
 }

 .save_cotinue_btn {
     color: #FFF;
     margin-top: 16px;
     padding: 16px 0px;
     width: 100%;
     border: none;
     font-size: 20px;
     font-weight: 700;
     line-height: 21px;
     border-radius: 4px;
     background: #61B35C;
     text-transform: capitalize;
 }






 /* admin  css start*/

 .admin-wraper {
     width: 100%;
     box-sizing: border-box;
     padding: 0 30px;
 }

 .admin-bg {
     width: 100%;
     background-color: #F4F5F7;
     ;
     min-height: 100vh;
 }

 .admin-bg .head_section {
     background: #EFEEEE;

 }

 .admin-wraper .dashboard {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: left;
 }

 .admin-wraper .card {
     min-width: 230px;
     width: 23%;
     min-height: 152px;
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 20px 10px;
     text-align: center;
     transition: all 0.3s ease;
 }

 .admin-wraper .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);

 }

 .admin-wraper .card:hover {
     background: #f9f9f9;
 }

 .admin-wraper .card:hover img {
     filter: brightness(0) saturate(100%) invert(23%) sepia(96%) saturate(7473%) hue-rotate(-3deg) brightness(80%) contrast(104%);


 }

 .admin-wraper .card img {
     width: 60px;
     height: 60px;
     margin-bottom: 10px;
 }

 .admin-wraper .card p {
     margin: 0;
     font-size: 18px;
     font-family: 'Dubai Regular';
     color: #222;
 }
 
 /* Skip button CSS in Add Deposit Page */
 
  
 .right-panel-wrap .skip-btn {
     text-align: end;
 }
 
 .right-panel-wrap .skip-btn button {
     text-align: end;
     font-size: 16px;
     color: #231F20;
     font-family: 'Dubai Medium';
     padding: 6px 24px;
     border-radius: 4px;
     background: none;
     border: 1px solid #231F20;
 }
 
  /* ----------- preference --------- */
 
 .preference_check {
     text-align: start;
     margin-bottom: 24px;
 }
 
 .preference_check input {
    width: 20px;
    height: 20px;
}
 
.preference_check label {
    color: #231F20;
    text-align: center;
    font-family: 'Dubai Medium';
    font-size: 20px;
    padding-left: 16px;
}
 .preference_check .form-check-input:checked {
    background-color: #231F20;
    border-color: #231F20;
    box-shadow: none;
}
 
 

.back_btn button {
     padding: 6px 16px;
     display: flex;
     justify-content: space-between;
     background: #61B35C;
     gap: 8px;
     align-items: center;
     color: white;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     font-family: 'Dubai Medium';
}
 
.back_btn button span {
     font-size: 16px;
     font-family: 'Dubai Medium';
}
 
 /* ------- thank you ---------- */
 
 .right-panel-wrap.right_panel_without .bidding {
     color: #393939;
     font-family: 'Dubai Bold';
     font-size: 18px;
 }
 .right-panel-wrap.right_panel_without .colse-btn.Bid-now{
    width: 80%;
 }
 
 
 
.send-otp{
 
	background: #61B35C;
    border-radius: 4px;
    color: white;
    padding: 6px 0px;
    width: 100px;
    text-align: center;
 	border: none;
 
 
 
 
}
 
.send-otp:disabled {
    background: #cccccc !important; 
    color: #666666 !important;   
    cursor: not-allowed !important;
    opacity: 0.7 !important;    
}

 
 
.country-search-input .input-group {
  border: 1px solid #6B6B6B;
  border-radius: 8px;
  overflow: hidden;
}
 
.country-search-input .input-group-text {
    padding: 10px 4px 10px 10px;
}
 
.country-search-input .form-control:focus {
  box-shadow: none;
  border-color: #fff;
}

 
 /* --------- registration next button styles --------- */
 
 .nextButtonDiv {
     position: relative;
 }
 
 .next_btn {
     position: absolute;
     right: 0;
     padding: 6px 16px;
     display: flex;
     background: #61B35C;
     gap: 8px;
     color: white;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     font-family: 'Dubai Medium';
 }
 
 .next_btn img {
     transform: scaleX(-1);
 }
 
 .sendOtpDiv{
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
 
}
.emailSendOtpOrg{
	display: flex;
    justify-content: space-between;
    margin-top: 6px;
 
 
}


/* --------- Hiding Theme Elements --------- */

header.stFixedNavbar.stFixedNavbar {
display: none !important;
}
 
footer#stFooter {
display: none !important;
}
 
 #content{
 overflow: hidden !important;
 }


/* --------- ReadOnly --------- */
.readonly {
  
  pointer-events: none;       /* prevents user interaction */
  color: #6c757d;             /* dim text color */
  cursor: not-allowed;
}




/*----Responsive----*/

@media (min-width: 350px) and (max-width: 767px) {
 
    .signUp-Section .right-panel {
        padding: 60px 30px 30px 30px;
    }
}
 
@media (min-width: 767px) and (max-width: 1100px) {
 
    .signUp-Section .right-panel {
        padding: 60px 80px 30px 80px;
    }
 
    .custom-stack-fix {
        display: flex;
        flex-direction: column-reverse;
    }
 
    .custom-stack-fix>div {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}
 
@media (min-width: 1100px) and (max-width: 1400px) {
    .signUp-Section .right-panel {
        padding: 60px 20px 30px 20px;
    }
}
 .confirm-pwd{
font-size: 14px;
    color: #D32437;
}
 
 .tradeRegWrapper{
 	margin-bottom: 24px;
 }
 .tradeRegInput {
    margin: 0px !important;
}