/* webfonts */

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-ExtraBold.woff2") format("woff2"),
        url("../../fonts/Outfit-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-Light.woff2") format("woff2"),
        url("../../fonts/Outfit-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-ExtraLight.woff2") format("woff2"),
        url("../../fonts/Outfit-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-Black.woff2") format("woff2"),
        url("../../fonts/Outfit-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-Bold.woff2") format("woff2"),
        url("../../fonts/Outfit-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-Medium.woff2") format("woff2"),
        url("../../fonts/Outfit-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-SemiBold.woff2") format("woff2"),
        url("../../fonts/Outfit-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "outfit-regular";
    src: url("../../fonts/Outfit-Regular.ttf") format("woff2"),
        url("../../fonts/Outfit-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("../../fonts/Outfit-Thin.woff2") format("woff2"),
        url("../../fonts/Outfit-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* webfonts end */

:root {
    --primary-color: #3a3a3a;
    --secondary-color: #f1f2f3;
    --border-color: #dee0e3;
    --text-color: #1b1b1b;
}

html {
    margin: 0;
}

body {
    font-family: "outfit-regular";
    font-weight: 400;
    color: #1b1b1b;
}

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

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(255, 255, 255);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(34, 35, 36, 0.925);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 35, 36, 0.925);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    white-space: normal;
    word-break: break-word;
    color: #1b1b1b;
    font-family: "outfit-regular";
    font-weight: 700;
    line-height: 1.1;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 45px;
}

h3,
.h3 {
    font-size: 38px;
}

h4,
.h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

button,
input,
optgroup,
select,
textarea {
    font-family: "outfit-regular";
    font-weight: 500;
}

a,
p,
button,
span {
    white-space: normal;
    word-break: break-word;
}

a {
    text-decoration: none;
    display: inline-block;
    color: #1b1b1b;
}

a:hover {
    color: var(--primary-color);
}

a:focus-visible {
    outline: transparent;
}

.page-link:focus {
    box-shadow: none;
}

.file > input[type="file"] {
    display: none;
}

p {
    font-size: 16px;
    margin: 0;
    color: #1b1b1b;
}

.undertext {
    text-decoration: underline;
    font-size: 14px;
}

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

button {
    transition: all 0.5s;
}

button:focus {
    box-shadow: none !important;
    outline: transparent;
}

.form-control:focus,
input {
    outline: 0;
    box-shadow: none !important;
    border-color: var(--primary-color);
    color: #000000;
}

.form-field {
    width: 100%;
    position: relative;
}

.formfield {
    position: relative;
    width: 100%;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 6px;
    /* text-transform: uppercase; */
}

input[type="checkbox"] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 0;
    border: 1px solid #3a3a3a;
    accent-color: #3a3a3a;
}

.form-group {
    margin-bottom: 15px;
}

.form-icon {
    position: absolute;
    right: 18px;
    top: 23px;
    display: flex;
    align-items: center;
}

.formfield.select .form-icon {
    top: 23px;
}

.form-field:has(.form-icon) input {
    padding-right: 50px;
}

.button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    transition: all 0.3s;
    font-size: 14px;
    padding: 11px 16px;
    min-height: 48px;
    text-align: center;
    font-weight: 600;
    line-height: 17px;
    min-width: 90px;
    text-transform: capitalize;
    border-radius: 5px;
    cursor: pointer;
}

button {
    padding: 16px 26px;
    width: fit-content;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    color: var(--primary-color);
}

.outline-btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color) !important;
    background-color: #fff;
}

.primary-btn {
    color: #fff;
    background-color: var(--primary-color);
    border: transparent;
}

.primary-btn:hover {
    color: #fff;
}

.full-btn {
    width: 100%;
    min-width: auto;
}

.form-control::placeholder {
    color: var(--text-color);
}

.form-control {
    min-height: 60px;
    border: 1px solid;
    border-color: var(--border-color);
    border-radius: 0;
    padding: 12px 24px;
    padding-right: 10%;
    font-family: var(--font);
    color: var(--text-color);
    font-size: 14px;
    border-radius: 5px;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1620px;
    padding: 0 20px;
    margin: 0 auto;
}

footer {
    background-color: var(--primary-color);
    padding: 30px 0px;
}

footer {
    background-color: var(--primary-color);
    position: relative;
    z-index: 10;
}
.copyright.footer-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.copyright-links ul {
    display: flex;
    gap: 40px;
    align-items: center;
}

.copyright-links ul li a {
    color: #fff;
    font-size: 14px;
}

.cust-nav-header-sec {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

a.navbar-brand {
    padding: 0;
}

/* ========================== login css ========================== */

.cust-form-bg {
    padding: 80px 0px;
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-setup {
    max-width: 520px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid;
    border-color: var(--border-color);
    padding: 40px 54px;
    border-radius: 8px;
    width: 100%;
    filter: drop-shadow(0px 4px 79px rgba(0, 0, 0, 0.05));
}

.form-setup h4 {
    text-align: center;
    margin: 0 0 25px;
}

.forgot-password-sec {
    text-align: right;
    padding-top: 10px;
}

.have-account {
    margin-top: 30px;
    border-top: 1px solid hsl(224deg 17% 17% / 20%);
    border-top-style: dashed;
    padding-top: 24px;
    text-align: center;
    color: #606060;
    font-size: 14px;
}

.have-account a {
    color: var(--text-color);
    padding-left: 3px;
    font-size: 16px;
    font-family: var(--font-medium);
    text-decoration: underline;
}

.form-check.remember-me {
    align-items: center;
    display: flex;
    gap: 10px;
    margin: 0 0 25px;
}

.form-check .form-check-input {
    /* background-color: var(--primary-color); */
    border-color: var(--primary-color);
    accent-color: var(--primary-color);
}

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

.form-check.remember-me label {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
}

.bottom-nav {
    background-color: var(--primary-color) !important;
}

.search-pro-header {
    max-width: 425px;
    border-radius: 5px;
    overflow: hidden;
}

.search-pro-header ul {
    display: flex;
    align-items: center;
    border: 1px solid var(--mid-gray, #dee0e3);
    background: var(--wh, #fff);
    padding: 7px 8px;
    gap: 2px;
}

.search-pro-header ul li:first-child {
    border-right: 1px solid #dee0e3;
}

.search-pro-header ul li input {
    border: none;
    padding: 2px 5px 2px 5px;
    width: 100%;
    font-size: 11px;
    font-family: "outfit-regular";
}
.search-pro-header button.primary-btn {
    min-height: 29px;
    gap: 10px;
    font-size: 12px;
    padding: 6px 9px;
    white-space: nowrap;
}

.bottom-nav .navbar-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.bottom-nav .navbar-nav li a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.bottom-nav #navbarSupportedContent {
    gap: 50px;
}

.header-cart > ul {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header-cart > ul li .dropdown .dropdown-toggle {
    color: #000;
}

.header-cart ul li .dropdown .dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copyright.footer-section > p {
    font-size: 14px;
    color: #fff;
}

.header-cart ul li .dropdown .dropdown-toggle::after {
    display: none;
}

.offcanvas {
    padding: 30px 46px;
    max-width: 558px;
    width: 100%;
}

.offcanvas-header {
    padding: 15px 15px;
    /* padding-bottom: 20px; */
    border-bottom: 1px solid #dee0e3;
}

.offcanvas-body {
    padding: 0;
}

.bottom-nav .navbar-nav .dropdown {
    position: static;
}
.bottom-nav .navbar-nav .dropdown.cstm-dropdown {
    position: relative;
}
.bottom-nav {
    position: relative;
    min-height: 70px;
}

.bottom-nav .navbar-nav .dropdown .dropdown-toggle {
    color: #fff;
}

.bottom-nav .navbar-nav .dropdown .dropdown-toggle::after {
    display: none;
}

.cstm-dropdown .dropdown-toggle {
    padding: 9px 14px !important;
}
.cstm-dropdown .dropdown-toggle:hover {
    background: #3a3a3a;
    color: #fff !important;
    text-decoration: unset;
}
.bottom-nav .navbar-nav .dropdown-menu {
    position: absolute;
    top: 67px;
    max-width: 1071px;
    width: 100%;
    left: calc(50% - 535px);
    padding: 20px;
    border-radius: 10px;
}
.bottom-nav .navbar-nav .cstm-dropdown .dropdown-menu {
    top: unset;
    max-width: unset;
    left: unset;
    right: 0;
    padding: 12px 0px;
}
.sub-categeory-links a {
    color: #606060 !important;
    font-size: 14px !important;
}

.sub-categeory-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    padding: 25px;
}
.cstm-dropdown .sub-categeory-links {
    display: flex;
    padding: 0;
    flex-direction: column;
}
.sub-categeory-links a:hover {
    color: #1b1b1b !important;
    text-decoration: underline;
}

.sub-categeory-img {
    padding: 9px;
    border-radius: 5px;
    border: 1px solid #f1f2f3;
    max-height: 207px;
    max-width: 502px;
    width: 100%;
    overflow: hidden;
}

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

.form-group.form-uplaud-group label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
    border: 1px dashed #dee0e3;
    border-radius: 5px;
    cursor: pointer;
}

.uplaud-id-proof {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fill-hight {
    height: calc(100vh - 232px);
    overflow: auto;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: unset !important;
}

.invalid-feedback {
    color: #dc3545 !important;
}

.extra-icon {
    color: #dee0e3;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 405px;
}

li#iti-0__item-us-preferred {
    width: 402px;
}

.toggle-btn input[type="checkbox"] {
    height: 0;
    width: 0;
    display: none;
}

.toggle-btn label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 23px;
    background: grey;
    display: block;
    border-radius: 5px;
    position: relative;
}

.toggle-btn label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 5px;
    transition: 0.3s;
}

.toggle-btn input:checked + label {
    background: #3a3a3a;
}

.toggle-btn input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.verify-no {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.verify-no {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
}

.verify-no .form-control {
    padding: 12px 16px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}

.modal-header {
    border-bottom: 0;
}

.modal-content {
    border-radius: 10px;
}

.recove-account .nav .nav-item .nav-link {
    background-color: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    width: 100%;
    min-height: unset;
}

.recove-account .nav .nav-item {
    width: 100%;
}

.recove-account .nav {
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0 0 10px;
}

.recove-account .nav .nav-item .nav-link.active {
    background-color: var(--primary-color);
}

.recove-account .nav .nav-item .nav-link.active p {
    color: #fff !important;
}

.nofify-profile {
    width: 47px;
    min-width: 47px;
    height: 47px;
    overflow: hidden;
    border-radius: 50px;
}

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

.nofify-list-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0px 22px;
    border-bottom: 1px solid var(--border-color);
}

.notify-message h3 {
    font-size: 16px;
    font-weight: 500;
    color: #3d3d3d;
    line-height: 27px;
}

.notify-message span {
    font-size: 12px;
    font-weight: 400;
    color: #aaaaaa;
    line-height: 20px;
}

.notifuy-msg-box {
    padding: 17px 15px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    margin: 5px 0 12px;
}

.notifuy-msg-box p {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
}

.nofify-list {
    padding-right: 10px;
}

table {
    width: 100%;
}

.complete-mail-box img {
    max-width: 150px;
}

.complete-mail-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.resend-otp {
    padding: 15px 0px;
    display: flex;
    justify-content: flex-end;
    text-decoration: underline;
}

.error-messages {
    color: #dc3545 !important;
}

.my-pro-detail.notification-user-pro {
    display: flex;
    flex-direction: column;
}

.my-pro-detail-left {
    width: 100%;
}

.full-hight-sm {
    height: calc(100vh - 163px);
    overflow: auto;
}

.img-upload-box {
    width: 100%;
    padding: 40px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 2px dashed var(--border-color);
    flex-direction: column;
    gap: 10px;
}

.upload-img-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    width: 100%;
}

.upload-img-box {
    max-width: 100px;
    width: 100%;
    height: 125px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

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

.upload-img-preview-box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.upload-img-previeww {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.upload-img-cross {
    position: absolute;
    top: 1px;
    right: 5px;
    cursor: pointer;
}

label#upload-image-five-error {
    position: absolute;
    bottom: -25px;
}

.form-setup form button {
    font-size: 16px;
    padding: 20px 16px;
    line-height: 18px;
    font-weight: 500;
    max-height: 60px;
}

.remember-me label {
    cursor: pointer;
    margin-top: 4px;
}

#upload-image-five-error {
    color: #dc3545 !important;
}

.image-wrapper {
    position: relative;
    max-width: 100px;
    height: 125px;
    overflow: hidden;
    border-radius: 10px;
}

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

span.remove-image {
    position: absolute;
    top: 2px;
    right: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background-color: #000;
    padding: 5px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 1px solid #fff;
}

.add-pro-form .form-group textarea.form-control {
    max-height: 60px;
    resize: none;
    padding: 18px 24px;
}

.my-wishlist-sec {
    padding: 40px 0px;
}

.list-empty-box {
    max-width: 500px;
    margin: 15px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.list-empty-box img {
    max-width: 300px;
    text-align: center;
    width: 100%;
}

.duel-select-field .form-icon {
    top: 15px !important;
}

.add-pro-form .formfield .form-icon {
    right: 18px;
    top: 25px;
}

span.cal-icon.form-icon {
    top: 20px !important;
}

/* .overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgb(23 23 23 / 78%) url(../images/loader.gif) center no-repeat;
    background-size: 50px;
}

body.loading .overlay {
    display: block;
} */

.formfield.upload-id-field input {
    padding: 18px 24px;
}

.error {
    color: #c73a3a !important;
}

/* .formfield.form-control {
    border: 0;
    padding-left: 0;
} */

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--primary-color) !important;
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.in-range {
    background-color: #3a3a3a21;
}

.daterangepicker .drp-buttons button.applyBtn.btn.btn-sm.btn-primary {
    background-color: #3a3a3a;
    border: 0;
    min-height: 40px;
}

.alert-container .alert {
    display: flex;
    gap: 20px;
    position: relative;
}

.alert-container .alert .alert-cross {
    position: absolute;
    top: 13px;
    right: 13px;
}

.alert-container .alert .alert-cross.close svg {
    width: 15px;
    height: 15px;
}

.addbank-Modal .modal-body {
    position: relative;
}

.addbank-Modal .modal-body .btn-close {
    position: absolute;
    opacity: 1;
    top: 10px;
    right: 10px;
    min-height: unset;
}

.profile-check-list {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.addbank-Modal .modal-body h3 {
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
}

.profile-select-box.border-disabled {
    width: 100%;
}

.addbank-Modal .modal-body form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.offcanvas-header button {
    min-height: 22px;
}

.offcanvas-header h5 {
    font-size: 24px;
    line-height: 10px;
    /* padding: 20px 20px; */
}

.inquiry-sidebar .pro-desc-prize-wrapper .pro-desc-prize h3 {
    font-size: 18px;
}

.inquiry-sidebar .pro-desc-prize-wrapper .badge {
    font-size: 10px;
}

.inquiry-sidebar .pro-desc-prize-wrapper {
    display: flex;
    gap: 5px;
}

.query_msg .modal-body {
    padding: 40px 20px;
    display: flex;
    width: 100%;
    align-items: center;
    align-content: center;
    height: 100%;
}

.query_msg .modal-body .alert {
    margin: 0;
    width: 100%;
}

.query_msg .modal-body button.close {
    padding: 0;
    min-height: unset !important;
    border: 0;
    background-color: unset;
    font-size: 36px;
    position: absolute;
    top: 0;
    right: 19px;
    height: 36px;
}

.otp-form > h3 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin: 0 0 20px;
}

.custm-otp-field button {
    padding: 20px 6px !important;
}

.formfield.custm-otp-field {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 10px;
}

/* ============================ Chat CSS ================================= */

.chat-sec {
    padding: 43px 0px;
}

.chat-wrapper > h2 {
    font-size: 28px;
    text-align: center;
    margin: 0 0 33px;
    line-height: 36px;
}

.chat-outer {
    max-width: 1450px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    display: flex;
    overflow: hidden;
}

.chat-list-bar {
    max-width: 441px;
    width: 100%;
    background-color: #f1f2f3;
    padding: 25px;
}

.chat-profile-img {
    width: 46px;
    height: 46px;
    /* overflow: hidden; */
    border-radius: 50px;
}

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

.chat-profile-img-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.chat-list-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: all 0.3s ease;
}

.chat-list-profile:hover {
    border: 1px solid #3a3a3a;
    border-radius: 5px;
    background-color: #fff;
}

.chat-profile-img-box p {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
}

.chat-list-profile span {
    font-size: 14px;
    line-height: 23px;
    color: #606060;
}

.chat-msg-box {
    width: 100%;
    padding: 5;
}

.chat-list-box ul {
    height: calc(100vh - 544px);
    overflow-y: auto;
}

img.chat-pro-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    min-width: 50px;
}

.chat-product-profile {
    display: flex;
    gap: 15px;
}

.chat-product-info .pro-desc-prize h3 {
    font-size: 14px;
}

.chat-product-info .pro-desc-prize .badge {
    padding: 3px 10px;
}

.chat-product-box .dropdown .dropdown-toggle::after {
    display: none;
}

.chat-screen-left-wrapper,
.chat-screen-right-wrapper {
    display: flex;
    gap: 15px;
    margin: 0 0 15px;
}

.chat-screen-right-wrapper {
    display: flex;
    justify-content: flex-end;
}

.chat-screen-img {
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 50px;
    min-width: 46px;
}

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

.chat-screen-name-time {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 10px;
}

.chat-screen-name-time p {
    font-size: 14px;
    font-weight: 400;
}

.chat-screen-name-time span {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
}

.chat-txt-box {
    background-color: #f1f2f3;
    padding: 16px 50px 16px 20px;
    margin: 0 0 13px;
}

.chat-screen-left-wrapper .chat-txt-box {
    border-radius: 0px 10px 10px 10px;
}

.chat-img-box {
    width: 164px;
    height: 164px;
    overflow: hidden;
    border-radius: 5px;
}

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

.chat-screen > p {
    text-align: center;
    margin: 0 0 15px;
}

.chat-screen-right-wrapper .chat-screenmsg-wrapper {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}

.chat-screen-right-wrapper .chat-txt-box {
    border-radius: 10px 0px 10px 10px;
}

.chat-text-area-field {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dee0e3;
    position: relative;
    max-height: 60px;
}

.chat-text-area-field textarea {
    width: 100%;
    border: 0;
    resize: unset;
    height: 36px;
    padding-right: 80px;
}

.upload-img-chat {
    position: absolute;
    top: 15px;
    right: 65px;
    cursor: pointer;
}

.btn.primary-btn.send-msg-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    height: 36px;
}

.chat-screen-area {
    height: calc(100vh - 550px);
    overflow: auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column-reverse;
}

#chatForm {
    padding: 0 15px;
}

.chat-msg-box .chat-text-area-field textarea:focus-visible {
    outline: none;
    border: 0;
}

.chat-msg-box .chat-text-area-field textarea:focus-visible {
    outline: none;
    border: 0;
}

.chat-list-box {
    max-width: 441px;
    width: 100%;
    background-color: #f1f2f3;
    padding: 25px;
}

.activecht {
    border: 1px solid #3a3a3a;
    border-radius: 5px;
    background-color: #fff;
}

/* ============================ Chat CSS ================================= */
.product_manual_location {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_manual_location .form-switch .form-check-input {
    width: 2.5em;
    height: 20px;
    margin-right: 5px;
}

.rating_pop_head {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.custom-tab .custom-tab-list {
    border-bottom: 1px solid #c0c0c0;
    display: flex;
    grid-gap: 13px;
}

.custom-tab .custom-tab-list li {
    position: relative;
    padding: 10px;
    padding-left: 15px;
}

.custom-tab .custom-tab-list li a {
    color: #606060;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

/* ============================ Chat CSS ================================= */

.chat-sec {
    padding: 43px 0px;
}

.chat-wrapper > h2 {
    font-size: 28px;
    text-align: center;
    margin: 0 0 33px;
    line-height: 36px;
}

.chat-outer {
    max-width: 1450px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    display: flex;
    overflow: hidden;
}

.chat-list-bar {
    max-width: 441px;
    width: 100%;
    background-color: #f1f2f3;
    padding: 25px;
}

.chat-profile-img {
    width: 46px;
    height: 46px;
    /* overflow: hidden; */
    border-radius: 50px;
}

.chat-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.chat-profile-img-box {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    width: 100%;
}

.chat-profile-left {
    display: flex;
    gap: 10px;
    align-items: center;
}

.chat-profile-img-box > p {
    background-color: #3a3a3a;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.chat-list-profile,
.chat-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: all 0.3s ease;
}

.chat-list-profile:hover,
.chat-list:hover {
    border: 1px solid #3a3a3a;
    border-radius: 5px;
    background-color: #fff;
}

.chat-profile-img-box p {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
}

.chat-list-profile span,
.chat-list span {
    font-size: 14px;
    line-height: 23px;
    color: #606060;
}

.chat-list-box ul {
    height: calc(100vh - 544px);
    overflow-y: auto;
}

.chat-product-box {
    padding: 14px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 80px;
    margin: 0 0 16px;
    border-bottom: 1px solid var(--border-color);
    gap: 10px;
}

.chat-product-profile {
    display: flex;
    gap: 15px;
    align-items: center;
}

.chat-product-info .pro-desc-prize h3 {
    font-size: 14px;
}

.chat-product-info .pro-desc-prize .badge {
    padding: 3px 10px;
}

.chat-product-box .dropdown .dropdown-toggle::after {
    display: none;
}

.chat-screen-left-wrapper,
.chat-screen-right-wrapper {
    display: flex;
    gap: 15px;
    margin: 0 0 15px;
}

.chat-screen-right-wrapper {
    display: flex;
    justify-content: flex-end;
}

.chat-screen-img {
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 50px;
    min-width: 46px;
}

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

.chat-screen-name-time {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 10px;
}

.chat-screen-name-time p {
    font-size: 14px;
    font-weight: 400;
}

.chat-screen-name-time span {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
}

.chat-txt-box {
    background-color: #f1f2f3;
    padding: 16px 50px 16px 20px;
    margin: 0 0 13px;
}

.chat-screen-left-wrapper .chat-txt-box {
    border-radius: 0px 10px 10px 10px;
}

.chat-img-box {
    width: 164px;
    height: 164px;
    overflow: hidden;
    border-radius: 5px;
}

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

.chat-screen > p {
    text-align: center;
    margin: 0 0 15px;
}

.chat-screen-right-wrapper .chat-screenmsg-wrapper {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}

.chat-screen-right-wrapper .chat-txt-box {
    border-radius: 10px 0px 10px 10px;
}

.chat-text-area-field {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dee0e3;
    position: relative;
    max-height: 53px;
}

.chat-text-area-field textarea {
    width: 100%;
    border: 0;
    resize: unset;
    height: 36px;
    padding-right: 80px;
}

.upload-img-chat {
    position: absolute;
    top: 15px;
    right: 65px;
    cursor: pointer;
}

.btn.primary-btn.send-msg-btn {
    position: absolute;
    top: 7px;
    right: 8px;
    height: 36px;
    min-height: 36px;
}

.chat-list-box > p {
    margin-bottom: 10px;
}

.chat-msg-box .chat-text-area-field textarea:focus-visible {
    outline: none;
    border: 0;
}

.chat-msg-box .chat-text-area-field textarea:focus-visible {
    outline: none;
    border: 0;
}

.chat-list-box {
    max-width: 441px;
    width: 100%;
    background-color: #f1f2f3;
    padding: 25px;
}

.activecht {
    border: 1px solid #3a3a3a;
    border-radius: 5px;
    background-color: #fff;
}

/* ============================ Chat CSS ================================= */

.product_manual_location .form-switch .form-check-input {
    width: 2.5em;
    height: 20px;
    margin-right: 5px;
}

.rating_pop_head {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.custom-tab .custom-tab-list {
    border-bottom: 1px solid #c0c0c0;
    display: flex;
    grid-gap: 13px;
}

.custom-tab .custom-tab-list li {
    position: relative;
    padding: 10px;
    padding-left: 15px;
}

.custom-tab .custom-tab-list li a {
    color: #606060;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.custom-tab .custom-tab-list li.active a {
    color: #1b1b1b;
}

.custom-tab .custom-tab-list li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #1b1b1b;
    left: 0;
    top: 20px;
    border-radius: 50px;
}

.custom-tab .custom-tab-list li.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1b1b1b;
    bottom: 0;
    left: 0;
}

/* ============================ Payment CSS ================================= */
.payment-page-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.payment-heading-box {
    margin-bottom: 25px;
}

.payment-sec-tabs {
    display: inline-flex;
    gap: 15px;
    margin-bottom: 20px;
}

.payment-tab-box {
    padding: 8px 17px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 8px;
}

.payment-tab-box label {
    cursor: pointer;
}

.payment-tab-box:has(input:checked) {
    color: #fff;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.payment-tab-box input {
    display: none;
}

.payment-field {
    min-height: 60px;
    border: 1px solid;
    border-color: var(--border-color);
    padding: 8px 24px;
    padding-right: 10%;
    font-family: var(--font);
    color: var(--text-color);
    font-size: 14px;
    border-radius: 5px;
}

.order-summary.cstm-card {
    padding: 40px;
    border: 1px solid #dee0e3;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 8px;
}

.payment-heading-box h3 {
    margin-bottom: 5px;
}

.min-height-100 {
    min-height: calc(100vh - 232px);
}

.product-slider-sec-min-height {
    padding: 75px 0px;
    min-height: calc(100vh - 476px);
}

/* .filter-categories {
    overflow: auto;
} */

/* slider css  */
.gfg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    color: #bae8e8;
}

.custom-wrapper {
    margin: 0;
    width: 100%;
    padding: 0px 0px 40px;
    position: relative;
    left: 0px;
}

.header h2 {
    font-size: 30px;
    color: #01940b;
    display: flex;
    justify-content: center;
    padding: 20px;
}


/* range slider */
.price-input-container {
    width: 100%;
}

.price-input .price-field {
    display: flex;
    margin-bottom: 22px;
}

.price-field span {
    margin-right: 10px;
    margin-top: 6px;
    font-size: 17px;
}

.price-field input {
    flex: 1;
    height: 35px;
    font-size: 15px;
    font-family: "DM Sans", sans-serif;
    border-radius: 9px;
    text-align: center;
    border: 0px;
    background: #fff;
    max-width: 60px;
}

.price-input {
    width: 100%;
    font-size: 19px;
    color: #555;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider-container {
    width: 100%;
    height: 6px;
    position: relative;
    background: #e4e4e4;
    border-radius: 5px;
    overflow: hidden;
}

.slider-container .price-slider {
    height: 100%;
    position: absolute;
    border-radius: 5px;
    background: #bae8e8;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none; /* For Chrome */
    -moz-appearance: none;    /* For Firefox */
    appearance: none;
}

/* Styles for the range thumb in WebKit and Firefox */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none; /* For Chrome */
}

input[type="range"]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    appearance: none; /* For Firefox */
}

.price-field.right {
    position: absolute;
    right: 0;
    top: 20px;
    left: auto;
    justify-content: end;
}

.price-field.left {
    position: absolute;
    left: 0;
    top: 20px;
}

/* range slider end */


@media screen and (max-width: 768px) {
    /* .main {
        width: 80%;
        margin-right: 5px;
    } */

    .custom-wrapper {
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .projtitle {
        width: 100%;
        position: relative;
        right: 26px;
    }

    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }
}

.filter-categories {
    overflow: auto;
}

*/

/* slider css  */
.gfg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    color: #bae8e8;
}

.custom-wrapper {
    margin: 0;
    width: 100%;
    padding: 0px 0px 40px;
    position: relative;
    left: 0px;
}

.header h2 {
    font-size: 30px;
    color: #01940b;
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Styles for the price input container */
.price-input-container {
    width: 100%;
}

.price-input .price-field {
    display: flex;
    margin-bottom: 22px;
}

.price-field span {
    margin-right: 10px;
    margin-top: 6px;
    font-size: 17px;
}

.price-field input {
    flex: 1;
    height: 35px;
    font-size: 15px;
    font-family: "DM Sans", sans-serif;
    border-radius: 9px;
    text-align: center;
    border: 0px;
    background: #fff;
    max-width: 60px;
}

.price-input {
    width: 100%;
    font-size: 19px;
    color: #555;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider-container {
    width: 100%;
}

.slider-container {
    height: 6px;
    position: relative;
    background: #e4e4e4;
    border-radius: 5px;
}

.slider-container .price-slider {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: #bae8e8;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none;
}

.price-field.right {
    position: absolute;
    right: 0;
    top: 20px;
    left: auto;
    justify-content: end;
}

.price-field.left {
    position: absolute;
    left: 0;
    top: 20px;
}

@media screen and (max-width: 768px) {
    /* .main {
        width: 80%;
        margin-right: 5px;
    } */

    .custom-wrapper {
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .projtitle {
        width: 100%;
        position: relative;
        right: 26px;
    }

    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }
}

.success-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 32px;
}

.product_manual_location {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.product_manual_location .form-switch .form-check-input {
    width: 2.5em;
    height: 20px;
    margin-right: 5px;
}

/* ========================== order detail CSS =============================== */

section.od-table-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.order-detail-box {
    border: 1px solid #dee0e3;
}

.order-detail-summary {
    border-bottom: 1px solid #dee0e3;
}

.order-detail-id,
.product-order-detail {
    padding: 15px 30px;
}

.order-detail-summary,
.order-detail-photo {
    padding: 25px 30px;
}

.product-order-detail {
    gap: 20px;
}

.gallery-box div {
    position: relative;
    background: var(--white);
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    height: 155px;
    overflow: hidden;
    background-color: #fff;
}
.gallery-box .download-uploaded-file {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    right: 5px;
    top: 5px;
    font-size: 10px;
}

.gallery-box img {
    object-fit: contain !important;
    width: 100%;
    height: 100%;
}

.product-pic-gallery {
    background: #f5f5f5;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 15px;
}

.gallery-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.remove-preview-img {
    position: absolute;
    font-weight: 900;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    top: 3px;
    right: 3px;
    font-size: 9px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
}

.product-image-box {
    padding: 20px 5px 5px;
    background-color: #fff;
    min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

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

.multi-file-upload {
    position: relative;
    background: #ffffff;
    border: 1px dashed #9f9fa0;
    border-radius: 5px;
    padding: 26px 20px;
    display: flex;
    align-items: center;
}

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

.product-picture {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    min-width: 99px;
    width: 130px;
    height: 130px;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.od-profile-bx {
    display: flex;
    align-items: center;
    gap: 20px;
}

.order-detail-heading {
    font-size: 20px;
    margin-bottom: 10px;
}

.multi-file-upload {
    position: relative;
    background: #ffffff;
    border: 1px dashed #9f9fa0;
    border-radius: 5px;
    padding: 26px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}

.multi-file-upload span {
    margin-right: 15px;
}

.smallFont {
    font-size: 12px;
}

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

/* .filter-categories {
    overflow: auto;
} */

/* slider css  */
.gfg {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    color: #bae8e8;
}

.custom-wrapper {
    margin: 0;
    width: 100%;
    padding: 0px 0px 100px;
    position: relative;
    left: 0px;
}

.header h2 {
    font-size: 30px;
    color: #01940b;
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Styles for the price input container */
.price-input-container {
    width: 100%;
}

.price-input .price-field {
    display: flex;
    margin-bottom: 22px;
}

.price-field span {
    margin-right: 10px;
    margin-top: 6px;
    font-size: 17px;
}

.price-field input {
    flex: 1;
    height: 35px;
    font-size: 15px;
    font-family: "DM Sans", sans-serif;
    border-radius: 9px;
    text-align: center;
    border: 0px;
    background: #fff;
    max-width: 60px;
}

.price-input {
    width: 100%;
    font-size: 19px;
    color: #555;
}

/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider-container {
    width: 100%;
}

.slider-container {
    height: 6px;
    position: relative;
    background: #e4e4e4;
    border-radius: 5px;
}
.slider-container .price-slider {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: #d4d4d4;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none;
}

.price-field.right {
    position: absolute;
    right: 0;
    top: 20px;
    left: auto;
    justify-content: end;
}

.price-field.left {
    position: absolute;
    left: 0;
    top: 20px;
}

.single-img-slider .slider.slider-content {
    margin-bottom: 0 !important;
}

.product-desc-box:has(.slider-thumb .slick-slide.slick-current)
    .product-review-main {
    margin-top: 35px !important;
}

@media screen and (max-width: 768px) {
    /* .main {
        width: 80%;
        margin-right: 5px;
    } */

    .custom-wrapper {
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .projtitle {
        width: 100%;
        position: relative;
        right: 26px;
    }

    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }
}

.cencel-order-modal .popup-head,
.book-product-modal .popup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cencel-order-modal .popup-head .close {
    padding: 0;
    border: 0;
    font-size: 18px;
    min-height: unset;
    background-color: transparent;
}

.close {
    padding: 0;
    border: 0;
    font-size: 18px;
    min-height: unset;
    background-color: transparent;
}

.pro-desc-prize-wrapper label {
    font-weight: 600;
}

.min-rental-date h3 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.filter-range-wrapper {
    display: none;
}

.home-filter-box.expand .filter-range-wrapper {
    display: block;
}

.payment-page-wrapper .form-group .form-field label.errors {
    color: red;
}

.order-trans-wrap {
    /* max-width: 1200px; */
    margin: 0 auto;
    position: relative;
}

.order-trans-wrap .inquiry-list-main table tr th:last-child {
    float: unset;
}

.plus-earning {
    color: green;
    font-size: 18px !important;
}

.plus-minus {
    color: red;
    font-size: 18px !important;
}

.no-transation-txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 200px;
    font-size: 20px;
    font-weight: 700;
}

.min-hight-sec {
    min-height: calc(100vh - 233px);
}

.icon-new-bx .form-icon img {
    width: 14px;
}

.close-icon-link {
    margin-left: 10px;
}

.icon-new-bx .form-icon {
    right: 10px;
}

.home-filter-box.expand .filter-categories {
    display: block;
    /* padding-right: 15px; */
}
.search-pro-header .formfield.icon-new-bx input {
    min-height: unset;
    background-color: transparent;
}
.search-pro-header .formfield.icon-new-bx input::placeholder {
    color: #757575;
}
.formfield.icon-new-bx .form-icon {
    top: 5px;
}
form#searchForm {
    max-width: 400px;
    width: auto;
}
.profile-personal-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.transaction-table tr th {
    padding: 10px 20px 10px !important;
}

.tb-table::-webkit-scrollbar:horizontal {
    height: 5px;
}

.formfield:has(select) {
    z-index: 9;
}
.formfield:has(select) .form-icon {
    z-index: -1;
}

.formfield select,
.formfield select:focus {
    background-color: transparent;
    cursor: pointer;
}
.back-order-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.back-order-status .cancelled-txt {
    color: red;
    font-weight: 600;
}
.name-with-status {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.name-with-status .cancelled-txt {
    color: red;
    white-space: nowrap;
}

form#filters {
    position: sticky;
    top: 158px;
}

.filter-range-wrapper div#error-message {
    position: absolute;
    font-size: 12px;
    bottom: 0;
}
.filter-head h3 {
    cursor: pointer;
}

.section-heading.grid-head-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.modal-opener-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.modal-opener-box .button {
    cursor: pointer;
}

.nav-item .cstm-dropdown .dropdown-toggle {
    padding: 0 !important;
}
.sub-categeory-menu {
    padding: 0px 15px;
}
.sub-categeory-links > a + a {
    margin-top: 15px;
}
.sub-categeory-links > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

.append-non-available-dates {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    /* border: 1px solid #dee0e3; */
    /* padding: 10px; */
    margin: 10px 0;
    border-radius: 5px;
}
.color-white-bss {
    background-color: #fff !important;
}
.product-popup-box img {
    /* max-height: 600px; */
    width: 100%;
    object-fit: contain;
    height: 100%;
}

#imageModal .modal-content {
    background-color: transparent;
}
/* .product-desc-slider .slider-thumb.slick-slider .slick-track{
    transform: translate3d(0, 0, 0) !important;
} */

.nav-item .cstm-dropdown .dropdown-toggle {
    padding: 0 !important;
}
.sub-categeory-menu {
    padding: 0px 15px;
}
.sub-categeory-links > a + a {
    margin-top: 15px;
}
.sub-categeory-links > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
}
.query_msg .modal-body .btn-close {
    position: absolute;
    top: 11px;
    right: 15px;
    min-height: unset;
}
.upload-img-preview li {
    list-style-type: none;
}
.upload-img-preview li .product-image-box {
    padding: 0;
    max-width: 100px;
    width: 100%;
    height: 125px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.upload-img-preview li .product-image-box img {
    height: 100%;
}

.order-trans-wrap .db-table {
    background: #ffffff;
}
.product-popup-box {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    height: 500px;
    overflow: hidden;
}

.product-popup-box .btn-close {
    position: absolute;
    top: 7px;
    right: 7px;
}

.lender-profile-box .chat-list-profile {
    border: 1px solid #3a3a3a !important;
}
.no-chat-available {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}
.no-chat-available-box {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.no-chat-available-box i {
    font-size: 32px;
}
.chat-screen-area:has(.no-chat-available-box) {
    justify-content: center;
}

/********** 27 sep 24 **********/

.address-list-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
#addressModal .modal-content {
    width: 100%;
    max-width: 100%;
}
#addressModal .modal-dialog {
    max-width: 60%;
}
#addEditAddressForm {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 18px 18px !important;
    border-radius: 5px;
}
#formTitle {
    font-size: 20px;
    margin-bottom: 4px;
}
.edit-delete-address-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 10px;
}
.checkbox-field input {
    margin: 0;
}
.checkbox-field {
    gap: 5px;
    margin-bottom: 17px;
    display: flex;
}
form#addressForm {
    margin: 0;
}
.modal-footer-cstm {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.edit-address,
.delete-address {
    width: 38px;
    height: 38px;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.edit-address:hover,
.delete-address:hover {
    background-color: #d1d1d1;
}
.edit-delete-address-btn button {
    min-width: 100px;
    min-height: 38px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.address-list li {
    margin-bottom: 15px;
    padding: 16px 10px;
    cursor: pointer;
    border-radius: 5px !important;
}
.address-list .list-group-item + .list-group-item {
    border-top-width: 1px;
}
.address-list {
    max-height: 536px;
    overflow-y: auto;
}
#addressModal .modal-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    font-size: 24px;
}
.form-check-input:checked,
#addressModal .btn-success {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
button#addNewAddressBtn {
    height: 57px;
    width: 100%;
    min-height: 38px;
    padding: 5px 15px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 15px;
    font-size: 20px;
    display: flex;
    justify-content: flex-start;
}
#addressModal .modal-header .btn-close {
    /* position: absolute;
    top: -10px;
    right: 10px;
    padding: 0; */
    margin: 0;
    min-height: 20px;
}
#addressModal .form-control {
    min-height: 50px;
}
.add-adress-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.cp-unavailabilities,
.add-more-daterangepicker-main {
    text-align: right;
}

.remove-daterangepicker i:before {
    /* background: #cb8888; */
    padding: 1px;
    width: 19px;
    height: 19px;
    /* color: #ffffff; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    left: -5px;
    cursor: pointer;
}
.lender-profile-box .btn-danger {
    min-height: 35px;
}
.add-more-daterangepicker-main {
    text-align: left;
}
.info-label {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.review-row-box {
    max-height: 200px;
    overflow: auto;
}
.right-btn-bx {
    display: flex;
    justify-content: flex-end;
}
.negotiation-price-td input {
    max-width: 160px;
}
.align-dropdown-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.align-dropdown-row a {
    font-size: 16px;
}
.table-pro-name {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    max-width: 71px;
    margin-top: 2px;
    font-size: 14px;
}
.product-slider-sec .slick-arrow.slick-hidden {
    display: none;
}
.inquiry-actions .chat-list-profile:hover {
    border: 0px solid #3a3a3a;
    border-radius: unset;
    background-color: transparent;
}
.inquiry-actions a i {
    font-size: 18px;
}

/**loader css starts **/
.sk-circle {
    width: 40px;
    height: 40px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #e2e2e2;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.page-loader {
    overflow: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #00000070;
    z-index: 99999;
    top: 0;
    display: flex;
    justify-content: center;
    backdrop-filter: blur(15px);
}

/**  loader css ends **/

.desc-slider-main {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.single-img-slider .slider.slider-content {
    background: #fff;
    border: 1px solid #dddddd59;
    overflow: hidden;
    border-radius: 10px;
}

.swal-modal .swal-footer .swal-button-container .swal-button {
    min-height: 40px;
    min-width: 80px;
}

.cancel-policy-modal h3.rule-head {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}
.cancel-policy-modal ul li + li {
    margin-top: 15px;
}
.cancel-policy-modal ul li {
    font-size: 14px;
    line-height: 20px;
}
.slider-thumb .slick-list.draggable {
    padding: 20px 10px 0;
    height: 100% !important;
}

.delivery-opion-box {
    margin-bottom: 15px;
}
.desc-slider-main:has(.single-thumb-slide) .slider.slider-content {
    width: 100%;
}
.user-reported-bx {
    text-align: center;
    margin-top: 5px;
}
.user-reported-bx .btn {
    min-height: 31px;
    font-size: 13px;
}
button:disabled,
a:disabled {
    opacity: 0.2;
}

.profile-edit-box {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
.profile-edit-box .btn-danger,
.profile-edit-box .primary-btn {
    min-height: 48px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.header-notification {
    border: 1px solid;
    padding: 3px;
    border-radius: 100px;
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#notification-count,
.userIconbtn {
    position: absolute;
    font-size: 14px !important;
    top: -11px !important;
    right: -9px !important;
    min-width: 18px;
    height: 17px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #fff !important;
    color: #000 !important;
    font-weight: 600;
    padding: 1px 3px;
    left: unset !important;
}
.cstm-notification-dropdown {
    min-width: 250px;
    padding: 15px 15px;
    width: 100%;
}

.mark-as-read .btn {
    padding: 3px 9px;
    min-height: 28px;
    background: transparent;
    text-decoration: unset;
    border: 1px solid #000;
    color: #000;
}

.mark-as-read {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
}
.header-notification .offcanvas-header {
    padding: 16px 21px;
}
.header-notification .offcanvas {
    max-width: 450px;
}
.notification-bx {
    background: transparent;
    padding: 8px 14px;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid var(--border-color);
    margin-bottom: 10px;
    min-width: 100%;
}
.notification-bx.unread {
    background: #f1f2f3;
}
.notification-date {
    font-size: 14px;
    line-height: 23px;
    opacity: 0.8;
    width: 100%;
    text-align: right;
}

.slider.slider-thumb {
    min-width: 70px;
}
.detail-summary.right-detail {
    max-width: 290px;
    width: 100%;
}

/* new css for profile */

/* Profile images container */
/* .profile-images-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; 
    position: relative;
    z-index: 1;
}

.profile-image {
    width: 100%;
    height: auto;
    max-width: 300px; 
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
}

.profile-image.full-screen {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    opacity: 1;
}

.profile-image.loaded {
    opacity: 1;
    transform: scale(1);
}


#use-current-location {
    cursor: pointer;
}
#imageModal.modal {
    padding-top: 0;
    position: fixed;
    height: 100vh;
}
#imageModal.modal .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}
.my-pro-edit-form .formfield.form-control {
    display: flex;
    align-items: center;
}
 */

/* end here */

.addproduct-Modal select.error,
.addproduct-Modal input.error,
.addproduct-Modal textarea.error,
.edit-product-main select.error,
.edit-product-main input.error,
.edit-product-main textarea.error {
    color: var(--text-color) !important;
}
.addproduct-Modal .duel-select-field label,
.edit-product-main .duel-select-field label {
    position: absolute;
    bottom: -40px;
    white-space: nowrap;
    left: 0;
}

.product-card .product-img-box img {
    position: static;
}
.product-card .product-img-box:after {
    display: none;
}

.product-slider-main .product-card {
    margin: 0px 0px !important;
}
.product-card .product-img-box a {
    height: 400px;
    width: 100%;
    background-color: #e7e9e8;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#use-current-location,
.filter-rating-inner,
.form-check .form-check-input {
    cursor: pointer;
}
.user-active .chat-list-profile:hover,
.user-active .chat-list:hover {
    border: 0;
}
div#imageModal {
    padding-top: 0 !important;
}
/* div#imageModal .modal-body {
    padding: 0;
} */
.my-pro-edit-form .formfield.form-control {
    display: flex;
    align-items: center;
}
label#use-current-location {
    font-weight: 700;
    text-decoration: underline;
}
span.userIconbtn:empty {
    display: none;
}

.product-desc-slider {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.thumbnail-slider {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: 20px;
}

.thumbnail {
    width: 80px;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 4px;
}

.thumbnail:hover {
    border-color: #333;
}

.main-image-container {
    position: relative;
    width: 500px;
    height: 500px;
}

.main-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.main-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 600px;
}
.main-image-container {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toggle-active {
    border: 2px solid transparent;
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
    width: 70px;
    min-width: 70px;
    height: 70px;
    object-fit: cover;
}

.toggle-active.active {
    border: 2px solid #000000;
}
.thumbnail-slider {
    margin-right: 0;
}

.profile-about-detail > p:empty {
    line-height: 22px;
    height: 22px;
}
.daterangepicker.opensright:after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.daterangepicker.opensright:before {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.spinner-custom {
    width: 50px;
    height: 50px;
    background-color: #7fffd400;
    min-width: 50px;
    border: 4px dotted #fff;
    border-right: 0;
    border-radius: 50%;
    animation: custom-loader 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
@keyframes custom-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.offcanvas-body.notificationsidebar::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000075;
    z-index: 0;
}
.formfield:has(.applypromocode) input {
    padding-right: 130px;
}
.applypromocode {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #3a3a3a;
    border: 0;
    text-transform: capitalize;
}

/* loader for lazy loading */

.auto-load {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.auto-load svg {
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
/* 
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */

.product-loader {
    display: flex;
    justify-content: center;
    margin-top: 19px;
}
.loader-115 {
    color: #1b1b1b;
    position: relative;
    font-size: 22px;
}

.loader-115::after {
    content: "";
    width: 4px;
    height: 4px;
    background: currentColor;
    position: absolute;
    border-radius: 100px;
    bottom: 10px;
    right: -5px;
    -webkit-animation: animloader115 1s linear infinite;
    animation: animloader115 1s linear infinite;
}
@keyframes animloader115 {
    0% {
        box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 10px 0 #1b1b1b, 20px 0 rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 10px 0 #1b1b1b, 20px 0 #1b1b1b;
    }
}

.product_manual-toggle {
    display: flex;
    gap: 15px;
    align-items: center;
    height: 100%;
}

.header-cart ul li .dropdown .dropdown-menu li a i {
    font-size: 15px;
}

@media screen and (min-width: 992px) {
    .nav-item .cstm-dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .nav-item .cstm-dropdown .dropdown-menu {
        display: none;
    }
    .nav-item .cstm-dropdown:hover .dropdown-toggle::after {
        border-top: 0;
        border-bottom: 0.3em solid;
    }
}

.swal-overlay .swal-text {
    text-align: center;
}
.sub-categeory-menu::after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    position: absolute;
    left: auto;
    top: -4px;
    transform: rotate(45deg);
    right: 13px;
}
.header-cart ul li i,
.header-cart ul li svg,
.header-cart ul li img {
    width: 15px;
    height: 15px;
    font-size: 15px;
}
.order-his-card .order-card-top > p {
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.name-with-status > p:first-child,
.table-profile > p {
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-profile {
    display: flex;
    flex-direction: column;
}

.second-header {
    position: sticky;
    top: 79px;
    z-index: 998;
}
.policy-opener {
    &:hover {
        color: #000;
        text-decoration: underline;
        cursor: pointer;
    }
}

.chatlist {
    display: flex;
    flex-direction: column;
}
.chatlist li {
    order: 1;
}
.chatlist li.latest {
    order: 0;
}
.fixed-underline {
    text-decoration: underline !important;
}
.app-download-wrap {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.app-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}
a.app-btn {
    box-shadow: 1px 1px 14px 4px #dddd;
    padding: 5px;
    border-radius: 15px;
}

.app-download-modal {
    padding: 20px 0;
}
.modal-content:has(.app-download-modal) {
    border-radius: 30px;
}
.modal-body:has(.app-download-modal) .close-btn {
    right: 25px;
    top: 25px;
    position: absolute;
    scale: 1.8;
}
.app-download-modal h2 {
    margin: 20px 0 0;
    font-size: 28px;
    line-height: 32px;
    text-transform: capitalize;
    text-align: center;
}

/* .alert-stripe {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #e1ab867d;
    min-height: 49px;
    height: 35px;
    margin: 10px 0;
    border-radius: 3px;
} */
.alert-stripe > span {
    padding: 0 10px;
    margin: 0 10px;
}

.alert-stripe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
    background-color: #e1ab867d; /* Light red background */
    color: #333; /* Dark text */
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
    position: relative;
    min-height: 49px;
    height: 35px;
    margin: 10px 0;
}

.alert-link {
    color: blue;
    text-decoration: underline;
}

.alert-link:hover {
    color: darkblue;
}

.close-alert {
    cursor: pointer; /* Change cursor to a hand when hovering over the 'X' */
    font-weight: bold;
    font-size: 18px;
    color: #333; /* Dark color for the 'X' */
    margin-left: 15px;
}

.close-alert:hover {
    color: #d9534f; /* Change color when hovering */
}
.login-form .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}
.cust-form-bg:has(.reset-form){
    height: calc(100vh - 163px);
}
.sidebar-mini .main-sidebar .sidebar-menu>li>a {
    transition: none !important;
}
.daterangepicker.opensright:before,.daterangepicker.opensright:after{
    display: none !important;
}

.pac-container {
    position: fixed !important;
    height: 150px !important;
    z-index: 9999;
}
.error-msg-modal .modal-header .btn-close {
    min-height: 20px;
    position: absolute;
    right: 20px;
}
.error-msg-modal .modal-header h5{
    text-align: center;
}
.error-msg-modal .modal-header{
    position: relative;
    justify-content: center;
}

.section-heading.grid-head-box.custom-grid {
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 20px;
}

.section-heading.grid-head-box.custom-grid form{
    margin-right: 10px;
}

.section-heading.grid-head-box.custom-grid form .form-group{
    margin-bottom: 0px;
}

.section-heading.grid-head-box.custom-grid form .form-control{
min-height: 4px !important;
}

#query-list-container .user-table-profile{
    cursor: auto !important;
}

#cancellationModal{
    z-index: 99999 !important;
}

.changeinphone{
    cursor: pointer;
}
.dropdown-arrow {
    position: absolute;
    right: 12px;
    top: 17px;
    display: flex;
}




/* #cancellationModal:has(.show) #addproduct-Modal{
    opacity: 0.7 !important;
} */



.chat-outer.open .chat-msg-box {
    transform: translateX(0px);
    transition: all 0.3s ease;
}
.back-chat {
    display: none;
}
.product-list-heading form select{
    max-width: 250px;
    margin-left: auto;
}

.mobile-filter{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    display: none;
}
.mobile-filter .primary-btn {
    min-height: 45px;
    display: flex;
    align-items: center;
    min-width: 59px;
    justify-content: center;
    &:focus{
        box-shadow: unset;
    }
}
.mob-rent-icon svg{
    display: none;
}
.navbar-brand {
    margin: 0;
}