@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
@import url("../css/variable.css");

body {
    font-family: "Instrument Sans", sans-serif !important;
    margin: 0px;
    padding: 0px;
}

h1 {
    font-size: var(--heading1-font) !important;
    line-height: var(--heading1-font-height) !important;
    font-weight: var(--heading1-font-weight) !important;
}

h2 {
    font-size: var(--heading2-font) !important;
    line-height: var(--heading2-font-height) !important;
    font-weight: var(--heading2-font-weight) !important;
}

h3 {
    font-size: var(--heading3-font) !important;
    line-height: var(--heading3-font-height) !important;
    font-weight: var(--heading3-font-weight) !important;
}

h4 {
    font-size: var(--heading4-font) !important;
    line-height: var(--heading4-font-height) !important;
    font-weight: var(--heading4-font-weight) !important;
}

h5 {
    font-size: var(--heading5-font) !important;
    line-height: var(--heading5-font-height) !important;
    font-weight: var(--heading5-font-weight) !important;
}

h6 {
    font-size: var(--heading6-font) !important;
    line-height: var(--heading6-font-height) !important;
    font-weight: var(--heading6-font-weight) !important;
}

a {
    text-decoration: none !important;
}

ul.navbar-nav li a {
    font-size: 15px !important;
    padding-left: 23px !important;
    letter-spacing: 1px;
    line-height: 25px !important;
    font-weight: 400 !important;
    text-transform: math-auto;
    color: var(--secondry2-color) !important;
    padding-left: 20px !important;
    font-family: "NG", Helvetica, Arial, sans-serif !important;
}

.form-group .form-label {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
    color: #35494f;
}

.form-group .iti {
    width: 100%;
}

.form-group select {
    border: 1px solid #7f9ca6;
    color: var(--login-back-color);
    height: 46px;
    line-height: 17px;
}

.section {
    padding: var(--section);
}

.customBtn2 {
    border-radius: 8px;
    font-size: clamp(10px, 3vw, 14px);
    line-height: 24px;
    font-weight: 600;
    color: var(--secondry2-color);
    background: var(--primary-color);
    padding: 10px 20px;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    border: none;
}
/* .aggreeT {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
} */
.customBtn3 {
    border-radius: 8px;
    font-size: clamp(10px, 3vw, 14px);
    line-height: 24px;
    font-weight: 500;
    color: var(--secondry2-color);
    background: var(--primary-color);
    padding: 10px 20px;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 30px;
    text-decoration: none;
    border: none;
}

.customBtn4 {
    border-radius: 30px !important;
    font-size: clamp(10px, 3vw, 14px);
    line-height: 24px;
    font-weight: 500;
    color: var(--secondry-color);
    border: 1px solid var(--secondry-color) !important;
    background: var(--secondry2-color);
    padding: 10px 20px;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 30px;
    text-decoration: none;
    border: none;
}

.customBtn5 {
    border-radius: 30px !important;
    font-size: clamp(10px, 3vw, 14px);
    line-height: 24px;
    font-weight: 500;
    color: var(--secondry2-color);
    border: 1px solid var(--secondry-color);
    background: var(--secondry-color);
    padding: 10px 20px;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 30px;
    text-decoration: none;
}

/* header */

.form-group label span {
    color: red;
}

.customNavbar {
    background: var(--primary-color);
}

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

.customBtn {
    background: var(--secondry-color) !important;
    box-shadow: none;
    border: none;
    /* border: 1px solid var(--secondry-color); */
    padding: 6px 9px;
    border-radius: 30px;
    color: var(--secondry2-color);
    font-size: var(--heading5-font);
    font-weight: var(--heading5-font-weight);
    line-height: var(--heading5-font-height);
    text-decoration: none;
}

.customNavbar form input {
    background: #224a56;
    color: var(--secondry2-color) !important;
    border-radius: 30px;
    padding: 8px;
    padding-left: 45px;
    border: none;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: 400;
}

.customNavbar form input:focus {
    background: #224a56;
    color: var(--secondry2-color) !important;
}

.customNavbar form span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(10px, -50%);
}

.customNavbar form input::placeholder {
    color: var(--secondry2-color);
    font-size: 14px;
    line-height: 24px;
}

.customNavbar .offcanvas .navbar-nav {
    flex-wrap: wrap;
}

.navbar-toggler-icon.loginUiicon {
    color: #fff !important;
    font-size: 19px;
    line-height: 29px;
}

.navbar-expand-lg .offcanvas {
    flex-direction: row;
}
.bussines_img {
    width: calc(98% / 2);
    height: 200px;
}
.bussines_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar-brand {
    padding: 10px 0;
}

.loginCustom a.backPage i {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    margin-left: 10px;
}

.loginUi {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
}
.brand_content a{
    color: #000;
    font-weight: 600;

}

/* .sell_watch.dropdown-menu {
    background-color: #e2c07c !important;
    min-width: 1600px;
    left: 50% !important;
    transform: translate(-50%, 0);
    margin: 16px 0;
    padding: 20px 0;
        max-width: 1600px;
    width: 100%;
} */
.dropdown-menu.sell_watch.show {
    position: absolute;
    left: 65%;
    right: 0 !important;
    width: 100vw;
    max-width: 100vw;
    margin: 0 !important;
    border-radius: 0;
    background-color: #e2c07c !important;
    transform: translate(-50%, 0%);
    top: 120%;
}

/* If you want the content inside also to be full width */
.dropdown-menu.sell_watch.show .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

.sell_watch.dropdown-menu.show {
    display: block !important;
}

.sell_watch_content {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 30px 0;
}

.sell_watch_content::after {
    content: "";
    background-color: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 1;
}

.sell_watch_content.last_child:after {
    display: none !important;
}

.sell_watch_content .customBtn3 {
    margin-top: 10px;
}

/* header end */
.i-chrbanner .item {
    width: 100%;
    aspect-ratio: 16 / 6; 
    overflow: hidden;
}
.i-chrbanner .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* banner */

.customOwlcarousel .item {
    position: relative;
}

.customOwlcarousel .item .bannerContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    text-align: center;
}

.customOwlcarousel .item .bannerContent h1 span {
    color: var(--secondry-color);
}

.customOwlcarousel .owl-dots .owl-dot {
    width: 50px;
    height: 10px;
    background: #7f9ca6;
    margin: 0 10px;
}

.customOwlcarousel .owl-dots .owl-dot.active {
    background: var(--secondry-color);
}

.customOwlcarousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* banner end */

/* recommend */

.recommend-main-content {
    background: var(--secondry2-color);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    transition: all ease 0.5s;
    border: 1px solid #d0d0d0;
}

.recom-img img,
.categorieContentimg,
.carousel-item_img img {
    transition: transform 0.5s ease;
    /* smooth zoom effect */
}

.recommend-main-content:hover .recom-img img {
    /* box-shadow: 0 2px 12px 0 var(--primary-color); */
    transform: scale(1.3);
}
.carousel-item:hover .carousel-item_img img {
    transform: scale(0.8); /* zoom out */
    transition: transform 0.3s ease;
}

.productDEtail_content:hover .recom-img img {
    transform: none;
}

.recommend-main-content .privateSeller,
.productImgprivateSeller,
.reportWatchFormImgmain .privateSeller {
    position: absolute;
    background: #ffffffbf;
    top: 10px;
    left: 10px;
    padding: 5px;
    margin-right: 2px;
    font-size: var(--heading6-font);
    line-height: var(--heading6-font-height);
    font-weight: 500;
    color: var(--primary-color);
    z-index: 1;
}

.recommend-main-content .privateSeller img {
    padding-right: 4px;
}

.recom-img {
    width: 100%;
    height: 246px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.recom-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recommend-content {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    height: 100%;
}

.recommend-content span.icon {
    color: #003a4e;
    font-size: 20px;
}

.recommend-content p {
    color: #7f9ca6;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recommend-content ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 0;
}

.recommend-content ul li {
    margin-left: 30px;
    color: #439f4a;
    font-size: var(--heading6-font);
    line-height: var(--heading6-font-height);
    font-weight: var(--heading6-font-weight);
}
.own_watch {
    height: fit-content !important;
}
.own_watch ul li {
    margin-left: 0 !important;
}

.recommend-content ul li:first-child {
    list-style: none;
    margin-left: 0;
    color: #a8824f;
}

.recommend-content span.country {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 12px;
    font-weight: bold;
    color: #0e1c21;
}

.recommend-main-content .recommend-content span.country {
    font-weight: 400 !important;
    color: var(--primary-color) !important;
}

.recommend-main-content .recommend-content p {
    margin-bottom: 5px;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.recommend-content span.country img {
    margin-right: 5px;
}

.recommend-content p.amount {
    font-size: var(--heading5-font);
    line-height: var(--heading5-font-height);
    font-weight: 700;
    color: #003a4e;
    margin-bottom: 0;
}

.recommend-content p span {
    font-size: 12px;
    line-height: 22px;
    color: #7f9ca6;
    font-weight: 400;
}

.recommend-content ul li::marker {
    color: #35494f;
}

/* recommend end */

/* brands */

.brands {
    margin-bottom: 60px;
}

.brands .brandsContent {
    border: none;
    border-radius: 5px;
    text-align: center;
}
.brands .brandsContent a{
    color: #000;
    text-align: start !important;
    padding: 5px 0;
    font-weight: 500;
    line-height: 26px;
}
.brands .brandsContent a:hover{
    color: var(--secondry-color);
}

.recommend-main-content:hover,
.categorieContent:hover {
    box-shadow: 0 2px 12px 0 var(--primary-color);
}

.brands .brandsContent h4,
.topModelscontent h4 {
    background: linear-gradient(to right, #e2c07c, #a8824f);
    color: var(--secondry2-color);
    margin-bottom: 0;
    padding: 15px 0;
    border-radius: 5px;
}

/* brands end */

/* login Page */

.loginCustom a {
    font-size: var(--heading4-font);
    line-height: var(--heading4-font-height);
    font-weight: var(--heading4-font-weight);
    color: var(--secondry-color);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.loginMain {
    /* height: 100vh; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    position: relative;
}

.privateSellermain .privateSeller .loginContent {
    height: 100%;
}

.loginMain .loginContent {
    max-width: 660px;
    width: 100%;
    border: 1px solid var(--login-back-color);
    margin: 0 auto;
    border-radius: 25px;
    padding: 36px 30px 50px;
    height: fit-content;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.loginContent-dash {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loginMain .loginContent::-webkit-scrollbar {
    display: none;
}

.loginMain .loginContent h3 {
    font-weight: 500 !important;
    color: #003a4e;
}

.loginMain .loginContent p,
.form-check .form-check-label,
p.form-check-label {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    color: #546d76;
}

.loginMain .loginContent p a,
.form-check .form-check-label a {
    color: var(--secondry-color);
    text-decoration: none;
}

.loginContent .form-group {
    position: relative;
}

.loginContent .form-group .form-label {
    color: #35494f;
}

.loginContent .form-group .form-control,
.multiselectUi .multiselect-native-select .btn-group {
    height: 46px;
    border-radius: 8px;
    border: 1px solid var(--login-back-color);
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

input::placeholder {
    color: red;
    opacity: 0.5;
}

.numberInput input {
    border-left: none !important;
}

.numberInput span::after {
    content: "";
    height: 100%;
    width: 1px;
    background: #ccc;
    margin-left: 12px !important;
}

.loginContent .form-group .form-control::placeholder {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
    color: #7f9ca6;
}

.toggle-password {
    position: absolute;
    top: 60%;
    right: 15px;
    transform: translateY(0%);
    cursor: pointer;
    color: #999;
    z-index: 10;
}

.ghanti .bell {
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.accounts {
    padding: 9px 0;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-top: 15px;
}

.signUp {
    text-align: center;
}

.signUp a {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400 !important;
    z-index: 1;
    padding: 0 15px;
    background: #fff;
    color: #00000099 !important;
    position: relative;
    text-decoration: none;
}

.signUp::after {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 30%);
    width: 100%;
    height: 0.6px;
    z-index: 0;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
}

.social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

.social-icon a {
    padding: 8px;
    border: 1px solid #00000033;
    border-radius: 30px;
    width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    text-decoration: none;
}

.social-icon a.apple {
    border: 1px solid #000000;
}

.social-icon a.facebook {
    border: 1px solid #0063e0;
}

.social-icon a.google {
    border: 1px solid #ea4335;
}

.social-icon a img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.numberInput .input-group-text {
    background: none;
    border: 1px solid var(--login-back-color);
    padding: 10px;
    padding-right: 0;
}

.loginContent h3 a {
    color: var(--primary-color);
}

.loginContent p span {
    color: var(--primary-color);
}

.otpReceive {
    font-weight: 400 !important;
}

/* login Page end */

/* footer */

footer {
    background: var(--primary-color);
    border-top: 10px solid var(--secondry-color);
}

footer .footer-content p {
    font-size: 14px;
    line-height: 19px;
    color: #7f9ca6;
    font-weight: 500;
}
.adminContent a {
    color: var(--secondry-color) !important;
    font-size: 14px;
}
.form-group p {
    margin-bottom: 0;
}

footer .footer-content .adminContent {
    display: flex;
    align-items: center;
    justify-content: start;
}
.product_content {
    margin: 30px 0;
}

footer .footer-content .adminContent .img {
    width: 40px;
    height: 40px;
    background: rgb(168 130 79 / 10%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-content .adminContent h6 {
    font-size: 12px !important;
    line-height: 22px !important;
    color: #7f9ca6;
    font-weight: 500 !important;
    margin-bottom: 0;
}

footer .footer-content .adminContent p {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #fff;
    font-weight: 500 !important;
}

/* register steps question */

.progress-bar-container {
    background-color: #c2d1d6;
    border-radius: 20px;
    height: 10px;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}

.progress-bar-fill {
    background-color: #003b4d;
    height: 10px;
    border-radius: 20px;
    width: 20%;
    transition: width 0.3s ease;
}

.progress-bar-filltwo {
    width: 40% !important;
}

.progress-bar-fillthree {
    width: 60% !important;
}

.progress-bar-fillfour {
    width: 80% !important;
}

.progress-bar-fillfive {
    width: 100% !important;
}

.progress-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #4f4f4f;
    margin-bottom: 30px;
}

.question-title {
    font-size: 22px;
    font-weight: bold;
    color: #003b4d;
    margin-bottom: 10px;
}

.question-desc {
    font-size: 14px;
    color: #4f4f4f;
    margin-bottom: 30px;
}

.options-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.option-box {
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 169px;
    width: 169px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

a .option-box.active,
.option-box.active {
    border-color: #003b4d;
    background-color: #f0f8fa;
}

.option-box .option-img {
    background: #7f9ca6;
    width: 63px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 5px;
}

.option-box .option-img.option-img2 {
    width: fit-content;
    padding: 30px;
}

.option-box .option-img p {
    font-size: var(--heading3-font);
    line-height: var(--heading3-font-height);
    font-weight: 500;
    color: var(--secondry2-color);
    margin-bottom: 0;
}

.option-box.active .option-img {
    background: var(--primary-color);
}

.option-box img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.option-box span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #003b4d;
}

.hidden-checkbox {
    display: none;
}

.next-button {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #003b4d;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
}

.next-button:hover {
    background-color: #002f3a;
}

.selectGender .form-check {
    border: 1px solid var(--login-back-color);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.selectGender .form-check .form-check-input:checked {
    background-color: var(--primary-color) !important;
}

.sellDiv .closeBtn {
    background: var(--primary-color);
    border-radius: 50%;
    opacity: 1;
    color: #fff;
}

/* register steps question end */

/* modal css */

.modal-content {
    position: relative;
}

.modal-title.h2 {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
}

.closebtn img {
    cursor: pointer;
    width: 26px;
}

.modal-header button {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary-color);
    border-radius: 50%;
    opacity: 1;
    background-image: none;
    color: var(--secondry2-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

#reportUserForm .form-check {
    margin: 8px 0;
}

#reportUserForm .form-check .form-check-label {
    line-height: 13px;
}

.modal-header button:hover {
    background: var(--secondry2-color);
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.submitSucces .modal-dialog {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.successContent p,
.succesMessage .modal-dialog p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    color: var(--login-back-color);
    margin-bottom: 0;
}

.check {
    width: 66px;
    height: 66px;
    border: 3px solid green;
    color: green;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 33px;
}

.succesMessage .modal-dialog {
    max-width: 320px;
    width: 100%;
    margin: auto;
}

span.checkout {
    background: #eaeef0;
    border-radius: 10px;
    padding: 10px;
    display: block;
    color: var(--primary-color);
    font-weight: 500;
    margin-top: 10px;
}

.modal-body .customBtn3 {
    width: 37%;
    padding: 8px 10px;
    min-width: 200px;
    color: var(--secondry2-color);
    background: var(--primary-color);
}

.modal-body .customBtn3:hover {
    border: 1px solid var(--primary-color);
}

.concernContact {
    background: #eaeef0;
    border-radius: 10px;
    padding: 10px;
    text-align: start;
}

.concernContact p {
    color: #546d76;
    font-size: 12px;
    line-height: 22px;
}

.concernContact span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--primary-color);
    display: block;
}

.customWatchCollection .modal-dialog {
    width: 300px;
    margin: auto;
}

.custom_reviewTheDealer .modal-dialog {
    max-width: 700px;
    width: 100%;
}

.reviewTheDealerModal h4 {
    color: #7f9ca6;
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
    margin: 20px 0;
}

.reviewTheDealerModal .sellDiv {
    padding-bottom: 20px;
    border-bottom: 5px solid #eaeef0;
}

.custom_reviewTheDealer .modal-body {
    margin: 0 40px;
}

.reviewTheDealerModal p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
}

.reviewTheDealerModal p a {
    color: var(--secondry-color);
}

/* modal css end */

/* .footer-content{

} */

.footer-content h5 {
    color: var(--secondry2-color);
    border-bottom: 1px solid var(--secondry2-color);
    text-transform: capitalize;
    padding-bottom: 8px;
    width: max-content;
}

.footer-content.middleContent {
    gap: 120px;
    display: flex;
    align-items: start;
    justify-content: center;
}

.middleContent ul {
    margin-bottom: 0px;
    width: fit-content;
}

.middleContent ul li {
    text-transform: math-auto;
    width: max-content;
}
.middleContent ul li a {
    font-size: var(--heading5-font);
    line-height: var(--heading5-font-height);
    font-weight: 500;
    color: var(--secondry-color);
    padding: 10px 0px;
}

.middleContent ul li .middleContent ul li:last-child {
    padding-bottom: 0px;
}

.footer-down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #7f9ca6;
    padding: 50px 0;
}

.footer-down p {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height) !important;
    font-weight: 500;
    color: var(--secondry2-color);
    margin-bottom: 5px;
}

/* footer end */

/* indexPage */

.loginUser {
    margin-left: 50px;
}

.loginUser h3 {
    color: var(--secondry2-color);
    margin: 0 20px;
    font-weight: 600 !important;
}

.loginUser .userImg {
    width: 50px;
    height: 50px;
    border: 1px solid var(--secondry2-color);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
}
.loginUser .userImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropdown-toggle::after {
    display: none !important;
}

.privateSellerDetail .nav.nav-pills {
    background: #f7f4ef;
    border-radius: 11px;
}

.support {
    width: 100%;
    height: 20px;
    background: #fff;
}

.privateSellerDetail .nav.nav-pills .nav-link {
    background: var(--secondry2-color) !important;
    font-size: var(--heading6-font);
    line-height: var(--heading6-font-height);
    font-weight: 400;
    color: var(--third-color);
    text-align: start;
    margin: 10px 20px;
    padding: 12px;
}

.privateSellerDetail .nav.nav-pills .nav-link span.arrow-icon {
    transform: rotate(90deg);
    color: #758a90;
}

.privateSellerDetail .nav.nav-pills .nav-link.active span.arrow-icon {
    transform: rotate(0deg);
    color: #fff;
}

.privateSellerDetail .nav p {
    font-size: 16px;
    line-height: 26px;
    color: #546d76;
    margin-top: 10px;
    font-weight: 500;
    margin-left: 20px;
}

.privateSellerDetail .nav.nav-pills .nav-link.active {
    background: var(--fourth-color) !important;
    color: var(--secondry2-color);
}
.privateSellerDetail .nav.nav-pills .nav-link.active .profile-icon {
    color: #fff;
}

.privateSellerDetail .nav.nav-pills .nav-link.disabledClass {
    background: #fff !important;
}

.privateSellerDetail .nav.nav-pills .nav-link.disabledClass img {
    filter: none !important;
}

.privateSellerDetail .nav.nav-pills .nav-link.active img {
    filter: brightness(0) invert(1);
}

.privateSellerDetailcontent .sellContent {
    background: #f7f4ef;
    text-align: center;
    padding: 80px;
    border-radius: 12px;
}

.privateSellerDetailcontent .sellContent p {
    font-size: var(--heading6-font);
    line-height: var(--heading6-font-height);
    font-weight: 500;
    color: #35494f;
    margin-bottom: 0px;
    padding: 12px 0;
}

.privateSellerDetailcontent .sellContent .customBtn3,
.privateSellerDetailcontent .sellContent .customBtn4 {
    width: 50%;
}
.privateSellerDetailcontent .sellContent .customBtn3 {
    margin-top: 0px !important;
}
.single-line-ellipsis {
    white-space: nowrap; /* Prevent text from wrapping to the next line */
    overflow: hidden; /* Hide the overflow text */
    text-overflow: ellipsis; /* Show "..." at the end */
    display: block; /* Ensure it behaves as a block element */
    width: 100%; /* You can set a fixed width if needed */
}

.document {
    margin-left: 70px;
}

.document .form-check {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.document .form-check input {
    width: 32px;
    height: 32px;
}

.document .form-check .form-check-label {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #bfcdd2;
    padding-left: 10px;
}

.document .form-check.active .form-check-label {
    color: var(--secondry-color);
}

.document .form-check .form-check-input:checked,
.form-check-input:checked {
    border-color: #7f9ca6 !important;
    background-color: #7f9ca6 !important;
}

.document .active .form-check-input:checked {
    border-color: var(--secondry-color) !important;
    background-color: var(--secondry-color) !important;
}

/* image upload and remove css */

.upload-container {
    width: 100%;
    height: 150px;
    border: 1px solid #758a90;
    border-radius: 10px;
    text-align: center;
    padding: 24px;
    position: relative;
    cursor: pointer;
    transition: 0.3s ease;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-container:hover {
    border-color: #333;
}

.upload-container {
    position: relative;
}

.upload-container img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    object-fit: contain;
    position: absolute;
    margin-top: 0px !important;
}

.upload-container .uploadIcon {
    text-align: center;
}

.upload-container .uploadIcon h3 {
    font-weight: 400 !important;
    color: #7f9ca6 !important;
    font-size: 16px !important;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 10px;
}

.upload-container.active .icon,
.upload-container.active h3,
.upload-container.active p {
    display: none;
}

/* #uploadAddressFront {
    display: none;
  } */

.upload-container input {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    height: 100%;
    z-index: 2;
}
.setupBtn {
    background: var(--primary-color) !important;
}

.list_watch-steps {
    padding: 36px 30px 50px;
}

/* image upload and remove css end */

.iti.iti--allow-dropdown {
    width: 100%;
}

/* private seller fourthStep */

.headingPanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}
.mt-28 {
    margin-top: 28px;
}

.headingPanel a,
.headingPanel a.edit {
    color: var(--primary-color);
    background: var(--fifth-color);
}

.headingPanel span {
    background: var(--fifth-color);
    padding: 5px;
    border-radius: 4px;
    font-size: var(--heading6-font);
    line-height: var(--heading6-font-height);
    font-weight: 500;
}

.headingPanel h3 {
    color: var(--login-back-color);
    font-weight: 600 !important;
}

.privateSellerDocscontainer {
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    margin-top: 10px;
    padding: 30px;
}

.privateSelleraddress {
    height: 70%;
}

.privateSellerDocscontainer .privateSellerDocs p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: #35494f;
    margin-bottom: 0;
}

.privateSellerDocscontainer .privateSellerDocs.privateSellerDocsborder {
    border-left: 1px solid #7f9ca6;
    border-right: 1px solid #7f9ca6;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.privateSellerDocscontainer .privateSellerDocs {
    height: 100%;
    align-items: end;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.privateSellerDocsend {
    align-items: end !important;
}

.privateSellerDocscontainer .privateSellerDocs p span {
    color: #7f9ca6;
}

.sellerDocument {
    width: 100%;
    height: 139px;
    border-radius: 20px;
    column-count: 1;
    margin: 0px 10px;
}

.sellerDocument img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.privateSellerDocsborder .sellerDocument {
    margin: 0 9px;
}

.sellerDocument img {
    border-radius: 20px;
}

.privateSellerDocs .form-group .form-label {
    color: #7f9ca6;
    font-weight: 400;
}

.privateSellerDocsend .sellerDocument {
    margin-left: 20px;
    margin-right: 0;
}

.addressInfo p {
    padding: 5px 0;
}

.addressInfo p img {
    margin-right: 10px;
}

.addressInfoborder {
    border-right: 1px solid #7f9ca6;
}

.offcanvas.offcanvas-end {
    /* min-width: 500px; */
    padding: 10px;
}

.use-lc {
    background: #fff;
    box-shadow: 0px 2px 8px 0px #0000001f;
    padding: 10px;
    width: fit-content;
    border-radius: 50px;
    color: #a8824f;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.search-icon {
    position: absolute;
    left: 20px;
    top: 13px;
    font-size: 14px;
}

/* private seller fourthStep */

/* 20-june-2025 */

/* New Css 19 june */

.form-group .form-control {
    padding: 10px;
    border: 1px solid #c5c3c3;
    /* height: 46px; */
}

.offcanvas.offcanvas-end {
    padding: 10px;
}

.customSide_tab .carousel-item_img {
    width: 100%;
    height: 200px;
}
.customSide_tab .carousel-item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.use-lc {
    background: #fff;
    box-shadow: 0px 2px 8px 0px #0000001f;
    padding: 10px;
    width: fit-content;
    border-radius: 50px;
    color: #a8824f;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.search-icon2 {
    position: absolute;
    top: 0;
    padding: 15px;
}

.ms-left {
    padding-left: 43px !important;
}

.form-control.ms-left {
    background: #eaeef0;
    border-radius: 50px;
    line-height: 0;
}

.watch-box {
    border: 1px solid #a8824f;
    border-radius: 15px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 90%;
    padding: 5px;
}

.sample-step h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0e1c21;
}

.watch-box img {
    margin-bottom: 13px;
    height: 164px;
}

.watch-panel {
    max-width: 700px;
    width: 100%;
    margin: auto;
    border: 1px solid #758a9080;
    box-shadow: 0px 2px 12px 0px #7f9ca633;
    border-radius: 10px;
    overflow: hidden;
}

.watch-header h5 {
    color: #7f9ca6;
}

.watch-header {
    background: #e3ecef;
}

.info-back {
    font-size: 23px;
    color: #003a4e;
}

.step-wapper {
    max-width: 850px;
    width: 100%;
    margin: auto;
    padding-top: 19px;
}

.info_circle {
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
    position: relative;
}

.info-circle {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.dots-box {
    height: 15px;
    width: 15px;
    background: #d5e1e5;
    margin: auto;
    border-radius: 50px;
    outline: 6px solid #7f9ca6;
    margin-bottom: 13px;
}

.info_circle > div {
    position: relative;
    margin-left: 15px;
}

.info_circle > div:after {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    border: 1px solid #7f9ca6;
    top: 8px;
    z-index: -1;
    left: -50%;
}

.info_circle > div:first-child:after {
    left: 50%;
}

.info_circle > div:last-child:after {
    left: inherit;
    right: 50%;
}

.dot-active {
    color: #a8824f;
}

.dot-active .dots-box {
    background: #fff;
    outline: 6px solid #a8824f;
}

/* upload best pic */

.best-upload-image {
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 15px;
    position: relative;
    overflow: hidden;
    height: 320px;
    background: #f3f6f7;
    text-align: center;
    align-items: center;
}

.best-upload-image input {
    position: absolute;
    top: 6px;
    left: 16px;
    display: block;
    line-height: 7;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.preview-pic {
    height: 160px;
    overflow: hidden;
    width: 25%;
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
}

.preview-pic img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.remove-image {
    width: 16px;
    background: #ff3e30;
    color: #fff;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 111;
}

.shimg {
    height: 320px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.icon-close {
    width: 30px;
    background: #ff3e30;
    color: #fff;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 31px;
    z-index: 111;
}

.sign-pnl {
    border: 1px solid #7f9ca6;
    padding: 14px;
    text-align: center;
    border-radius: 30px;
    background: #ecf3f5;
    color: #35494f;
    font-weight: 600;
}

.set-title {
    color: #7f9ca6;
}

.condition-lists li {
    border: 1px solid #7f9ca6;
    padding: 10px;
    border-radius: 8px;
    color: #003a4e;
    margin-bottom: 20px;
}

.sub-title {
    text-align: center;
    border-radius: 30px;
    background: #ecf3f5;
    color: #35494f;
    font-weight: 600;
    font-size: 0.75rem;
    width: max-content;
    padding: 5px 9px;
}

.set-cost {
    background: #ecf3f5bd;
}

.btn-save-outline {
    border: 1px solid #003a4e;
    color: #003a4e;
    line-height: 2.5;
}

.btn-save-outline:hover {
    border: 1px solid #003a4e;
    background: #003a4e;
    color: #fff;
}

.dollar-bg {
    width: 70px;
    justify-content: center;
    background: #fff;
}

.cmn-title {
    color: #003a4e;
}

.dial-pnl {
    max-width: 700px;
    width: 100%;
    margin: auto;
}

.manual-pnl a {
    color: #003a4e;
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
}

.case-lists {
    display: flex;
    justify-content: space-between;
}

.case-subtitle {
    font-size: 16px;
    color: #7f9ca6;
}

.watch-wapper .card-order a {
    color: #0e1c21;
}

.watch-wapper .card-order {
    margin: 0px 10px 30px;
}

/*listing info */

.sellProduct {
    padding: 20px;
    border: 1px solid #d0d0d0;
    border-radius: 15px;
    display: flex;
    align-items: start;
    justify-content: start;
}

.sellProductContent {
    width: 100%;
    margin-left: 10px;
}

.sellProductContent h5 {
    font-weight: 600 !important;
}

.sellProductContent p,
.sellProductmain p {
    font-size: 16px;
    line-height: 26px;
    color: #0e1c2199;
    margin-bottom: 0;
    font-weight: 500;
}

.sellProductContent span {
    font-size: 16px;
    line-height: 26px;
    color: #7f9ca6;
}

.sellProductContent table {
    width: 100%;
}

.sellProductContent table tr th {
    color: #7f9ca6;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.sellProductContent table tr td {
    text-align: right;
}

.sellProduct .imgProduct {
    width: 270px;
    height: 170px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.sellProduct .imgProduct img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sellProductmain ul {
    margin-top: 10px;
}

.sellProductmain ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
}

a .recommend-main-content h6,
a .recommend-content span.country {
    color: #000;
}

/* 20-june-2025 end */

/* produnt serach */

.productSearch {
    background: #fff;
    border-radius: 20px;
    margin-top: -20px;
}

.productSearch .sellDiv {
    padding: 20px;
}

.productSearch h5 {
    color: var(--primary-color);
    font-weight: 600 !important;
}

.closeBtn {
    background: var(--primary-color);
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    color: var(--secondry2-color);
    font-size: 16px;
    line-height: 16px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.borderMain {
    border: 5px solid #eaeef0 !important;
    margin: 25px 0;
}

.smallContainer {
    max-width: 1072px;
    width: 100%;
    margin: 0 auto;
}

.addWatchmanuall h4 {
    font-weight: 600 !important;
    color: #000;
}

.addWatchmanuall h4 a {
    text-decoration: underline !important;
    color: var(--primary-color) !important;
    padding-left: 15px;
}

a .recommend-main-content h6,
a .recommend-content span.country {
    color: #000;
}

.watchDetail .productSearch {
    margin-top: 0;
}

.watchDetail .modal-dialog {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.sellProduct {
    padding: 20px;
    border: 1px solid #d0d0d0;
    border-radius: 15px;
    display: flex;
    align-items: start;
    justify-content: start;
}

.sellProductContent {
    width: 100%;
    margin-left: 10px;
}

.sellProductContent h5 {
    font-weight: 600 !important;
}

.sellProductContent p,
.sellProductmain p {
    font-size: 16px;
    line-height: 26px;
    color: #0e1c2199;
    margin-bottom: 0;
    font-weight: 500;
}

.sellProductContent span {
    font-size: 16px;
    line-height: 26px;
    color: #7f9ca6;
}

.sellProductContent table {
    width: 100%;
}

.sellProductContent table tr th {
    color: #7f9ca6;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.sellProductContent table tr td {
    text-align: right;
}

.sellProduct .imgProduct {
    width: 270px;
    height: 170px;
}

.sellProduct .imgProduct img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sellProductmain ul {
    margin-top: 10px;
}

.sellProductmain ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--third-color);
}

.conditionWisewatch {
    height: 500px !important;
}

.conditionWisewatch .offcanvas-body .nav .nav-link.active {
    background: #e2c07c;
    color: #fff;
}

.conditionWisewatch .modal-dialog {
    max-width: 1000px;
}

.conditionWisewatch .offcanvas-body .nav {
    background: #f7f4ef;
    padding: 20px;
}

.conditionWisewatch .offcanvas-body .nav .nav-link {
    background: var(--secondry2-color);
    color: var(--third-color);
    margin: 7px 0;
    text-align: start;
    display: flex;
    justify-content: space-between;
}

.appropite-watch {
    border: 1px solid var(--primary-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.appropite-watch-img {
    width: 160px;
    height: 160px;
}

.appropite-watch-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.appropite-watch .form-check {
    position: absolute;
    top: -5px;
    right: -1px;
}

.appropite-watch .form-check .form-check-input:checked[type="checkbox"] {
    background: #e0f7ff99 url(../img/check.png) no-repeat center/cover;
    padding: 5px;
    background-size: 16px;
}

.appropite-watch .form-check input {
    width: 40px;
    height: 40px;
}

.appropite-watch .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.appropite-watch h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}

.appropite-watch p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 0;
    color: #7f9ca6;
}

.watchDetailSubmit .modal-dialog {
    max-width: 300px;
    margin: auto;
}

.watchDetailSubmit p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    color: #7f9ca6;
}

.createList .nav {
    justify-content: center;
    background: #e0e7e9;
}

.createList .nav .nav-item {
    width: 33.333%;
}

.createList .nav .nav-item .nav-link {
    color: var(--primary-color);
    background: transparent;
    width: 100%;
    font-size: var(--heading4-font);
    line-height: var(--heading4-font-height);
    font-weight: var(--heading4-font-weight);
}

.createList .nav .nav-item .nav-link.active {
    color: var(--secondry-color);

    border-bottom: 8px solid var(--secondry-color);
}

.listWacthDetail {
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.listWacthDetail-img a,
.contentOverview-img a {
    width: 340px;
    height: 230px;
    display: block;
}

.listWacthDetail-img img,
.contentOverview-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listWacthDetail span.h4,
button.delete {
    font-weight: 500 !important;
    color: #7f9ca6;
    margin-bottom: 10px;
    display: block;
    width: 360px;
    font-size: 20px;
}

.listWacthDetail h5 {
    font-weight: 700 !important;
    color: #003a4e;
    margin-bottom: 8px;
}

.headingPanel a.delete {
    color: #ff5050 !important;
}

.headingPanel a.edit {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.headingPanel a.delete span {
    background: #fff1f1;
}

.listWacthDetail .listingStatus,
.listWacthDetail .listingStatus-reject {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px !important;
}

.listWacthDetail .listingStatus.inActive {
    background: #fff2f2;
    color: #ff5050 !important;
}

.listWacthDetail .listingStatus.active {
    background: #f0fff1;
    color: #439f4a !important;
}

.listWacthDetail .listingStatus-reject.active {
    background: #fff1f1;
    color: #ff5050 !important;
}

.listWacthDetail .listingStatus.rejected {
    background: #fff1f1;
    color: #ff5050 !important;
}

.listWacthDetail .listingStatus.draft {
    background: #f2f2f2;
    color: #7f9ca6 !important;
}

.listWacthDetail label {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
    color: #546d76;
}

.listWacthDetail ul {
    display: inline-flex;
    margin-bottom: 0;
    padding-left: 0px;
}

.listWacthDetail ul li:first-child {
    list-style: none;
    margin-right: 30px;
}

.listWacthDetail ul li::marker {
    color: hsl(194deg 20% 26% / 50%);
    width: 8px;
    height: 8px;
}

.remove-image {
    width: 16px;
    background: #ff3e30;
    color: #fff;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 111;
}

.shimg,
.preview {
    height: 320px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    object-fit: cover;
}

.preview img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.icon-close {
    width: 30px;
    background: #ff3e30;
    color: #fff;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 31px;
    z-index: 111;
}

ul#searchDropdown {
    padding: 0;
}

.search-pnl ul#searchDropdown li a {
    color: #003a4dde !important;
    padding: 5px;
    border: none !important;
}

/* .search-pnl ul#searchDropdown li#manualEntryOption:hover a {
    background: #cdcdcd !important;
    border: none !important;
} */
.search-pnl ul#searchDropdown li:hover {
    background: #cdcdcd;
    border: none;
}

.search-pnl ul#searchDropdown li:hover a {
    color: var(--primary-color) !important;
    background: #eee !important;
    border: none !important;
}

/* produnt serach end */

/* order layout */
.card-order {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 8px 150x;
    margin-bottom: 30px;
}

.card-order figure {
    height: 250px;
    overflow: hidden;
    margin: 10px;
}

.card-order figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-order figure {
    height: 250px;
    overflow: hidden;
    margin: 10px;
    border-radius: 10px;
}

.order-flex {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.order-amount {
    font-size: 20px;
    color: #003a4e;
    font-weight: 700;
}

.order-content p {
    color: #7f9ca6;
    font-size: 18px;
}

.phone-pnl .iti {
    position: relative;
    display: block;
}

.list-box img {
    width: 45px;
}

.sellContent2 {
    background: #ffecea;
}

.form-group span.fixMM {
    position: absolute;
    top: 10px;
    right: 10px;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #35494f;
}

.form-group .amt {
    position: absolute;
    top: 45px;
    left: 10px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #35494f;
}

.overall-title,
.nav.offCanvanav button {
    position: relative;
    width: 100%;
}

.right-arrow {
    position: absolute;
    right: 10px;
}

.form-switch .form-check-input {
    height: 14px;
    width: 30px !important;
}

.sign-p .form-switch .form-check-input:checked {
    background-color: var(--primary-color);
}

.sellContentstepFile {
    background: #f7f4ef;
    text-align: center;
    padding: 80px;
    border-radius: 12px;
}

/* private seller end */

.pruchaseRequeststartSelling {
    padding: 40px;
}

.pruchaseRequeststartSellingheading {
    background-color: #f2fcff99;
}

.searchBox {
    background: #eaeef0;
    border-radius: 30px;
    padding: 12px 10px;
    display: flex;
    align-items: center;
}

.searchBox input {
    border: none;
    background: transparent;
}

.searchBox input:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
}

.searchBox input.form-control:focus {
    background: none;
}

/* 03-07-25 */

.search-wrapper {
    position: relative;
    width: 300px;
    margin: 50px auto;
}

#searchInput {
    width: 100%;
    box-sizing: border-box;
}

.search-input .dropdown-list {
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #003a4d14;
    z-index: 999;
    display: none;
    margin-top: 10px;
    top: 48px;
    border-radius: 10px;
}

.search-input .dropdown-list li {
    padding: 8px;
    cursor: pointer;
    background: #fff;
}

.search-input .dropdown-list li:hover {
    background-color: #cdcdcd;
}

a.viewAll {
    color: var(--secondry-color) !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.topModelscontent {
    position: relative;
}

.topModelscontentimg {
    height: 430px;
}

.allBrand .topModelscontentimg {
    height: 300px;
    background: #ccc;
}

.allBrand .topModelscontentimg img {
    padding: 20px;
    transform: scale(1);
}

.topModelscontentimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.topModelscontent .modal-Content {
    background: var(--primary-color);
    width: 100%;
    padding: 10px 20px 0;
    color: var(--secondry2-color);
}

.topModelscontent .modal-Content h4 {
    color: var(--secondry2-color);
    font-weight: 700 !important;
    background: transparent;
    padding: 10px 0;
    text-align: start;
    transition: all ease 0.5s;
}

.topModelscontent h4 {
    border-radius: 5px;
}

.topModelscontent h4:hover {
    transform: translateY(-15px);
}

.sell_watch_content img {
    width: 35px;
    height: 35px;
}

.topModelscontent .modal-Content span {
    font-weight: 400;
}

a .categorieContent {
    /* border: 1px solid #003a4eb2; */
    border-radius: 12px;
    position: relative;
}

.categorieContentimg {
    background: url(../images/categorie.webp) no-repeat center/cover;
    height: 400px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-size 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.categorieContentimg:hover {
    background-size: 295px;
}

a h2 {
    color: #000;
    margin-top: 10px;
    text-align: center;
}

.topCategorie .container {
    grid-auto-flow: row;
    grid-template-columns: 200px 1fr;
}

.dialDetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    background: #e3ecef;
    border-radius: 12px;
}

.dialDetail p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0;
}

.pruchaseRequeststartSelling h2 span {
    font-weight: 400;
}

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

.pruchaseRequeststartSelling .brands-search-box {
    padding: 5px;
    background: #eaeef0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pruchaseRequeststartSelling .brands-search-box span.brands-search {
    background: #eaeef0;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}
.pruchaseRequeststartSelling .brands-search-box span.brands-search img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pruchaseRequeststartSelling h3 {
    font-weight: 700 !important;
}

.top-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position: relative;
}

.dropdown-container {
    position: relative;
}

.dropdown-container .btn {
    border: 1px solid #000;
    border-radius: 30px;
}

.dropdown-container .btn.watchCollectionbtn {
    width: 200px;
}

.dropdown-container .btn:hover {
    border: 1px solid #000;
}

.dropdown-container .btn option::content {
    background: var(--primary-color);
}

.dropdown-toggle1 {
    background-color: #f5f5f5;
    /* border: 1px solid #ccc; */
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.arrow {
    margin-left: 10px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 250px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    z-index: 100;
}

.dropdown-menu p {
    font-weight: 500;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    padding-top: 0;
    color: var(--primary-color);
}

.dropdown-menu label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 14px;
}

.dropdown-menu label input {
    margin-right: 10px;
}

.dropdown-menu input[type="radio"]:checked + label::before {
    border-color: #003d4d;
    /* Outer border color */
    background-color: #003d4d;
    /* Fill circle */
    box-shadow: inset 0 0 0 4px #fff;
}

.dropdown-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 15px;
}

.clear-btn,
.apply-btn {
    padding: 6px 14px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}

.clear-btn {
    background-color: transparent;
    color: #a15501;
    border: 1px solid #a15501;
    border-radius: 22px;
    width: 50%;
}

.apply-btn {
    background-color: #003d4d;
    color: #fff;
    border-radius: 22px;
    width: 50%;
}

.icon-button img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.pruchaseRequeststartSelling .top-toolbar .dropdown-toggle1 {
    border-radius: 19px;
    background: #eaeef0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #0e1c21;
}

.arrow {
    color: var(--primary-color);
    font-size: 20px;
}

.brandsDetail span {
    background: linear-gradient(to right, #003a4e, #ffffff00);
    display: block;
    border-radius: 12px;
    color: var(--secondry-color);
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
    padding-left: 15px;
}

.clearApply {
    background: #f6f9fa;
    border: 1px solid #e0f7ff99;
    border-radius: 12px;
    padding: 20px;
    margin-top: 30px;
}

.multiselectUi {
    position: relative;
}

.multiselectUi .multiselect-native-select .sd-CustomSelect {
    display: none;
}

.multiselectUi .multiselect-native-select .btn-group {
    width: 100%;
}

.multiselectUi .multiselect-native-select .btn-group .multiselect {
    background: #fff;
    display: flex;
    align-items: center;
}

.multiselectUi .arrowdropDown {
    position: absolute;
    top: 43px;
    z-index: 1;
    right: 10px;
}

.multiselect-container {
    width: 100%;
}

ul.multiselect-container li a {
    color: var(--primary-color) !important;
}

ul.multiselect-container li a label {
    margin-bottom: 0px;
}

.form-group .fixMM select {
    background: none;
    border: none;
    height: auto;
}

.form-group .fixMM select:focus-visible {
    border: none;
    outline: none;
}

.filterModal .modal-dialog {
    max-width: 1400px;
}

.filterModal .modal-dialog .privateSellerDetail,
.filterModal .modal-dialog .brands {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
}

.brand-latter-list .form-check-input:checked[type="checkbox"] {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
}

.pruchaseRequeststartSelling .privateSellerDetailcontent .brandsDetail label {
    width: 100%;
}

.pruchaseRequeststartSelling
    .privateSellerDetailcontent
    .brandsDetail
    label
    .brand-wrapper {
    width: 100%;
    margin-bottom: 0;
}

.pruchaseRequeststartSelling
    .privateSellerDetailcontent
    .brandsDetail
    label
    .brand-wrapper
    h4 {
    margin-bottom: 0;
}

/* 03-07-25 end */

/* 16-07-25 */

.productDetail .productName p,
.productGridview .recommend-content p {
    color: #7f9ca6;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.productGridview .contentOverview a.contentOverview-img,
.listWacthDetail a.listWacthDetail-img {
    width: 270px;
    height: 223px;
    display: block;
}

.productGridview .contentOverview a.contentOverview-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productDetail .productShare a {
    font-size: 20px;
    line-height: 30px;
    color: var(--primary-color) !important;
    margin-left: 16px;
}

.productImage {
    height: 530px;
}

.productImage .customNavpills {
    margin-right: 0 !important;
    margin-left: 30px;
    flex-wrap: nowrap;
    overflow: scroll;
    height: 530px;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
}

.tab-conten-img {
    height: 530px;
    overflow: hidden;
    width: 100%;
}

.tab-conten-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productImage .customNavpills button.nav-link {
    width: 130px;
    height: 130px;
    padding: 10px;
}

.productImage .customNavpills button.nav-link.active {
    background: none;
    border: 1px solid var(--primary-color);
}

.productUpdatingimg {
    height: 100%;
}

.productUpdatingimg img {
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    border-radius: 5px;
}

.productImage .customNavpills button.nav-link.active .productUpdatingimg img {
    opacity: 1;
}

.productDesrip {
    background: #f6fbfd;
    padding: 10px;
    margin-top: 3%;
}

.productGridview .contentOverview {
    border: 1px solid #d0d0d0;
    margin-top: 30px;
    border-radius: 12px;
    overflow: hidden;
}

.productGridview .recommend-content p.amount {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
    text-align: start;
}

.selerUser p.name {
    color: #0e1c21;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.selerUser span.country::before {
    content: "";
    background: rgb(53 73 79 / 50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
}

.productGridview .recommend-content span.icon {
    color: #ea4335;
    position: absolute;
    top: 0;
    right: 0;
}

.productDesrip span {
    color: #7f9ca6;
    display: flex;
    align-items: center;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 22px;
    font-weight: var(--heading4-font-weight);
}

.productDesrip p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}
.productDesrip span ul {
    margin-left: 0 !important;
}
.productDesrip span ul,
.product_content table tr td ul {
    display: flex;
    margin-bottom: 0;
    margin-left: 10px;
}

.product_content table tr td ul {
    justify-content: end;
}

.productDesrip span ul li,
.product_content table tr td ul li {
    color: #a8824f;
    padding-right: 24px;
}

.productDesrip span ul li::after,
.product_content table tr td ul li::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    background: #35494f;
    margin: 0 11px;
    top: 11px;
}

.productDesrip span ul li:last-child,
.product_content table tr td ul li:last-child {
    padding-right: 0;
    color: #439f4a;
}

.productDesrip span ul li:last-child:after,
.product_content table tr td ul li:last-child:after {
    display: none;
}

.product_content p.imp_Tax {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.productDesrip span p {
    color: #0e1c21;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0;
    margin-left: 10px;
}

.productDesrip h3.amount span {
    font-size: 14px;
    color: #7f9ca6;
    font-weight: 400;
    line-height: 10px;
}

.productDesrip samp {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #0e1c21;
    display: block;
}

a.navLink {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--secondry-color);
    margin-top: 10px;
}

a.navLink svg {
    width: 13px;
    height: 14px;
}

.buttonGroup {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: end;
}

.reportThis {
    background: #eaeef0;
    border-radius: 25px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: var(--primary-color);
    width: 50%;
    text-align: center;
    padding: 13px 0;
}

.reportWatchFormImg {
    width: 100%;
    height: 500px;
}

.reportWatchFormImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h4.heading {
    background: rgb(127 156 166 / 10%);
    padding: 15px;
    color: #0e1c21;
    font-weight: 700 !important;
    margin-bottom: 30px;
}

.form-group .form-control {
    border: 1px solid var(--login-back-color);
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: 400;
}

.form-group .form-control::placeholder,
.form-group .form-select {
    color: #7f9ca6;
    font-size: 12px;
    line-height: 22px;
}

/* sellerPanel */
.sellerPanel {
    margin: 30px 0;
}

.sellerPanel .containSellerDetail {
    border: 1px solid #d0d0d0;
    padding: 10px;
    border-radius: 5px;
    height: 100% !important;
}

.sellerPanel .containSellerDetail .contact,
.containSellerDetail .contact {
    background: var(--primary-color);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
}

.containSellerDetail .form-label {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
    color: #546d76;
}

.containSellerDetail span.country {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #0e1c21;
}

/* .containSellerDetail span.country span::before {
    content: "";
    background: rgb(53 73 79 / 50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    position: absolute;
    left: 10px;
    top: 5px;
} */

span.imge {
    padding-left: 30px;
    position: relative;
}

.seller_inform {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 10px;
}

ul.seller_inform li p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #7f9ca6;
    margin-bottom: 0;
}

ul.seller_inform li p strong {
    font-weight: 500 !important;
    color: #0e1c21;
}

ul.seller_inform li {
    position: relative;
    width: calc(100% / 3);
    align-items: center;
}

ul.seller_inform li::after {
    content: "";
    background: #eaeef0;
    position: absolute;
    right: 10%;
    width: 1px;
    height: 100%;
    top: 0;
    transform: translate(-50%, 0px);
}

ul.seller_inform li:last-child:after {
    display: none;
}

.similiar_Watch {
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #d0d0d0;
    height: fit-content;
    padding: 20px;
    border-radius: 4px;
}

.similiar_Watch h5.heading {
    width: 50%;
    margin-bottom: 0;
}

.similiar_Watch a {
    margin: 0;
    width: 50%;
}

/* sellerPanel end */

/* product detail */
.product_Detailed .detailnavTab,
.message_tab .nav-tabs {
    background: #e0e7e9;
}

.message_tab .nav-tabs {
    width: fit-content;
    border-radius: 8px;
}

.message_tab .nav-tabs .nav-item {
    height: 47px;
}

.product_Detailed .detailnavTab .nav-link,
.message_tab .nav-tabs .nav-link {
    background: transparent;
    width: 220px;
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.mobileWatchyourecive span {
    width: 50%;
}

.product_Detailed .detailnavTab .nav-link.active,
.message_tab .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--secondry-color);
    background: transparent;
    color: var(--secondry-color);
}

.product_content {
    margin: 50px 0;
}

.product_content h6 {
    color: #7f9ca6;
    font-weight: 500 !important;
}

.product_content table tbody tr,
.purchase_detail table tbody tr.source {
    border-bottom: 1px solid #7f9ca633;
}
.purchase_detail table tbody tr {
    border-bottom: none;
}

.product_content table tbody tr th {
    font-size: 14px;
    line-height: 32px;
    color: #35494f;
    font-weight: 400;
}

.product_content table tbody tr td {
    text-align: end;
    font-size: 14px;
    line-height: 32px;
    color: #0e1c21;
    font-weight: 400;
}

/* product detail end */

/* suggest price */
.suggest_price .recom-img {
    width: 100%;
    height: 60vh;
    border-radius: 5px;
}

.suggest_price_address_content {
    background: rgb(127 156 166 / 10%);
    padding: 15px;
}

.suggest_price_address_content h4 {
    font-weight: 700 !important;
}

.suggest_price_detail p.title_heading {
    color: #0e1c21;
    font-weight: 600 !important;
    margin-bottom: 0;
}

.suggest_price_detail h3 {
    color: #7f9ca6;
    font-weight: 600 !important;
    font-size: 20px !important;
}
.modalDropdown .choices {
    width: 28% !important;
}
.choices__list.choices__list--dropdown.is-active {
    width: 466px;
}

.price-box {
    /* border: 2px solid #d7e7f3; */
    padding: 30px;
    border-radius: 10px;
    background: rgb(127 156 166 / 10%);
    max-width: 700px;
    margin: 10px auto 20px;
}
.messagePrice_box .price-table tbody tr th,
.messagePrice_box .price-table tbody tr td {
    background: transparent;
}

#requestList p {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.price-title {
    font-size: 20px;
    font-weight: 600;
}

.price-box .input-group input {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.custom-progress {
    width: 100%;
    height: 20px;
    background-color: #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.custom-progress-bar {
    height: 100%;
    background-color: var(--primary-color);
    width: 0%;
    transition: width 0.3s ease;
    color: #fff;
    font-weight: 500;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.range-wrapper {
    position: relative;
    margin: 30px 0 10px 0;
}

.price-bubble {
    position: absolute;
    top: -35px;
    background: var(--primary-color) !important;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.range-input {
    -webkit-appearance: none;
    height: 6px;
    border-radius: 5px;
    outline: none;
    background: linear-gradient(
        to right,
        #00b894 0%,
        #00b894 60%,
        #ccc 60%,
        #ccc 100%
    );
    transition: background 0.3s ease-in-out;
}

/* Thumb style (optional) */
.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    margin-top: 0px;
    border: none;
}

.bubble-container {
    position: relative;
    height: 0;
}

.range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

input[type="range"] {
    width: 100%;
}

.product_bill_summary {
    background: #f6f9fa;
    padding: 14px;
}

.product_bill_summary table tbody tr th,
.product_bill_summary table tbody tr td {
    line-height: 42px;
}

.product_bill_summary table tbody tr td.bold {
    font-weight: 700 !important;
}

.product_bill_summary table tbody tr th span {
    font-size: 10px;
    font-weight: 400;
    color: #7f9ca6;
}

.imp_Tax {
    font-size: 10px;
    line-height: 20px;
    color: #003a4e;
    margin-bottom: 0;
}

.checkCustom .form-check .form-check-input {
    border: 1px solid var(--secondry-color);
}

.checkCustom .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url(../images/check-form-check.svg) !important;
    background-color: transparent;
    padding: 2px;
    background-size: 100% 100%;
}

.form-check-input:checked[type="checkbox"] {
    background-color: var(--primary-color);
}

.bill_address .form-check-label {
    font-size: 19px;
    color: #0e1c21;
    font-weight: 400;
}

.price-title {
    font-size: 20px;
    font-weight: 600;
}

.custom-progress {
    width: 100%;
    height: 20px;
    background-color: #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.suggest_price_address p {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.custom-progress-bar {
    height: 100%;
    background-color: var(--primary-color);
    width: 0%;
    transition: width 0.3s ease;
    color: #fff;
    font-weight: 500;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.range-wrapper {
    position: relative;
    margin: 30px 0 10px 0;
}

.price-bubble {
    position: absolute;
    top: -35px;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.bubble-container {
    position: relative;
    height: 0;
}

.range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

input[type="range"] {
    width: 100%;
}

.product_bill_summary {
    background: #f6f9fa;
    padding: 2px 12px;
}

.product_bill_summary table tbody tr th,
.product_bill_summary table tbody tr td {
    line-height: 36px;
}
.product_bill_summary table {
    margin-bottom: 0;
}
.product_bill_summary table tbody tr td.bold {
    font-weight: 700 !important;
}

.product_bill_summary table tbody tr th span {
    font-size: 10px;
    font-weight: 400;
    color: #7f9ca6;
}

.imp_Tax {
    font-size: 10px;
    line-height: 20px;
    color: #003a4e;
    margin-bottom: 0;
}

.checkCustom .form-check .form-check-input {
    border: 1px solid var(--secondry-color);
    padding: 7px;
    margin-right: 5px;
}

.checkCustom .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url(../images/check-form-check.svg) !important;
    background-color: transparent !important;
    padding: 7px;
    background-size: 100% 100%;
}

.form-check-input:checked[type="checkbox"] {
    background-color: var(--primary-color);
}

.bill_address .form-check-label {
    font-size: 19px;
    color: #0e1c21;
    font-weight: 400;
}

/* suggest price end */

/* watch collection */
.chart-header {
    margin-bottom: 10px;
}
.performance_model_main .chart {
    background: rgb(127 156 166 / 10%);
    padding: 10px;
    height: 240px;
}

.performance_model_main h5 {
    font-weight: 700 !important;
}

.watch_collection {
    border: 1px solid #d0d0d0;
    padding: 10px;
    border-radius: 4px;
    background: var(--secondry2-color);
}

.watch_collection_img {
    width: 100%;
    height: 220px;
    max-width: 240px;
}

.watch_collection_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.watch_collection {
    display: flex;
}

.watch_collection_descrip {
    width: 100%;
    margin-left: 10px;
}

.watch_collection_descrip h6 {
    margin-bottom: 0;
}

.watch_collection_descrip p {
    margin-bottom: 0;
}

/* .summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.price {
    font-weight: 700;
}
.change {
    color: green;
}
.timeline-buttons .time-btn {
    background: var(--secondry-color);
    border: none;
    color: var(--secondry2-color);
    border-radius: 5px 5px 0 0;
    padding: 5px;
    margin: 0 3px;
}
.since {
    font-weight: 500;
}
.select-brand select {
    background: rgb(127 156 166 / 10%);
    border-radius: 20px;
    padding: 10px 20px;
    border: none;
}

.timeline-buttons .time-btn.active {
    background: #003a4e;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    padding: 3px 10px;
}

.watch_collection_descrip .customBtn4 {
    border-color: var(--primary-color) !important;
    color: var(--primary-color);
    font-size: 14px;
    line-height: 24px;
    padding: 4px 20px;
    margin-top: 10px;
}

.watch_collection_descrip ul.seller_inform li p strong {
    display: block;
}

.rating_n_review_descrip {
    background: rgb(226 192 124 / 10%);
    padding: 20px;
}

.review_detail {
    background: var(--secondry2-color);
}

.review_detail p.rates {
    font-size: 12px;
    line-height: 21px;
    color: #35494f;
    font-weight: 500;
    background: #fff3db;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 30px 0;
}

.review_detail p span {
    color: #000000de;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    margin-right: 6px;
}

.review_detail p span i {
    color: #ffb400;
}

.review_detail p a {
    margin-left: 10px;
}

.review_detail .containSellerDetail ul.seller_inform {
    padding-bottom: 20px;
    margin-top: 15px;
}

.review_detail .containSellerDetail .seller_inform p strong {
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #35494f;
    font-weight: 400 !important;
}

.review_detail .containSellerDetail .seller_inform li {
    width: 100%;
}

.review_detail .containSellerDetail .seller_inform li p {
    color: #35494f;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.review_detail .containSellerDetail ul.seller_inform li::after {
    right: 0px;
}

.rating-box {
    padding: 15px;
    background: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    border-radius: 10px;
}

.rating-row {
    display: flex;
    align-items: center;
}

.stars {
    width: 80px;
    font-size: 16px;
    color: #ffb400;
    text-align: right;
}

.bar {
    background: #eaeef0;
    height: 8px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
}

.bar .fill {
    background: #ffb400;
    height: 100%;
    transition: width 0.5s ease;
}

.count {
    width: 30px;
    text-align: left;
    font-size: 14px;
}

.review-section {
    padding: 20px 0 0;
    background: #fdfaf4;
    font-family: Arial, sans-serif;
}

.review-section h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #333;
}

.review-card {
    background: var(--secondry2-color);
    border: 1px solid #eee0c7;
    border-radius: 10px;
    padding: 15px;
    margin: 5px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 10px;
}

.avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.avatar img {
    width: 100%;
    height: 100%;
}

.name {
    font-weight: bold;
    font-size: 16px;
}

.country {
    font-size: 13px;
    color: #888;
}

.review_stars {
    position: absolute;
    left: 50%;
    top: 0;
    background: #fdf9f2;
    padding: 9px 49px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    transform: translate(-50%, 0);
}

.star {
    font-size: 26px;
    color: #ccc;
}

.star.filled {
    color: #ffb400;
}

.comment {
    font-size: 16px;
    line-height: 26px;
    padding: 15px 0 0;
    letter-spacing: 1px;
    color: #35494f;
    text-align: center;
}

.date {
    font-size: 13px;
    color: #999;
    text-align: right;
    margin-top: 10px;
}

.chat_content {
    margin-top: 20px;
}

.chat_user_profile_area {
    background: #f7f4ef;
    padding: 15px;
    height: 64vh;
    overflow: scroll;
    overflow-x: hidden;
    flex-wrap: nowrap !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.chat_user_profile {
    border: 1px solid #d0d0d0 !important;
    border-radius: 4px !important;
    background: var(--secondry2-color) !important;
    display: flex !important;
    align-items: center;
    padding: 10px !important;
    margin: 5px 0;
}

.chat_user_profile.active {
    border: 1px solid #a8824f !important;
}

.chat_user_img {
    width: 130px;
    height: 100px;
    border-radius: 7px;
    overflow: hidden;
}

.chat_user_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.chat_user_detail {
    padding-left: 10px;
    width: 100%;
}

.chat_user_detail a {
    color: #003a4e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.chat_user_profile label {
    color: #003a4e !important;
    font-weight: 600 !important;
}

.chat_user_detail .expected_timer {
    font-size: 12px;
    line-height: 22px;
    color: #7f9ca6;
}

.chat_user_detail span.country {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #0e1c21;
}

.chat_user_detail p {
    color: #003a4ecc;
    font-weight: 600;
}

.chat_user_detail span.country span.imge {
    padding-left: 30px;
    position: relative;
}

.chat_user_detail span.country span::before {
    content: "";
    background: rgb(53 73 79 / 50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    position: absolute;
    left: 10px;
    top: 5px;
}

.chat_user_message_area .chat_user_profile {
    background: #f7f4ef !important;
    border: none !important;
}

.order_item {
    background: rgb(127 156 166 / 10%);
    padding: 10px;
    border-radius: 12px;
    margin-top: 20px;
}

.order_item h6 {
    color: #35494f;
    font-weight: 500 !important;
}

.order_item .button_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 50%;
}

.order_item table {
    width: 40%;
}

.order_item table tr th {
    font-size: 14px;
    line-height: 28px;
    color: #546d76;
    font-weight: 400;
}

.order_item table tr td {
    font-size: 14px;
    line-height: 28px;
    color: #0e1c21;
    text-align: end;
    font-weight: 500;
}

.order_item p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0;
}

.chat_area {
    margin-top: 40px;
    /* overflow: scroll;
    overflow-x: hidden; */
    max-height: 100%;

    height: 430px;
    position: relative;
}

.chat_area_main {
    height: 86%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
}

.chat_area_content_left,
.chat_area_content_right {
    width: fit-content;
    margin: 10px 0;
}

.chat_area_content_right {
    text-align: end;
    display: flex;
    margin-left: auto;
    flex-direction: row;
    justify-content: end;
    background: #eaeef0;
    padding: 0 5px;
}

.chat_area_content_right small {
    letter-spacing: -3px;
    font-size: 13px;
}

.chat_area_content_left p,
.chat_area_content_right p {
    color: #35494f;
    background: #eaeef0;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 500;
    width: fit-content;
}

.chat_area_content_left span,
.chat_area_content_right span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    margin-top: 7px;
}

.send_area {
    background: #f3f6f7;
    border-radius: 8px;
    margin-top: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.send_area .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    height: 46px;
}

.send_area .form-group .form-control {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.send_area .form-group .send_message {
    border: none;
    background: none;
}

.phone-pnl2 select.form-control {
    width: 12%;
    background: #b7b7b7;
    color: #fff;
    opacity: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}

.phone-pnl2 .numbr-control {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
}

.offcanvasViewReques .offcanvas-body .viewRequest_content .suggestPrice {
    background: #f6f9fa;
    border: 1px solid #e0f7ff99;
    padding: 10px;
}

.offcanvasViewReques
    .offcanvas-body
    .viewRequest_content
    .suggestPrice
    table
    tr
    th {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #35494f;
}

.offcanvasViewReques
    .offcanvas-body
    .viewRequest_content
    .suggestPrice
    table
    tr
    td {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    color: #0e1c21;
    text-align: end;
}

.viewRequest_content h2 {
    background: #eaeef0;
    width: 100%;
    font-size: 25px !important;
    line-height: 44px !important;
    color: var(--primary-color);
    padding-bottom: 80px;
    text-align: center;
}

.viewRequest_content .img_Details {
    background: var(--secondry2-color);
    border: 1px solid #d0d0d0;
    padding: 20px;
    border-radius: 4px;
    margin: -70px 30px 30px;
}

.img_Details h3 {
    font-weight: 600;
    color: #0e1c21;
    margin-bottom: 0;
}

.img_Details span {
    font-weight: 600;
    color: #0e1c21;
    font-size: 16px;
    line-height: 26px;
    color: #0e1c21;
    font-weight: 500;
}

.img_Details p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #7f9ca6;
    margin-bottom: 0;
}

.viewRequest_content .preview_image {
    height: 300px;
    width: 100%;
    display: block;
}

.viewRequest_content .preview_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.buyer_request {
    background: #009216;
}

.buyer_request h4 {
    font-weight: 500 !important;
    color: var(--secondry2-color);
}

.buyer_request p {
    font-weight: 400 !important;
    color: var(--secondry2-color);
    font-size: 16px;
    line-height: 26px;
}

.buyer_request a {
    background: #eaeef0;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 10px;
    padding: 7px 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: var(--primary-color);
}

.viewRequest_content .button_group,
.button_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.viewRequest_content .button_group .customBtn6,
.button_group .customBtn6 {
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    background: var(--secondry2-color);
    padding: 10px 20px;
}

.viewRequest_content .button_group .customBtn2 {
    margin: 0;
}

.viewRequest_content ul li {
    display: flex;
    align-items: start;
    justify-content: start;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--primary-color);
}

.viewRequest_content ul li img {
    margin-top: 5px;
}

.address {
    border: 1px solid #d0d0d0;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.address ul li {
    margin: 5px 0;
    display: flex;
    align-items: start;
    color: var(--primary-color);
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.address ul li img {
    margin-top: 6px;
}

.border-bt {
    border-bottom: 2px solid #eaeef0 !important;
    margin: 10px 0;
    display: block;
}

.suggestPric_suggest p.billAdd {
    font-size: 19px;
    line-height: 29px;
    font-weight: 400;
    color: #0e1c21;
}

.suggestPric_suggest span.certify {
    color: #546d76;
    font-weight: 500;
    border-top: 2px solid #eaeef0;
    border-bottom: 2px solid #eaeef0;
    padding: 10px 0;
    display: block;
}

.suggestPric_suggest span.certify span {
    font-weight: 700;
    font-size: 16px;
}

.suggestPric_suggest .containSellerDetail {
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 10px;
}

.suggestPric_suggest .containSellerDetail p {
    font-size: 14px;
    margin-bottom: 0;
}

.buyerProtect span {
    display: block;
}

.suggestPric_suggest p.content {
    color: #35494f;
}

.suggestPric_suggest p.buyerProtect span {
    font-size: 12px;
    line-height: 22px;
    color: #0e1c21;
}

.order_progress {
    background: rgb(0 146 22 / 10%);
    padding: 20px;
    margin-top: 30px;
    border-radius: 4px;
}

.order_progress .order_progress_forward {
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    padding: 10px 10px;
    width: 100%;
    background: var(--secondry2-color);
    margin-top: 15px;
}

.order_progress .order_progress_forward span {
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    color: #35494f;
}

.order_progress .order_progress_forward p {
    color: #35494f;
    font-weight: 400;
}

.order_progress p.form-label {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
    margin-bottom: 0;
}

.teamContact {
    background: #eaeef0;
    padding: 20px;
    border-radius: 4px;
    margin-top: 30px;
}

.teamContact p {
    color: #546d76;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.teamContact ul li {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--primary-color);
}

.suggest_price_detail .buyer_request h4 {
    font-weight: 700 !important;
}

.suggest_price_detail .buyer_request p {
    font-weight: 600 !important;
}

.suggest_price_detail .buyer_request a {
    width: 25%;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.enquire {
    color: red !important;
}

.suggest {
    color: #ffd700 !important;
}

.seller_suggest {
    background: #f0fff1;
    color: green !important;
    padding: 5px;
}

.request {
    color: green !important;
}

/* watch collection end */

/* 16-07-25 end */

.headerComingSoon {
    text-align: center;
    background: var(--primary-color);
}

.comming p {
    font-size: 30px;
    margin-top: 40px;
}

/* 05-08-2025 */

.watchCollection_main .customBtn3 {
    width: fit-content;
}

.watchCollection .customWatchcollection {
    background: #e0e7e9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.watchCollection .customWatchcollection li {
    width: 50%;
}

.watchCollection .customWatchcollection li button {
    width: 100%;
    background: transparent;
    color: var(--primary-color) !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.watchCollection .customWatchcollection li button.active {
    position: relative;
    background: transparent;
    color: var(--secondry-color) !important;
}

.watchCollection .customWatchcollection li button.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    /* Adjust thickness of the border */
    width: 100%;
    background: linear-gradient(to right, #a8824f, #e2c07c);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* .customTabContent .tab-pane .customTab_Content {
    margin-top: 20px;
    padding: 10px;
} */

.my_watches {
    background: linear-gradient(5deg, #d9a647, #ffe69e, #ffe69e, #e2c07c);
    padding: 12px 18px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my_watches span {
    font-size: 12px;
    line-height: 22px;
    color: #35494f;
    font-weight: 500;
}

.my_watches h3 {
    color: var(--primary-color) !important;
    margin-bottom: 0;
}

.my_watches h5 {
    font-size: 20px !important;
    line-height: 30px !important;
    color: #35494f;
    font-weight: 500;
    margin-bottom: 0;
}

.profit_loss span {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #ea4335;
}

.profit_loss span span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--primary-color);
}

.watch_owned .dropdown-container .dropdown-toggle {
    border: none;
    border-radius: 22px;
    padding: 5px 10px;
}

.watch-body p.addMoreDetail {
    background: #f3f6f7;
    text-align: center;
    width: 100%;
    padding: 9px 0;
    border-radius: 20px;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: var(--primary-color) !important;
}

.editAddress,
.editShippingaddress {
    background: #e0f7ff99;
    color: var(--primary-color);
    position: absolute;
    top: 10px;
    right: 10px;
}

.watchCollction h4 {
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
    color: #0e1c21;
}

.watchCollction h1 {
    font-size: 36px !important;
    line-height: 46px !important;
    font-weight: 700 !important;
    color: var(--primary-color);
}

.delete {
    background: #fff1f1 !important;
    color: #ff5050 !important;
    border: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500 !important;
    padding: 4px 8px;
    border-radius: 5px;
}

.watch_detail_main .dialDetail {
    background: #fff;
    border: 1px solid #7f9ca6;
    color: #7f9ca6;
}

.infoDetail h4 {
    background: #e0e7e9;
    padding: 10px 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 20px;
    color: var(--primary-color);
    font-weight: 500 !important;
}

.watchRecieve p {
    font-size: 12px;
    line-height: 22px;
    color: #0e1c21;
}

.watchRecieve samp img {
    margin-right: 10px;
}

.time-remaining {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    /* border: 1px solid #E0E7E9; */
    border-radius: 8px;
    background: #ffe7e5;
    margin-top: 20px;
}

.suggest_price_address_content span {
    color: var(--primary-color);
    text-align: center;
    background: #ffe7e5;
    font-size: 20px;
    font-weight: 500;
}

.suggest_price_address_content .timeSet {
    color: #ea4335;
}

.paymentMethod-div {
    border: 1px solid #7f9ca6;
    padding: 10px;
    border-radius: 12px;
}

.concern {
    background: #eaeef0;
    border-radius: 12px;
    padding: 20px;
    margin-top: 24px;
}

.concern p {
    color: #546d76;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.concern ul {
    display: flex;
    margin-top: 30px;
    margin-bottom: 0;
}

.concern ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-right: 40px;
}

.recommend-content {
    position: relative;
}

.tagLine {
    position: absolute;
    top: 0px;
    right: -1px;
}

.tagLine .taglineHeading {
    padding: 10px;
    background: #eef9ff;
    color: #19afff;
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: var(--form-label-weight);
}

.tagLine .payNow {
    background: #fff2f2;
    color: #ff5050;
    display: block;
}

.tagLine .orderOnway {
    background: #fff8f0;
    color: #ff9114;
    display: block;
}

.tagLine .reviewDealer {
    background: #f0fff1;
    color: #439f4a;
    display: block;
}

.tagLine .reviewDealer_ifCancel {
    background: #fff2f2;
    color: #ff5050;
    display: block;
}

.starsRating span {
    font-size: 32px;
    line-height: 36px;
    color: #eaeef0;
}

.starsRating span.complete {
    color: #ffb400;
}

.order-status-container {
    display: flex;
    align-items: center;
    background: #009b2a;
    padding: 20px;
    color: white;
    border-radius: 5px;
    flex-wrap: wrap;
}

.order-info {
    margin-right: 40px;
}

.order-id {
    background: #e9ecef;
    padding: 8px 15px;
    border-radius: 8px;
    color: #002244;
    font-weight: bold;
    display: inline-block;
}

.order-progress {
    display: flex;
    align-items: center;
    flex: 1;
}

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

.icon {
    background: white;
    color: green;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.watch_collectionBest {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.step .icon img {
    width: 30px;
    height: 30px;
}

.step p {
    margin-top: 5px;
    font-size: 14px;
}

.line {
    flex: 1;
    height: 2px;
    background: white;
    margin: 0 10px;
}

.step.active .icon {
    background: white;
    color: green;
}

.step:not(.active) .icon {
    background: rgba(255, 255, 255, 0.4);
    color: rgba(0, 0, 0, 0.4);
}

.order_cancelled {
    background: #ff5050;
    display: flex;
    align-items: center;
    padding: 20px;
    color: white;
    border-radius: 5px;
    flex-wrap: wrap;
}

.order_cancelled .order-info p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 0;
}

.cancel_roder_container {
    text-align: center;
}

.cancel_roder_container span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 0;
    display: block;
}

/* 05-08-2025 end */

.sellAWatch .customBtn3 {
    max-width: 100% !important;
    width: 100% !important;
}

.status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin-top: 10px;
}

.status p.accepted {
    background: #f0fff1;
    color: #439f4a !important;
    margin: 0px;
}

.status_accepted {
    background: #f0fff1;
    padding: 10px;
}

.status_rejected {
    background: #fff1f1;
    padding: 10px;
}

.rejected {
    background: #fff1f1;
    color: #ff5050 !important;
    margin: 0px;
}

.payment a {
    border: 1px solid #fff;
    padding: 6px 5px;
    border-radius: 5px;
    margin-right: 7px;
}

.social a {
    color: var(--secondry-color) !important;
    font-size: 26px;
    padding-right: 12px;
}

.payment {
    display: flex;
    align-items: center;
}

.payment a {
    height: 40px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment .am_exp div {
    background: #006fca;
    width: 17px;
    display: flex;
    justify-content: end;
}

/* 20-08-25 */

.flag-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    right: 29px;
    bottom: 5px;
}

.flag-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.select-wrapper {
    position: relative;
}

.select-wrapper select {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    appearance: none;
    width: 100%;
    background: #fff;
}

.select-box select {
    background: #fff;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;

    /* remove arrow */
    appearance: none;
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    background: none;
}

.select-box {
    position: relative;
}

.update-btn {
    margin-top: 20px;
    width: 100%;
    background: #003f4f;
    color: #fff;
    padding: 12px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
}

.update-btn:hover {
    background: #026a80;
}

.select-wrapper span,
.select-box span {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.notificationContainer h6 {
    color: #35494f;
    font-weight: 700;
}

.notificationContainer p {
    font-size: 14px;
    line-height: 22px;
    color: #0e1c21;
}

.stripLine {
    border-top: 1px solid #7f9ca6;
    padding: 14px 0px;
    margin-top: 30px;
}

/* .inner-offcanvas .btn-close{
    display: none;
} */
.filter-case .form-select {
    font-size: 16px;
}

.rolexIndex {
    position: absolute;
    top: 50%;
    right: 10px;
    background: #f3f6f7;
    padding: 5px;
    transform: translate(0%, -50%);
    font-size: 1.25rem;
    line-height: 150%;
    font-weight: 500;
}

.rolexIndex span.up {
    color: #439f4a;
}

.rolexIndex span.down {
    color: #ff5050;
}

.search-pnl #searchBox {
    line-height: 35px;
    padding: 5px;
    font-size: 14px !important;
}

.mobileDropdownNav {
    display: none !important;
}

.notifiDropdownMenu.show {
    right: 0;
    transform: translate(0%, 10px);
    left: auto !important;
    width: 50%;
}

.notification_container {
    padding: 0 8px;
}

.notification_content {
    border: 1px solid var(--primary-color);
    padding: 9px;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px 0;
    width: 100%;
    height: fit-content;
}

.notification_content h6 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 14px !important;
}

.notification_content span {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    max-width: 17%;
    width: 100%;
    text-align: end;
}

.border_left {
    background-color: #f0f8ff;
    border-left: 4px solid #007bff;
}
.notifcation_container {
    min-width: 460px;
}
.notifcation_container .offcanvas-body {
    position: relative;
    padding: 0;
}
.notifcation_container .offcanvas-body .noNotification {
    position: absolute;
    top: 50%;
}

.notification_content p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 !important;
    font-weight: 400 !important;
    border-bottom: none;
    margin-bottom: 0 !important;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.new-title-1 h1 {
    font-size: 22px !important;
}

.watch_owned .dropdown-toggle {
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 220px;
}

.watch_owned .dropdown-toggle .arrow {
    margin-left: 10px;
}

.watch_owned .dropdown-menu {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 250px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 10px;
}

.dropdown-menu p {
    font-weight: bold;
    margin-bottom: 10px;
}

.dropdown-menu label {
    display: block;
    padding: 5px 6px;
    cursor: pointer;
}

.dropdown-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.clear-btn,
.apply-btn {
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.clear-btn {
    background: #eee;
}

.apply-btn {
    background: var(--primary-color);
    color: white;
}

/* Show when active */
.dropdown-container.active .dropdown-menu {
    display: block;
}

.w-5 {
    width: 20px;
}

/* 15-09-25 */
.info_container.watchCollection .customWatchcollection li {
    width: calc(100% / 4);
}
.infoContent {
    border: 1px solid var(--primary-color);
    padding: 10px;
    border-radius: 10px;
}
.infoContent p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
.faqinfoContent .accordion .accordion-item {
    border: none;
}
.faqinfoContent .accordion .accordion-item {
    margin: 10px 0;
}
.faqinfoContent .accordion .accordion-header .accordion-button {
    padding: 5px 10px;
    line-height: 34px;
    border: 1px solid var(--primary-color);
    box-shadow: none;
}
.faqinfoContent .accordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

/* 19-09-25 */

.customTab_Content {
    /* border: 1px solid #D0D0D0; */
    border-radius: 8px;
    /* padding: 15px; */
    margin-top: 15px;
}

.customTab_Content table tr th,
.account_detail table tr th {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #7f9ca6;
    width: 100%;
    display: flex;
    align-items: start;
}
.customTab_Content table tr td,
.account_detail table tr td {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #0e1c21;
    text-align: end;
    width: 54%;
}
.tabNotification .customBtn3 {
    width: 200px;
}
.user_Profile {
    display: flex;
    align-items: center;
    justify-content: start;
}
.user_profile_img {
    background: #fff;
    /* padding: 5px; */
    border-radius: 10px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ccc;
}
.user_profile_content {
    margin-left: 10px;
}
.account_info p {
    color: #7f9ca6;
}
.account_edit {
    margin: 10px 0;
}
.account_edit p {
    margin-bottom: 0;
}
.account_edit span {
    background: #e0f7ff99;
    padding: 5px;
}
.update_email h3 {
    font-weight: 500 !important;
    color: var(--primary-color);
}
.account_detail {
    background: #003a4e0f;
    padding: 15px;
    border-radius: 10px;
}
.account_edit p {
    margin-bottom: 0;
}
.account_edit span {
    background: #e0f7ff99;
    padding: 5px;
    color: var(--primary-color);
}
.update_email h3 {
    font-weight: 500 !important;
    color: var(--primary-color);
}
.account_detail {
    background: #003a4e0f;
    padding: 15px;
    border-radius: 10px;
}

/* 19-09-25 end */

/* 23-09-25 */

.dealer_contenar {
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 15px;
}
.dealer_header_content label {
    font-size: var(--form-label-font);
    line-height: var(--form-label-height);
    font-weight: 600;
    margin-bottom: 0;
}
.dealer_header_content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}
.dealer_header_img {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    overflow: hidden;
}
.dealer_header_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dealer_contenar .collapsed img.arrow {
    transform: rotate(-180deg);
    transition: 0.3s;
}
.dealer_content .dealer_content_div span {
    font-size: 12px;
    line-height: 18px;
    color: #546d76;
    font-weight: 500;
    background: #e5f8ff;
    padding: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 10px;
}
.dealer_content p {
    font-size: 14px;
    line-height: 20px;
    color: #7f9ca6;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
    letter-spacing: 1.2px;
}
.review_dealer-response .user_dealer {
    font-weight: 600;
    color: var(--primary-color);
}
.review_dealer-response p {
    color: var(--primary-color);
    font-weight: 400;
    margin-bottom: 5px;
}
.review_dealer-response .user_review_response {
    color: var(--secondry-color);
    font-weight: 600;
}
.review_dealer-response {
    margin-top: 10px;
}
.review_filter_div {
    margin-top: 40px;
    margin-bottom: 10px;
}
.review_filter a,
.rating_n_review .watchCollectionbtn {
    background-color: #e0e7e9;
    color: #003a4e;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: 20px;
}
.rating_n_review .watchCollectionbtn {
    border: none;
}
.review_filter a.active {
    background: var(--primary-color);
    color: #fff;
    font-weight: 500;
}

/* 23-09-25 end */

.readNOtificate {
    border-left: none;
    border: 1px solid var(--primary-color);
    background: #fff;
}

.chat-container {
    height: 100vh;
    overflow: hidden;
}

.sidebar-chat {
    border-right: 1px solid #ddd;
    background: #f8f8f8;
    height: 100%;
    overflow-y: auto;
}

.user-chat {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.user-chat img.user-chat-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.user-chat:hover {
    background: #e9ecef;
}

.chat-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-body {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    background: #fff;
}

.chat-footer {
    display: flex;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #f1f1f1;
}

.chat-footer input {
    flex: 1;
    margin-right: 10px;
}

.hide {
    display: none !important;
}

.back-btn {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
.back {
    cursor: pointer;
    display: none;
}
.footersellAwatchLink .sell_watch_content::after {
    display: none;
}
.footersellAwatchLink .sell_watch_content h3 {
    font-size: 18px !important;
    line-height: 22px !important;
}
.offcanvas-end {
    max-width: 500px !important;
    width: 100% !important;
}
.viewRequest_content .viewReques_header {
    background: #eaeef0;
    padding: 10px 20px !important;
}
.viewRequest_content .viewReques_header h2 {
    background: transparent;
}

.contact_us p.content {
    border: 1px solid var(--primary-color);
    padding: 16px;
    border-radius: 12px;
}
.support_content {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.callus {
    display: flex;
    align-items: center;
    padding: 15px;
}
.callus span {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.callus span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.callus_ {
    border-bottom: 1px solid #e2e2e2;
}
.callus h6,
.callus p {
    color: #35494f99;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    margin-bottom: 0;
}
.callus p {
    font-weight: 600 !important;
    color: #0e1c21;
}

.savedSearch_content {
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.savedSearch_content h5 {
    font-weight: 700 !important;
    color: var(--primary-color);
    margin-bottom: 0;
}
.savedSearch_content h6 {
    font-weight: 600 !important;
    color: #0e1c21;
    margin-bottom: 0;
}
.savedSearch_content a {
    color: var(--secondry-color);
}

.profile-icon {
    color: #e2c07c;
    font-size: 18px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .watch_collection_img {
        width: 100%;
        height: 220px;
        max-width: none;
    }
    .back {
        display: block;
    }

    .watch_collection_descrip {
        width: 100%;
        margin-left: 0px;
    }

    .recommend-content span.country {
        justify-content: end;
    }

    .recommend-content p span {
        font-size: 11px;
    }

    /* .privateSeller img {
        width: 17px;
    } */
    .info-circle {
        font-size: 11px;
        line-height: 11px;
        transform: translateY(-50%);
        font-weight: 600;
    }

    .info_circle > div:after {
        top: 5px;
    }

    .dots-box {
        height: 10px;
        width: 10px;
        background: #d5e1e5;
        margin: auto;
        border-radius: 50px;
        outline: 6px solid #7f9ca6;
        margin-bottom: 24px;
    }

    .offcanvas.offcanvas-end {
        padding: 10px;
    }

    #own-watch-container .customBtn3 {
        line-height: normal;
    }

    .mob-profile .listWacthDetail .listingStatus,
    .listWacthDetail .listingStatus-reject {
        position: absolute;
        top: 0;
        right: 0;
        padding: 2px 20px !important;
        width: 100%;
        font-size: 12px !important;
    }

    .tagLine {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
    }

    .mob-profile .listWacthDetail,
    .contentOverview {
        /* display: flex;
        align-items: center;
        justify-content: start; */
        border: 1px solid #d0d0d0;
        border-radius: 10px;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
        padding: 45px 0px 10px;
    }

    .topModelscontent .modal-Content {
        width: 100%;
        padding: 5px 8px 0;
        display: flex;
    }

    .topModelscontent .modal-Content span {
        margin-right: 5px;
    }

    /* .listWacthDetail-img a, .productGridview .contentOverview a.contentOverview-img {
        width: 120px !important;
        height: 140px !important;
    } */
}

@media (max-width: 441px) {
    .listWacthDetail-img a,
    .productGridview .contentOverview a.contentOverview-img {
        height: 140px !important;
        padding: 7px;
    }

    .listWacthDetail .listWacthDetail span.h4 {
        font-size: 14px !important;
    }

    .watch-panel .p-4 {
        padding: 10px !important;
    }

    .productGridview .recommend-content p.amount {
        font-size: 14px;
        color: var(--primary-color);
        font-weight: 700;
        text-align: start;
    }

    .h6-title {
        margin-bottom: 0px;
        font-size: 15px !important;
    }

    .productGridview .contentOverview {
        padding-bottom: 0px;
    }

    .delete {
        font-size: 13px;
        line-height: 15px;
    }

    .headingPanel a.edit {
        padding: 4px 6px;
        border-radius: 5px;
        font-size: 13px;
        line-height: 15px;
        line-height: 22px;
        margin-right: 10px;
        font-weight: 500;
    }

    .payment a {
        margin: 0px 6px 0px 1px !important;
    }
}