@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
*,

*::after,

*::before {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

:root {
    --header-footer-color: #171717;
    --global-radius: 10px;
}

body {
    overflow-X: hidden;
}

/* http://meyerweb.com/eric/tools/css/reset/

   v2.0-modified | 20110126

   License: none (public domain)

*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

tt,

var,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    /* vertical-align: baseline; */

}

/* make sure to set some focus styles for accessibility */

:focus {

    outline: 0;

}

/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}

body {

    line-height: 1;

}

ol,

ul {

    list-style: none;

}

blockquote,

q {

    quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    -moz-appearance: none;

}

input[type=search] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

textarea {

    overflow: auto;

    vertical-align: top;

    resize: vertical;

}

/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    max-width: 100%;

}

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

    display: none;

    height: 0;

}

/**

 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.

 * Known issue: no IE 6 support.

 */

[hidden] {

    display: none;

}

/**

 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

html {

    font-size: 100%;

    /* 1 */

    -webkit-text-size-adjust: 100%;

    /* 2 */

    -ms-text-size-adjust: 100%;

    /* 2 */

}

/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */

a:focus {

    outline: thin dotted;

}

/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

    outline: 0;

}

/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */

img {

    border: 0;

    /* 1 */

    -ms-interpolation-mode: bicubic;

    /* 2 */

}

/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */

figure {

    margin: 0;

}

/**

 * Correct margin displayed oddly in IE 6/7.

 */

form {

    margin: 0;

}

/**

 * Define consistent border, margin, and padding.

 */

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */

legend {

    border: 0;

    /* 1 */

    padding: 0;

    white-space: normal;

    /* 2 */

    *margin-left: -7px;

    /* 3 */

}

/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */

button,

input,

select,

textarea {

    font-size: 100%;

    /* 1 */

    margin: 0;

    /* 2 */

    vertical-align: baseline;

    /* 3 */

    *vertical-align: middle;

    /* 3 */

}

/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,

input {

    line-height: normal;

}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

button,

select {

    text-transform: none;

}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */

button,

html input[type="button"],

/* 1 */

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    /* 2 */

    cursor: pointer;

    /* 3 */

    *overflow: visible;

    /* 4 */

}

/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

    cursor: default;

}

/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    /* 1 */

    padding: 0;

    /* 2 */

    *height: 13px;

    /* 3 */

    *width: 13px;

    /* 3 */

}

/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

    -webkit-appearance: textfield;

    /* 1 */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    /* 2 */

    box-sizing: content-box;

}

/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

/**

 * Remove inner padding and border in Firefox 3+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve readability and alignment in all browsers.

 */

textarea {

    overflow: auto;

    /* 1 */

    vertical-align: top;

    /* 2 */

}

/**

 * Remove most spacing between table cells.

 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

html,

button,

input,

select,

textarea {

    color: #222;

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}

::selection {

    background: #b3d4fc;

    text-shadow: none;

}

img {

    vertical-align: middle;

}

fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}

textarea {

    resize: vertical;

}

a:hover {

    text-decoration: none
}

.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

input::-webkit-input-placeholder {

    line-height: normal !important;

}

::placeholder {

    line-height: normal !important;

}

:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    line-height: normal !important;

}

::-ms-input-placeholder {

    /* Microsoft Edge */

    line-height: normal !important;

}

a:hover,

a {

    text-decoration: none;

    color: unset;

}

body {

    font-family: 'Poppins', sans-serif;

}

h1 {

    font-size: 45px;

    line-height: 55px;

    font-weight: 500;

}

h2 {

    font-size: 36px;

    line-height: 46px;

    font-weight: 500;

    margin-bottom: 40px;

    text-align: center;

}

h3 {

    font-size: 20px;

    line-height: 30px;

}

h4 {

    font-size: 18px;

    line-height: 32px;

}

p {

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

}

label {

    font-size: 15px;

    color: #555555;

    font-weight: 300;

    margin-bottom: 10px;

}

.top-header {

    background-color: var(--header-footer-color);

    padding: 8px 0px;

}

.logo img {

    max-width: 100%;

}

.search-sec {

    width: 205px;

    position: relative;

}

.search-sec input::placeholder {

    font-size: 13px;

    color: #8f8e8e;

    font-weight: 500;

}

.search-sec input {

    width: 100%;

    background: none;

    border: none;

    border-bottom: 1px solid #2d2d2d;

    padding: 5px 0px;

    margin: 0;

    border-radius: 0;

}

.search-sec button {

    background: none;

    border: none;

    position: absolute;

    right: 0;

    top: 2px;

    z-index: 99;

}

.login-txt p {

    font-size: 14px;

    color: white;

    font-weight: 400;

    line-height: 14px;

}

.login-sec .join-btn a {

    font-size: 14px;

    line-height: 14px;

    padding: 11px 22px;

    font-weight: 400;

    border-radius: var(--global-radius);

}

.login-sec .login-txt a {

    font-size: 14px;

    line-height: 14px;

    padding: 11px 32px;

    font-weight: 400;

    border-radius: var(--global-radius);

}

.card-blk ul {
    justify-content: center;
}

input:focus,
button:focus,
a:focus {
    outline: none !important;

}

.card-blk ul.two-flex li {

    width: 50%;

}

.container {

    max-width: 1200px;

}

.join-btn {

    margin-left: 15px;

}

.login-sec {

    margin-left: 30px;

}

a.yellow-btn,

button.yellow-btn {

    padding: 16px 52px;

    border-radius: var(--global-radius);

    font-size: 15px;

    line-height: 15px;

    color: #121212;

    font-weight: 500;

    background-color: #ffd900;

    border: 1px solid #ffd900;

    display: block;

    width: fit-content;

}

a.grey-btn,

button.grey-btn {

    padding: 16px 52px;

    border-radius: var(--global-radius);

    font-size: 15px;

    line-height: 15px;

    color: white;

    font-weight: 500;

    background-color: #373737;

    border: 1px solid #373737;

    display: block;

    width: fit-content;

}

a.yellow-btn:hover,

button.yellow-btn:hover {

    background: none;

    color: #ffc600;

    border-color: #ffc600;

}

a.grey-btn:hover,

button.grey-btn:hover {

    background: none;

    color: #373737;

    ;

}

.banner {

    background-image: url(../images/bg.jpg);

    background-size: cover;

    background-position: right center;

    color: #ececec;

}

.banner .row {

    height: 90vh;

}

.login-txt:hover {

    color: #ffd900;

}

.banner h1 {

    margin-bottom: 18px;

}

.banner h3 {

    font-size: 22px;

    line-height: 36px;

    margin-bottom: 20px;

}

.banner-btm {

    background-color: #ffd900;

}

.btm-blk {

    display: flex;

    align-items: center;

    padding: 20px 0px;

}

.btm-blk img {

    max-height: 35px;

    margin-right: 15px;

}

.col-wrp:nth-child(2) {

    background-color: #ffc600;

    border-left: 3px solid #ffeba5;

    border-right: 3px solid #ffeba5;

}

.col-wrp:nth-child(2) .btm-blk {

    justify-content: center;

}

.col-wrp:nth-child(3n) .btm-blk {

    justify-content: flex-end;

}

.col-wrp,

.banner-btm .row {

    padding-top: 0px;

    padding-bottom: 0px;

}

.pad {

    padding-top: 40px;
    padding-bottom: 40px;

}

.pad-top {

    padding-top: 20px;

}

.pad-bottom {

    padding-bottom: 20px;

}

.card-img img {

    max-width: 100%;

    width: 100%;

}

.card-top {

    padding: 20px 30px;

    background-color: #f1f1f1;

}

.recent-listing .row {

    --bs-gutter-x: 1.9rem;

}

.price-sec {

    font-weight: 500;

    font-size: 20px;

    line-height: 18px;

    margin: 10px 0px 0px 0px;

    color: #595959;

    text-align: center;

}

.hide-row {

    display: none;

}

.card-blk ul {

    display: flex;

    background-color: black;

}

.card-blk {

    margin-bottom: 40px;

}

.card-blk ul a,
.card-blk ul button {

    font-size: 14px;
    font-size: clamp(11px, 0.9vw, 14px);
    font-weight: 500;
    line-height: 14px;

    color: white;

    padding: 15px 3px;

    display: block;

    border: none;

    background: none;

}

.card-blk ul li {

    border-right: 1px solid #424242;

}

.card-blk ul li:last-child {

    border-right: none;

}

.card-blk ul li {

    width: 33.33%;

    text-align: center;

}

.card-blk ul.has-offer-btn li {
    width: 25%;
}

.card-top {

    border-top-left-radius: var(--global-radius);

    border-top-right-radius: var(--global-radius);

}

.card-blk ul {

    border-bottom-left-radius: var(--global-radius);

    border-bottom-right-radius: var(--global-radius);

}

.btn-sec {

    display: flex;

    justify-content: center;

    margin-top: 30px;

}

.btn-sec a {

    margin: 0px 15px;

}

.gap {

    padding: 70px 0px;

}

.home-thrd-sec {

    background-color: #e6e6e6;

    ;

}

.img-wrp img {

    max-height: 73px;

}

.img-wrp {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    ;

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 25px;

}

.home-thrd-sec p {

    color: #000000;

    text-align: center;

}

.getting-started-sec p,

.getting-started-sec h3 {

    text-align: center;

}

.img-wrp img {

    max-height: 73px;

}

.getting-started-sec .img-wrp {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    ;

    background-color: #000000;

    margin-left: auto;

    margin-right: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 15px;

    border: 3px solid #767676;

}

.getting-started-sec p {

    color: #5a5a5a;

    font-size: 14px;

    line-height: 24px;

}

.getting-started-sec h3 {

    margin-bottom: 5px;

}

.getting-started-sec .row {

    --bs-gutter-x: 2rem;

}

.getting-started-sec {

    background-image: url(../images/bg1.jpg), url(../images/bg2.jpg);

    background-position: left bottom, right top;

    background-repeat: no-repeat, no-repeat;

    background-color: #f8f8fa;

}

footer {

    background-color: var(--header-footer-color);

    padding: 20px 0px 0px 0px;

    color: white;

}

.social-list i {

    font-size: 16px;

}

.social-list li {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #4d4d4d;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0px 5px;

}

ul.social-list,

.nav-list {

    display: flex;

    justify-content: center;

    margin: 25px 0px;

    flex-wrap: wrap;

    row-gap: 20px;

}

.social-list a {

    display: block;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.nav-list li a:hover,

.footer-btm-sec ul li a:hover {

    color: #ffd900;

}

.social-list a:hover {
    opacity: 0.7
}

.nav-list li a {

    font-size: 18px;

}

.nav-list li {

    margin: 0px 30px;

}

.footer-btm-sec {

    border-top: 1px solid #3f3f3f;

    padding: 15px 0px;

}

.footer-btm-sec ul {

    display: flex;

    justify-content: flex-end;
    flex-wrap: wrap;

}

.footer-btm-sec ul li a {

    font-size: 15px;

    margin: 0px 8px;

}

.footer-btm-sec ul li {

    border-right: 1px solid white;

    ;

}

.footer-btm-sec ul li:last-child {

    border: none;

}

.control-c.next {

    transform: rotate(180deg);

}

.testimonial-sec {

    background-image: url(../images/dot.png);

    background-repeat: no-repeat;

    background-position: center;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.testimonial-blk img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    border: 5px solid white;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);

    margin: 10px auto;

}

.testimonial-blk h3 {

    font-size: 18px;

    ;

    color: black
}

.testimonial-blk {

    position: relative;

    padding: 20px 50px 0px 50px;

}

.testimonial-blk:before {

    content: url(../images/tes.png);

    position: absolute;

    left: 0;

    top: 0;

}

.testimonial-blk p {

    color: #313539;

}

.prev,

.next {

    position: absolute;

    top: 50px;
    z-index: 99999;
    cursor: pointer;

}

.login-txt a:hover p {

    color: #ffd900;

}

.card-blk ul a:hover,
.card-blk ul button:hover {

    color: #ffc600;

}

.flip-card,
.flip-card1 {

    background-color: transparent;

    /* width: 300px;

	height: 300px; */

    perspective: 1000px;

}

.flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}

.flip-card:hover .flip-card-inner,
.flip-card1.rotate .flip-card-inner {

    transform: rotateY(180deg);

}

.flip-card-front,

.flip-card-back {

    /* position: absolute; */

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.flip-card-front {

    background-color: #bbb;

    color: black;

}

.flip-card-back {

    background-color: grey;

    color: white;

    transform: rotateY(180deg);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999;

}

.inner-banner p {

    font-size: 14px;

}

.inner-banner p span {

    color: #ffd900;

}

.inner-banner {

    padding: 90px 0px;

    color: white;

    background-image: url(../images/ab.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: right center;

}

.inner-bann-btm h2 {

    margin-bottom: 50px;

}

.small-p h3 {

    margin-bottom: 10px;

    color: black;

}

.small-p p {

    font-size: 14px;

    color: #555555;

    margin-bottom: 20px;

}

.top-line {

    max-width: 571px;

    margin: 10px auto 40px auto;

}

.top-line ul li {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    border: 10px solid white;

    background-color: black;

    font-size: 45px;

    line-height: 45px;

    color: #ffd800;

    font-weight: 600;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);

}

.top-line ul li.current {

    background-color: #ffd900;

    color: black;

}

.top-line ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.top-line {

    position: relative;

}

.top-line:after {

    width: 100%;

    height: 5px;

    background-color: #ffd900;

    content: '';

    position: absolute;

    top: 45px;

    left: 0;

    z-index: -1;

}

.signup-g button {

    border: none;

    cursor: pointer;

}

.signup-g {

    text-align: center;

}

.or-sec {

    margin: 25px 0 25px 0;

    max-width: 100%;

    position: relative;

    color: #555555;

    font-weight: 400;

}

.or-sec p {

    line-height: 16px;
    font-weight: 500;
    color: #121212;

}

.or-sec:before {

    content: '';

    position: absolute;

    top: 7px;

    width: 44%;

    left: 0;

    height: 1px;

    background-color: #9C9AA54D;

    ;

}

.or-sec:after {

    content: '';

    position: absolute;

    top: 7px;

    width: 44%;

    right: 0;

    height: 1px;

    background-color: #9C9AA54D;

    ;

}

@media only screen and (max-width:767px) {
    .banner {
        position: relative;
    }

    .cart-sec .p-name,
    .cart-sec .sm-pf-rgt {
        font-size: 12px;
    }

    .banner:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0, 0.5);
        z-index: 1;
    }

    .banner .container {
        position: relative;
        z-index: 2;
    }


    .inner-bann-btm .row {

        --bs-gutter-x: 6rem;

    }

    body .c-dt-rgt {
        padding-top: 40px;
    }

}

.para-sec {

    background-image: url(../images/bg3.jpg);

}

.para-sec h2 {

    margin-bottom: 25px;

    text-align: center;

}

body .para-sec p {

    color: #555555;

    font-weight: 400;

}

.para-sec a.yellow-btn {

    margin-top: 50px;

    ;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}

p {

    font-weight: 400;

}

input,

textarea {

    width: 100%;

    padding: 13px 15px;

    border-radius: 5px;

    border: 1px solid #b2b2b2;

    margin-bottom: 30px;

    font-size: 14px;

    line-height: 14px;

    background-color: transparent;

    color: #555555;

}

select {

    appearance: none;

    background-image: url(../images/t1.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 7px) center;

    width: 100%;

    padding: 17px 15px;

    border-radius: 5px;

    border: 1px solid #b2b2b2;

    margin-bottom: 30px;

    font-size: 14px;

    line-height: 14px;

    background-color: transparent;

    color: #555555;

}

a.forgot-pass:hover {

    color: black;

}

input::placeholder,

textarea::placeholder {

    color: #555555;

    font-size: 14px;

    line-height: 14px;

    font-weight: 400;

    opacity: 1;

}

textarea {

    resize: none;

    height: 150px
}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

input[type="number"] {

    -moz-appearance: textfield;

    /* Firefox */

}

body .accordion-item {

    border-left: none;

    border-right: none;

}

body .accordion-button:not(.collapsed) {

    color: #000000;

    background-color: #f7f7f7;

    box-shadow: unset;

}

.accordion-collapse {

    background-color: #f7f7f7;

}

body .accordion-button:focus {

    border-color: unset;

    border: none;

}

.accordion-collapse .accordion-body {

    padding-top: 0;

}

#content-tab2 .view-od {
    margin-top: 15px;
    font-size: 13px;
}

#content-tab1 .view-od {
    padding: 8px 10px;
    font-size: 13px;
}

.text-start {
    margin-top: 15px;
}

h2.trade-title {
    position: absolute;
    left: 50%;
    transform: translateX(-48%);
}

.or-in {
    margin-bottom: 15px;
}

.track-order-btn a {
    padding: 10px 13px;
}

body .accordion-body {

    font-size: 14px;

    color: #555555;

    font-weight: 400;

    line-height: 24px;

}

.accordion-body p {

    margin-bottom: 25px;

    font-size: 14px;

    color: #555555;

    font-weight: 400;

    line-height: 24px;

}

body .accordion-button {

    font-size: 20px;

    line-height: 30px;

    color: black;

    font-weight: 500;

}

body .accordion-button::after {

    flex-shrink: 0;

    width: 30px;

    height: 30px;

    margin-left: auto;

    content: "";

    background-image: url(../images/plus.png);

    background-repeat: no-repeat;

    background-size: 100%;

    transition: transform .2s ease-in-out;

}

.chat-rgt-in {

    position: relative;

}



.msg-loader {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: rgb(0, 0, 0, 0.5);

    display: flex;

    align-items: center;

    justify-content: center;

}

body .accordion-button:not(.collapsed)::after {

    background-image: url(../images/minus.png);

    transform: unset;

}

.p-form {

    max-width: 570px;

    margin: 0px auto;

}

.p-form input {

    margin-bottom: 20px;

}

.p-form .yellow-btn {

    margin: 20px auto 0px auto;

    padding: 18px 42px;

    border-radius: var(--global-radius);

    font-size: 15px;

}

.subs-sec {



    margin: 0px auto;

    text-align: center;

}

.round-blk h4 {

    font-size: 30px;

    line-height: 30px;

    color: black;

    font-weight: 600;

}

.round-blk h4 span {

    font-size: 16px;

    line-height: 16px;

}

.subs-sec h2 {

    margin-bottom: 35px;

}

.tab-top {

    margin-top: 40px;

    margin-bottom: 33px;

}

.tab-top ul li {

    font-size: 15px;

    color: #000;

    font-weight: 500;

    padding: 15px 29px;

}

.tab-top ul li.current {

    background-color: #ffd900;

}

.tab-top ul li:first-child {

    border-top-left-radius: var(--global-radius);

    border-bottom-left-radius: var(--global-radius);

}

.tab-top ul li:last-child {

    border-bottom-right-radius: var(--global-radius);

    border-top-right-radius: var(--global-radius);

}

.tab-top ul {

    width: fit-content;

    display: flex;

    justify-content: center;

    border: 1px solid #dbdbdb;

    border-radius: var(--global-radius);

    /* margin-left: auto; */

    margin-right: auto;

}

.subs-sec h3 {

    font-size: 22px;

    color: black;

    font-weight: 300;

    display: flex;

    justify-content: center;

}

.subs-sec h3 span {

    font-size: 47px;

}

b,

strong {

    font-weight: 600;

}

.inner-tab-blk {

    background-color: #ffd900;

    border-radius: var(--global-radius);

    height: 100%;

}

.tab-btm .inner-tab-blk h3 {

    font-size: 20px;

    line-height: 20px;

    padding: 13px;

    font-weight: 500;

    width: 100%;

    border-top-left-radius: var(--global-radius);

    border-top-right-radius: var(--global-radius);

    background-color: black;

    color: #ffd800;

}

.inner-tab-blk ul li {

    font-size: 12.5px;

    margin-bottom: 5px;

    color: black;

    font-weight: 400;

    text-align: left;

    /* margin-left: 30px; */

    position: relative;

    background-image: url(../images/i10.png);

    background-repeat: no-repeat;

    background-position: 0px 0px;

    padding: 3px 0px 6px 25px;

}

.btn-blk .yellow-btn {

    padding: 18px 40px;

    border-radius: var(--global-radius);

    font-size: 15px;

    color: #121212;

}

.btn-blk .grey-btn {

    padding: 18px 30px;

    border-radius: var(--global-radius);

    background-color: #ededed;

    border-color: #ededed;

    color: black;

    font-size: 15px;

    color: #121212;

}

.tab-blk {

    margin-bottom: 45px;

}

.inner-tab-blk ul {

    margin-top: 15px;

    max-width: 153px;

    margin-left: auto;

    margin-right: auto;

    width: fit-content;

}

.inner-tab-blk {

    position: relative;

    padding-bottom: 190px;

}

.userCont {

    display: flex;

}

.userCont span {

    min-width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: #d01c1c;

    font-size: 12px;

    color: white;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: 8px;

    padding: 2px;
    line-height: 1em;

}

.select-box {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

}

.tab-blk:nth-child(2n) .inner-tab-blk {

    background-color: #ffb400;

}

.round-blk {

    position: absolute;

    bottom: 60px;

    left: 0;

    right: 0;

    width: 125px;

    height: 125px;

    background-color: white;

    border-radius: 50%;

    left: calc(50% - 55px);

    align-items: center;

    justify-content: center;

    display: flex;

}

.in-select {

    position: relative;

    display: flex;

    justify-content: center;

    width: calc(100% - 20px);

    border-radius: var(--global-radius);

    background-color: black;

    padding: 10px;

    margin-left: 10px;

    align-items: center;

}

.in-select input:checked~span:after {

    content: "\f14a";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 14px;

    font-size: inherit;

    text-rendering: auto;

    color: white;

}

.in-select input:checked~span {

    border: none;

}

.in-select input {

    margin: 0;

    width: unset;

    position: absolute;

    width: 100%;

    z-index: 1;

    opacity: 0;

    height: 100%;

    top: 0;

}

.in-select span {

    width: 14px;

    height: 14px;

    border: 1px solid white;

    border-radius: 2px;

    margin-right: 10px;

}

.in-select label {

    font-size: 16px;

    font-weight: 500;

    line-height: 16px;

    color: white;

    margin-bottom: 0;

}

.annual {

    display: none;

}

.round-blk h5 {

    font-size: 16px;

    color: black;

    font-weight: 500;

}

.tab-top ul li {

    cursor: pointer;

}

.tab-top ul li:hover {

    opacity: 0.7;

}

.payment-sec,

.payment-form {

    max-width: 432px;

    margin-left: auto;

    margin-right: auto;

}

.form-top-sec ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.form-top-sec ul li {

    font-size: 16px;

    font-weight: 500;

    color: black;

}

.plan-ul li:last-child,

.dis-ul li:last-child {

    font-size: 20px;

    font-weight: 600;

}

.plan-ul {

    margin-bottom: 25px;

}

.modal h5 {

    font-size: 24px;

    color: black;

    text-align: center;

}

body .modal-header,

body .modal-footer {

    border: none;

    justify-content: center;

}

body .modal-header {

    margin-bottom: 0;

}

body .modal-header .btn-close {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 1;

}

body .modal-content {

    padding: 20px 10px;

}

body .modal-footer {

    margin-top: 0px;

}

.form-top-sec .button-ul li {

    color: #555555;

}

.button-ul button {

    font-size: 14px;

    color: white;

    padding: 3px 15px;

    border: none;

    background-color: black;

    border-radius: var(--global-radius);

}

.button-ul button:hover {

    opacity: 0.7;

}

.button-ul input {

    padding: 0;

    margin: 0;

    border: none;

}

.button-ul {

    padding-bottom: 10px;

    border-bottom: 1px solid #d0d0d0;

    margin-bottom: 20px;

    /* border-radius: 10px; */

}

.pay-ul {

    margin-bottom: 25px;

    background-color: #1e1e1e;

    color: white;

    margin-top: 20px;

    padding: 13px;

    border-radius: var(--global-radius);

}

.form-top-sec .pay-ul li {

    color: white;

}

.form-top-sec .pay-ul li:last-child {

    font-size: 24px;

    font-weight: 600;

}

.pay-top ul {

    display: flex;

    justify-content: space-between;

    align-items: center
}

.payment-form {

    border: 1px solid #cbcbcb;

    border-radius: var(--global-radius);

}

.pay-top h2 {

    font-size: 24px;

    line-height: 24px;

    margin-bottom: 0;

}

.pay-top {

    padding: 15px;

    background-color: #f4f4f4;

    border-top-left-radius: var(--global-radius);

    border-top-right-radius: var(--global-radius);

}

.pay-btm {

    padding: 20px 15px 30px 15px;

}

.pay-btm input,

.pay-btm select {

    margin-bottom: 20px;

}

.card1 input {

    background-image: url(../images/c1.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 15px) center;

}

.card1 input {

    padding-right: 40px;

}

.page3 .btn-blk {

    max-width: 430px;

    margin: 40px auto 0px auto
}

.payment-form {

    margin-top: 40px;

}

.login-sec-wrp {

    max-width: 570px;

    margin-left: auto;

    margin-right: auto;

}

.login-sec-wrp h2 {

    margin-bottom: 14px;

}

.login-sec-wrp p {

    font-weight: 400;

    color: #555555;

    text-align: center;

}

.login-sec-wrp p a {

    color: black;

    text-decoration: underline;

}

.login-sec-wrp a:hover {

    text-decoration: none;

}

.login-sec-wrp .signup-g {

    margin-top: 30px;

}

.login-sec-wrp .login-form {

    margin-top: 40px;

}

.login-sec-wrp .login-form input {

    margin-bottom: 20px;

}

.login-sec-wrp .login-form button {

    margin: 30px auto 0px auto;

    padding: 18px 60px;

}

a.forgot-pass {

    text-align: right;

    font-style: italic;

    color: #555555;

    width: fit-content;

    margin-left: auto;

    display: block;

}

.switch {

    position: relative;

    display: inline-block;

    width: 55px;

    height: 28px;

    margin-left: 10px
}

.switch input {

    display: none;

}

.slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ca2222;

    -webkit-transition: .4s;

    transition: .4s;

}

.slider:before {

    position: absolute;

    content: "";

    height: 21px;

    width: 21px;

    left: 4px;

    bottom: 4px;

    background-color: white;

    -webkit-transition: .4s;

    transition: .4s;

}

input:checked+.slider {

    background-color: #2ab934;

}

input:focus+.slider {

    box-shadow: 0 0 1px #2196F3;

}

input:checked+.slider:before {

    -webkit-transform: translateX(26px);

    -ms-transform: translateX(26px);

    transform: translateX(26px);

}

/*------ ADDED CSS ---------*/

.on {

    display: none;

}

.on,

.off {

    color: white;

    position: absolute;

    transform: translate(-50%, -50%);

    top: 50%;

    left: 15px;

    font-size: 10px;

    font-family: Verdana, sans-serif;

}

body .off {

    left: 37px;

}

input:checked+.slider .on {

    display: block;

    left: 15px;

}

input:checked+.slider .off {

    display: none;

}

/*--------- END --------*/

/* Rounded sliders */

.slider.round {

    border-radius: 34px;

}

.slider.round:before {

    border-radius: 50%;

}

.profile-settings {

    max-width: 970px;

    margin-left: auto;

    margin-right: auto;

}

.upload-pic img {

    width: 120px;

    height: 120px;

    object-fit: cover;

    margin-left: auto;

    margin-right: auto;

    border-radius: 50%;

}

.file-sec input {

    position: absolute;

    margin: 0;

    opacity: 0;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    cursor: pointer;

}

.file-wrp {

    width: 100%;

    background-color: #ffd900;

    border-radius: var(--global-radius);

    font-size: 14px;

    color: black;

    font-weight: 400;

    padding: 8px;

}

.file-sec {

    margin-top: 15px;

}

.file-wrp i {

    margin-right: 5px;

}

.file-sec {

    position: relative;

}

.file-sec {

    width: 150px;

    height: 30px;

    margin-left: auto;

    margin-right: auto;

}

.upload-pic {

    text-align: center
}

.upload-pic {

    margin-bottom: 48px;

}

.pro-text {
    font-size: 10px;
    color: #782006;
}

.profile-settings input,

.profile-settings select,

.profile-settings textarea,
.pf-txt {

    margin-bottom: 25px;

}

.profile-settings label {

    font-weight: 400;

    font-size: 16px;

}

.profile-settings select {

    background-image: url(../images/t2.png);

}

.toggle-wrp {

    display: flex;

    align-items: center;

}

.change-pass {

    max-width: 570px;

    margin-left: auto;

    margin-right: auto;

}

.change-pass p {

    font-size: 12px;

    color: #8c8c8c;

    line-height: 12px;

}

/***menu***/

/*-- header bottom --*/

.main-navigation a {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin: 0px 5px;

    display: block;

    color: white;

}

.main-navigation {
    margin-right: auto;
    padding-right: 20px;
}

.main-navigation a:hover {

    color: #d6ba6d;

}

.main-navigation ul {

    float: right;

}

.main-navigation li {

    float: left;

    position: relative;

}

.right-nav-wrp {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.right-nav-wrp .search-sec {

    margin-right: 35px;

}

.pg-blk i {

    width: 38px;

    height: 38px;

    background-color: #000;

    border: 1px solid var(--header-footer-color);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 18px;

}

.sub-pages-list ul li:last-child {

    margin-right: 0;

    margin-left: 20px;

}

.sub-pages-list .pg-btm ul li:last-child {

    margin-left: 0;

}

.submenumenu-button a {

    padding-right: 15px;

}

.submenumenu-button i {

    color: white;

    font-size: 15px;

}

.pg-blk {

    position: relative;

}

.msg .pg-blk span {

    background-color: #ff2323;

    color: white;

}

.pg-blk span {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    top: -8px;

    right: -8px;

    background-color: #ffd900;

    color: black;

    font-size: 10px;

    display: flex;

    font-weight: bold;

    align-items: center;

    justify-content: center;

    position: absolute;

}

.sub-pages-list ul {

    display: flex;

    align-items: center;

}

.sub-pages-list ul li {

    margin-right: 20px;

}

.submenu-ul a {

    padding-right: 15px;

}

.pf-top img {

    width: 40px;

    height: 40px;

    object-fit: cover;

}

.pf-top {

    background-color: #ffd900;

    border-radius: 50%;

    width: 40px;

    height: 40px;

}

.pf-top {

    cursor: pointer;

}

.pf-top:hover {

    opacity: 0.7;

}



.pf-btm ul {

    display: block;

    width: 220px;

    background-color: #f5f5f5;

    position: absolute;

    right: 0;

    top: 50px;

    border: 1px solid #cccccc;

    border-radius: 5px;

    border-top: 5px solid #ffd900;

    z-index: 999;

}

/* .sub-pages-list li {

	padding-top: 10px;

} */

.sub-pages-list li:last-child {

    padding-top: 0;

}

.sub-pages-list .pf-dropdown ul li:last-child {

    margin-left: 0;

}

.pf-btm ul li a:hover {

    background-color: black;

    color: #ffd900;

}

.pf-btm ul {

    display: none;

}

.pf-dropdown {

    position: relative;

}

.pf-btm li a i {

    margin-right: 10px;
    width: 14px;
    text-align: right;

}

.pf-btm ul li a {

    color: #555555;

    font-size: 14px;

    display: block;

    width: 100%;

    padding: 10px;

}

.pf-btm ul li {

    border-bottom: 1px solid #e3e3e3;

    width: 100%;

    text-align: left;

}

.subs-class .yellow-btn {

    font-size: 15px;

    font-weight: 500;

    padding: 11px 12px;

    border-radius: var(--global-radius);

}

.disable-tab {

    position: relative;

}

.disable-tab .inner-tab-blk:after {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    content: '';

    position: absolute;

    background-color: rgb(0, 0, 0, 0.5);

    z-index: 99;

    border-radius: var(--global-radius);

}

.subs-class {

    border: 1px solid #d2d2d2;

    padding: 25px;

    background-color: #f7f7f7;

    border-radius: var(--global-radius);

    text-align: left;

}

.subs-class h5 {

    font-size: 16px;

    font-weight: 500;

    color: black;

}

.subs-class p {

    color: #555555;

}

.card-upload-sec {

    max-width: 370px;

    margin-left: auto;

    margin-right: auto;

    display: flex;

    justify-content: space-between;

}

.card-form {

    max-width: 570px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 45px;

}

.card-form label {

    color: #060b0f;

    font-size: 16px;

    font-weight: 400;

    width: 100%;

}

.card-form tags {
    width: 100%;
    margin-bottom: 20px;

    border-radius: var(--global-radius);

    border: 1px solid #b2b2b2;
}

.card-form tags div {
    padding: 13px 15px;
}

.img-up {

    position: relative
}

.img-up input[type="file"] {

    position: absolute;

    opacity: 0;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 2;

}

.img-up .int {

    padding-right: 50px;

}

.up-btn {

    position: absolute;

    right: 1px;

    top: 1px;

    height: 100%;

    width: 40px;

    height: 48px;

    border: none;

    border-radius: var(--global-radius);

    ;

    font-size: 14px;

    color: #555555;

}

.op-chk {

    width: 13px;

}

.op-flx-wrp {

    display: flex;

    align-items: center;

}

.op-rgt,

.op-chk {

    display: flex;

    align-items: center;

}

.op-chk {

    width: 150px;

    border-right: 1px solid #c4c4c4;

    padding: 8px 0px 8px 0px;

    margin-right: 20px;

}

.inp-wrp {

    position: relative;
    margin-left: auto;

}

.ml-unset {
    margin-left: unset;
}

.inp-wrp:after {

    content: '$';

    position: absolute;

    left: 40px;

    top: 13px;

    font-size: 14px;

    color: #6b6b6b;

}

.op-chk input:checked {

    opacity: 0;

}

.op-chk input {

    position: relative;

    z-index: 2;

}

.op-chk {

    position: relative;

}

.op-chk input:checked+span:after {

    content: "\f14a";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 16px;

    position: absolute;

    left: 0;

    color: #209817;

    top: 6px;

    text-rendering: auto;

}

.card-form .op-flx-wrp input {

    margin-bottom: 0;

    width: unset;

}

.card-form .op-rgt .inp-wrp input {

    width: 120px;

    padding: 8px 10px 8px 20px;

    margin-left: 30px;

    font-size: 14px;

    line-height: 14px;

}

.op-rgt {

    font-size: 14px;

    color: #555555;
    width: 300px;
    max-width: 100%;

}

.card-form .op-chk label {

    font-size: 14px;

    font-weight: 400;

    line-height: 14px;

    padding-bottom: 0;

    margin-bottom: 0px;

    margin-left: 10px;

}

.card-form input,

.card-form select,

.card-form textarea {

    margin-bottom: 20px;

}

.card-form textarea {

    height: 50px;

}

.card-form select {

    background-image: url(../images/t2.png);

}

.card-form .details textarea {

    height: 150px
}

.card-blk-wrp img {

    width: 35px;

    height: 35px;

    object-fit: cover;

}

.card-add-blk {

    width: 160px;

    border: 1px solid #ababab;

    border-radius: var(--global-radius);

    outline: 10px solid #f4f4f4;

    background-color: #f4f4f4;

    position: relative;

    padding: 35px 10px;

    text-align: center;

    overflow: hidden;
}

.card-add-blk p {

    font-size: 14px;

    line-height: 22px;

    color: #555555;

}

.card-add-blk p span {

    text-decoration: underline;

    color: black;

}

.card-add-blk h5 {

    font-size: 14px;

    color: black;

    font-weight: 500;

    margin-bottom: 12px;

    margin-top: 7px;

}

.card-add-blk input {

    opacity: 0;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    bottom: 0;

    z-index: 1;

    margin-bottom: 0;

}

.mc-rgt-wrp .search-sec button {

    top: 9px;

}

body .page-link {

    border: none;

    font-size: 18px;

    color: #000000;

    font-weight: 400
}

body .page-link:hover {

    background: none;

    color: #ffd900
}

body .pagination .page-item {

    margin: 0px 10px;

}

.my-cards-sec .card-blk ul li {

    width: 50%;

}

.my-cards-sec .card-blk ul li i {

    margin-right: 5px;

}

body .pagination .page-item.active a {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: #ffd900;

    display: flex;

    justify-content: center;

    align-items: center;

    color: black;

}

.mc-rgt-wrp .search-sec input {

    border-bottom: 1px solid #c8c8c8;

    padding: 12px 0px
}

.filter-top-rgt h2 {

    text-align: left;

    margin-bottom: 0;

}

.my-cards-top,
.filters-top2,
.clear-filter-box,
.ft-top-sec {

    margin-bottom: 15px;

}

.filter-blk h3 {

    font-size: 16px;

    line-height: 16px;

    color: white;

    width: 100%;

    padding: 13px;

    background-color: #000000;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.fil-blk-btm {

    padding: 13px;

}

.filter-blk ul li {

    display: flex;

}

.filter-blk ul li span {

    margin-right: 5px;

}

.filter-blk ul li span i {

    display: none;

}

.filter-blk ul li span {

    width: 12px;

    height: 12px;

    border-radius: 3px;

    border: 1px solid #bfbfbf;

}

.filter-blk ul li {

    margin-bottom: 13px;

}

.filter-blk .fil-blk-btm {
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.filter-blk .fil-blk-btm_new {
    max-height: 175px;
}

/* width */
.filter-blk .fil-blk-btm::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.filter-blk .fil-blk-btm::-webkit-scrollbar-track {
    background: black;
}

/* Handle */
.filter-blk .fil-blk-btm::-webkit-scrollbar-thumb {
    background: rgb(93, 93, 93);
}

/* Handle on hover */
.filter-blk .fil-blk-btm::-webkit-scrollbar-thumb:hover {
    background: grey;
}

.card-pf-sec {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    object-fit: cover;
    /* flex-wrap: wrap; */
    gap: 10px;

}

.attribute-wrp {
    margin-bottom: 20px;
}

.attribute-wrp .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 12px;
    line-height: 12px;
}

.attribute-wrp .select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 22px;
}

.attribute-wrp .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    line-height: 20px;
}

.attribute-wrp .select2-container .select2-selection--multiple .select2-selection__rendered {

    display: block;

}

.attribute-wrp ul.select2-selection__rendered {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.attribute-wrp .select2-container--default .select2-selection--multiple {
    padding: 10px 0px 13px 0px;
    height: 53px;
}

/* .attribute-wrp .selection {
	display: inline-block;

	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	height: 55px;
} */
.card-form .select-all input {
    width: unset;
    margin-right: 10px;

}

.card-form .select-all {
    font-size: 14px;
    margin-top: 10px;
}

.attribute-wrp .select2-search {
    display: none;
}

/* .attribute-wrp .select2-search__field{
    margin-top: 10px;
}
.attribute-wrp .select2-selection {
    display: flex;
} */
.card-blk ul.two-sec li {

    width: 50%;

}

.card-pf-sec {

    margin: 10px auto 0px auto;

    justify-content: center;

}

.my-cards-sr-sec .card-top {

    padding-bottom: 10px;

}

.add-cards-sel .card-top {

    border-radius: var(--global-radius);

}

.card-pf-sec div {

    /* margin-left: 10px; */

    font-size: 14px;

    line-height: 21px;

    color: #555555;
    overflow-x: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.card-pf-sec div ::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.card-pf-sec div {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.fil-blk-btm h5 {

    font-size: 14px;

}

.filter-blk ul li span {

    margin-top: 2px;

}

.filter-blk ul li input:checked+span {

    border: none;

}

.filter-blk.grading ul {

    display: flex;

    flex-wrap: wrap;

}

.filter-blk.grading ul li {

    /* width:20%; */

    margin-right: 15px;

}

.filter-blk ul li:last-child {

    margin-bottom: 0;

}

.image-wrap,

.social-sec,
.badge-sec2 {

    width: 202px;

    text-align: center;

}

.image-wrap img {

    width: 202px;

    height: 202px;

    object-fit: cover;

    border-radius: 50%;

}

.social-sec {

    margin-top: 25px;
    min-height: 17px;

}

.star-sec {

    margin-bottom: 10px;

}

.store-rgt h2 {

    margin-bottom: 5px;

    color: black;

}

.store-rgt .yellow-btn {

    padding: 15px 20px;

    margin-top: 0;

    border-radius: var(--global-radius);

}

.store-rgt .yellow-btn.full-width-btn {
    width: 100%;
}

.store-rgt .yellow-btn.full-width-btn {
    width: 100%;
}

.store-rgt p {

    color: #555555;

    font-size: 16px;

    line-height: 28px;

}

.store-flx ul {

    display: flex;

    flex-wrap: wrap;

    font-size: 16px;

    color: #555555;

    align-items: center;

    margin-bottom: 12px;

}

.store-flx ul li:last-child {

    border: none;

}

.pf-link {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.pf-link .img-lk {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}

.pf-link img {
    max-height: 27px;

}

.store-flx ul li {

    padding-right: 10px;

    margin-left: 10px;

    border-right: 1px solid #989898;

    padding-top: 5px;

    padding-bottom: 5px;

}

.store-flx ul li.users-city {

    margin-left: 0;

    background-image: url(../images/location-new.png);

    background-size: 14px;
    background-repeat: no-repeat;

    padding-left: 20px;

    background-position: 0px center;
    font-size: 17px;
    font-weight: 500;

}
.store-flx ul li.users-joined-box {

   background-image: url(../images/calender-icon.png);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 23px;
  background-position: 0px center;

}

.store-flx ul li.users-transactions {
    font-size: 17px;
    font-weight: 600;
}

.store-flx ul li.users-site {

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

    background-size: 17px;

    background-repeat: no-repeat;

    padding-left: 22px;

    background-position: 0px center;

}

.store-flx ul li.users-site a {

    color: #4A98E9;

}

.wishlist {

    width: 32px;

    height: 32px;

    color: black;

    background-color: #ffd900;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.seller-store-top-sec {

    margin-bottom: 20px;

}

.star-sec {

    width: 102px;

    height: 16px;

    background-image: url(../images/star.png);

}

.inner-store-sec {

    background-image: url(../images/bd.png);

    height: 16px;

    background-position: 0px center;

}

.social-sec ul {

    display: flex;

    justify-content: center;
    gap: 15px;
}

.store-rgt h2 {

    text-align: left;
    text-transform: capitalize;

}


.social-sec li a:hover {

    color: #ffd900;

}

.filter-blk ul li input:checked+span i {

    display: block;

    font-size: 12px;

}

.fil-blk-btm input {

    opacity: 0;

    margin-bottom: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    left: 0;

    right: 0;

    height: 100%;

    z-index: 1;

}

.fil-blk-btm ul li {

    position: relative;

}

.filter-blk {

    background-color: #171717;

    margin-bottom: 15px;

    color: #bfbfbf;

    border-radius: var(--global-radius);

}

.shrt-by-wrp2 select,
.shrt-by-wrp select {

    width: 143px;

    padding: 10px 10px;

    margin-bottom: 0;

}

.shrt-by-wrp2,
.shrt-by-wrp {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.shrt-by-wrp2 p,
.shrt-by-wrp p {

    font-size: 16px;

    line-height: 16px;

    color: #555555;

    margin-right: 10px
}

.filters-top h3 {

    width: 100%;

    font-size: 20px;

    font-weight: 500;

    padding: 8px 16px;

    color: #212529;

    background-color: #f1f1f1;

    border-radius: var(--global-radius);

    position: relative;

    border-bottom: solid 1px #DEDEDE;

}

.filters-top h3::before {

    /* content: "\f0b0"; */
    content: "\f0a9";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 18px;

    position: absolute;

    right: 15px;

    top: 15px;

    text-rendering: auto;

    transform: rotate(180deg);

}

.filters-top h3.showing::before {
    transform: rotate(0deg);
}

/** slider **/

.card-details-sec .wrapper {

    width: 100%;

    margin: 0;

}

.gallery__thumbnail {

    height: auto !important;

}

.gallery__thumbnail img {

    padding: 10px;

    background-color: #f1f1f1;

    border-radius: 5px;

    border: 1px solid #bbb9b9;

}

.gallery__controls__thumbnails-ul {

    margin-top: 20px;

}

.gallery__controls__inner {

    margin-left: auto;

    margin-right: auto;

}

.gallery__img-block__img {

    padding: 20px;

    background-color: #f1f1f1;

    border-radius: 15px;

    border: 1px solid #bbb9b9;

}

.gallery__description-block {

    display: none;

}

.card-n-top h3 {

    font-size: 30px;

    color: #060b0f;

    line-height: 40px;

    font-weight: 500;

}

.add-product {

    width: 40px;

    height: 40px;

    border: none;

    background-color: #ffd900;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.add-product {

    margin-left: 60px;

}

.sm-pf-lft img {

    width: 32px;

    height: 32px;

    object-fit: cover;

}

.sm-pf-rgt {

    margin-left: 6px;

    ;

    font-size: 12px;

    line-height: 14px;

    color: #555555;

}

.sm-pf-rgt span {

    color: #ffb900;

}

.description-sec h4 {

    color: #060b0f;

    font-size: 16px;

    font-weight: 500;

}

.description-sec p {

    font-size: 16px;

    color: #555555;

    line-height: 26px;

    margin-bottom: 30px;

    font-weight: 300;

}

ul.des-btm {

    margin-top: 60px;

}

ul.des-btm li:nth-child(2) {

    width: 40%;

}

ul.des-btm-snd li:first-child {

    width: 30%;

}

ul.des-btm-snd {

    margin-top: 30px;

    margin-bottom: 30px;

}

ul.des-btm li {

    width: 25%;

}

.c-dt-rgt ul {

    display: flex;

}

.c-dt-rgt ul li h5 {

    color: #060b0f;

    font-size: 16px;

    font-weight: 500;

}

.c-dt-rgt ul li p {

    color: #555555;

    font-size: 16px;

    font-weight: 400;

}

.c-dt-rgt ul li {

    margin-right: 10px;

}

.c-dt-rgt ul.tm-pr-sec li p {

    font-size: 28px;

    color: #f11717;

    font-weight: 500;

    margin-top: 10px;

}

.tm-btn-sec {

    margin-top: 70px;

}

.tm-btn-sec {

    display: flex;

}

.add-product:hover {

    opacity: 0.7;

}

.tm-btn-sec button {

    margin-right: 20px;

    padding: 16px 25px;

}

.tm-btn-sec .grey-btn {

    background-color: #ececec;

    border-color: #ececec;

    color: #121212;

}

.card-details-sec .t-row {

    --bs-gutter-x: 4rem;

}

body .alert-success {

    background-color: #e0f4e0;

    color: #21570d !important;

    border: none;

}

@media screen and (min-width:1200px) {

    .child-ul2-con .submenumenu-button i {
        color: #000;
    }

    .main-navigation ul ul {

        width: 160px;

        background-color: #f5f5f5;

        position: absolute;

        top: 100%;

        left: 0;

        border: 1px solid #cccccc;

        border-radius: 5px;

        border-top: 5px solid #ffd900;

        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);

        display: none;

        z-index: 999;

    }

    .main-navigation ul li:hover>ul {

        display: block;

    }

    .main-navigation ul ul ul {

        top: 0;

        left: 100%;

    }

    .main-navigation ul ul li {

        width: 100%;

        border-bottom: 1px solid #e3e3e3;

        width: 100%;

        text-align: left;

    }

    .main-navigation ul ul li a,

    .fix-nav .main-navigation ul ul li a {

        color: #555555;

        font-size: 14px;

        display: block;

        width: 100%;

        padding: 10px;

        margin-left: 0;

    }

    .main-navigation ul li a {

        padding: 9px 14px;

    }

    .main-navigation ul ul li a:hover {

        background-color: black;

        color: #ffd900;

    }

    .submenumenu-button {

        position: absolute;

        top: 0;

        bottom: 0;

        right: 0;

        margin: auto;

        width: 14px;

        height: 14px;

        font-size: 11px;

        line-height: 12px;

    }

}

.menu-button,

.close-menu {

    display: none;

}

.search-sec1 {

    width: 255px;

    position: relative;

}

.search-sec1 input {

    width: 100%;

    background: none;

    border: none;

    border-bottom: 1px solid #c8c8c8;

    padding: 12px 0px;

    margin: 0;

    border-radius: 0;

}

.search-sec1 button {

    background: none;

    border: none;

    position: absolute;

    right: 0;

    top: 7px;

    z-index: 99;

}

.search-sec1 input,

.search-sec input {

    padding-right: 30px;

}

.cart-sec h2 {

    text-align: left;

    margin-bottom: 10px;

}

.c-dt-lft table th {

    background-color: #dbdbdb;

    padding: 10px 25px;

    font-size: 16px;

    color: black;

    font-weight: 500;

}

.c-dt-lft table td {

    padding: 20px 25px;

    font-size: 14px;

    line-height: 20px;

    color: #555555;

    vertical-align: middle;

    font-weight: 500;

}

.c-dt-lft table tr {

    border-bottom: 1px solid #e2e2e2;

    border-left: 1px solid #e2e2e2;

    border-right: 1px solid #e2e2e2;

}

.c-dt-lft table {

    width: 100%;

}

.sub-total-wrp {

    background-color: black;

    padding: 15px;

    border-radius: 5px;

    color: white;

}

.sub-total-wrp th:last-child {

    text-align: right;

}

.sub-total-wrp table {

    width: 100%;

}

.sub-total-wrp table th {

    padding: 10px 15px 20px 15px;

}

.sub-total-wrp {

    margin-top: 53px;

}

.sub-total-wrp a.yellow-btn {

    width: 100%;

    padding: 12px 10px;

    border-radius: var(--global-radius);

    text-align: center;

}

.cart-sec .row {

    --bs-gutter-x: 5rem;

}

/* .c-dt-lft table tr:first-child{

	  border-top-left-radius: 5px;

	  border-bottom-left-radius: 5px;

  }

  .c-dt-lft table tr:last-child{

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

} */

.p-name {

    display: flex;

    align-items: center;

}

.p-name img {

    margin-right: 10px;

    width: 70px
}

.delete {

    width: 27px;

    height: 27px;

    cursor: pointer;

    color: white;

    border-radius: 50%;

    background-color: #c65252;

    display: flex;

    align-items: center;

    justify-content: center;

}

.checkout-sec h2 {

    text-align: left;

    margin-bottom: 30px;

}

.billing-dt {

    background-color: #f6f6f6;

    padding: 20px;

    border-radius: 5px;

}

.billing-dt h3 {

    font-size: 24px;

    color: black;

    margin-bottom: 20px;

}

.billing-dt label {

    font-size: 15px;

    color: #555555;

    font-weight: 400;

}

.billing-dt input,

.billing-dt select,

.billing-dt textarea {

    margin-bottom: 20px;

    background-color: white;

    border: 1px solid #e4e4e4;

}

.billing-dt select {

    background-image: url(../images/t2.png);

}

.checkbox-sec span {

    position: absolute;

    left: 0;

    top: 17px;

    left: 5px;

    z-index: 1;

    display: none;

}

.checkbox-sec input {

    margin-top: 17px;

    margin-right: 10px;

    position: relative;

    z-index: 2;

}

.checkbox-sec input:checked+span {

    display: block;

}

.checkbox-sec input:checked {

    opacity: 0;

}

.checkout-sec .pay-top {

    background-color: #dbdbdb;

    padding: 10px 15px;

}

.chk-pay-rgt {

    background-color: #f6f6f6;

    padding: 10px 20px 20px 20px;



    border-radius: 5px;

}

.chk-pay-rgt td {

    font-size: 16px;

    padding: 10px 0px;

}

.chk-pay-rgt table {

    width: 100%
}

.chk-pay-rgt tr td:last-child {

    font-size: 20px;

    text-align: right;

}

.chk-pay-rgt tr:last-child {

    border-top: 1px solid #c8c8c8;

}

.checkout-sec .row.fst {

    --bs-gutter-x: 4.5rem;

}

.sub-pages-list li ul li {

    padding-top: 0;

}

.orders-blk {

    border: 1px solid #cecece;

    border-radius: 5px;

}

.order-blk-top-sec {

    padding: 20px;

}

.orders-row {

    display: flex;

}

.orders-row .order-col:first-child {

    width: 10%;

    padding-right: 30px;

}

.order-col img {

    max-width: 100%;

    padding: 10px;

    border: 1px solid #dadada;

    border-radius: 5px;

    ;

}

.orders-row .order-col:nth-child(2) {

    width: 25%;

    padding-right: 50px;

}

.orders-row .order-col:last-child {

    width: 65%;

}

.order-id {

    font-size: 14px;

    color: white;

    background-color: black;

    padding: 5px 5px;

    border-radius: 5px;

    width: fit-content;

}

.order-id a {
    display: block;
}

.order-col h3,

.order-col h4 {

    font-size: 16px;

    color: black;

    font-weight: 500;

    line-height: 20px;

    margin-top: 5px;

}

.order-col a h5 {

    font-size: 14px;

    text-decoration: underline;

    color: #df5f00;

    margin-top: 5px;

}

.order-col p {

    font-size: 14px;

    color: #555555;

    line-height: 20px;

    margin-top: 8px;

}

.order-flex {

    display: flex;

    margin-bottom: 30px;

}

.order-flex:last-child {

    margin-bottom: 0;

}

.order-flex:nth-child(2) .order-txt {

    width: 50%;

    padding-right: 20%;

}

.order-txt {

    padding-right: 10px;

    width: 25%;

}

.order-blk-btm-sec {

    background-color: #efefef;

    padding: 10px 20px;

    display: flex;

    align-items: center;

}

.btm-sec-lft {

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #080808;

}

.star-no span {

    font-size: 15px;

    font-weight: 500;

    display: block;

    position: relative;

}

.star-no {

    display: flex;

    justify-content: center;

    align-items: flex-end;

}

.star-no span.lt {

    font-size: 30px;

    font-weight: 500;

    text-align: right;

    overflow: hidden;

    margin-right: 10px;

}

.feedbach-modal .modal-dialog {

    max-width: 400px;

}

.mySlides {

    padding: 20px;

    border-radius: var(--global-radius);

    border: 1px solid #d5d5d5;

    background-color: #f1f1f1;



}

.star-no span.rt:after {

    content: '';

    width: 2px;

    height: 30px;

    position: absolute;

    ;

    background-color: black;

    right: 15px;

    height: 15px;

    transform: rotate(20deg);

    top: -2px;

}

.delete:hover {

    opacity: 0.7;

}

.pay-btn a {

    background-color: black;

    color: #ffd800;

    border: 1px solid black;

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

}

.chatType textarea::placeholder {

    opacity: 0.7;

}

.ins-des {

    margin-left: 10px;

    margin-right: 10px;

}

.ins-des a,

.ins-des span {

    color: #df5f00;

}

.dwnld-btn button {

    background-color: white;

    border: 1px solid #d5d5d5;

    border-radius: 5px;

    padding: 3px 10px;

}

.feedback {

    font-size: 14px;

    width: fit-content;

    margin-left: auto;

    cursor: pointer;

}

.feedback:hover {

    color: #df5f00
}

.orders-blk {

    margin-bottom: 30px;

}

.dwnld-btn button i {

    margin-right: 5px;

}

.btm-sec-rgt {

    width: 130px;

    margin-left: auto;

    padding-left: 10px;

    text-align: right;

}

.order-btm-lft-sec {

    display: flex;

}

.order-btm-lft-sec .order-col {

    width: 25%;

    padding-right: 10%;

}

.order-btm-lft-sec .order-col:first-child img {

    margin: 30px 0px 30px 0px;

}

.order-btm-lft-sec .order-col img {

    margin: 15px 0px 30px 0px;
    max-width: 80px;

}

.order-btm-lft-sec .order-txt {

    width: 100%;

    margin-bottom: 30px;

}

.order-btm-lft-sec .order-col:not(:first-child) {

    padding-top: 40px;

}

.dwnld-btn {

    width: 150px
}

.col1 {

    width: 130px;

}

.saved-seller-sec .col1 img {

    width: 110px;

    height: 110px;

    border-radius: 50%;

    object-fit: cover;

}

.col2 {

    width: calc(100% - 180px);

    padding-left: 30px;

    padding-right: 80px;

}

.col3 {

    width: 50px;

    align-self: center;

    padding-right: 0;

}

.col1 img {

    width: 100%;

}

.sv-sl-btm h5 {

    font-size: 18px;

    font-weight: 500;

    color: black;

    margin-bottom: 10px;

}

.sv-sl-btm .yellow-btn {

    font-size: 12px;

    padding: 5px 15px;

    margin-top: 20px;

    border-radius: 5px;

}

.sv-sl-btm .row {

    border-bottom: 1px solid #dcdcdc;

    padding: 35px;

    padding-bottom: 35px;

    margin-left: 0;

    margin-right: 0;

    padding-left: 0;

    padding-right: 0;

}

.sv-sl-btm p:not(.bid-timing, .bid-count, .bid-price-label) {

    color: #555555;

    font-size: 16px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.sv-sl-btm .delete {

    margin-left: auto;

}

.location {

    font-size: 16px;

    color: #555555;

    background-image: url(../images/loc.png);

    background-repeat: no-repeat;

    background-position: left top;

    padding: 2px 0px 5px 25px;

    margin-bottom: 10px;

}

body .pagination .page-item:first-child {

    margin-left: 0;

}

body .pagination .page-item:last-child {

    margin-right: 0;

}

.watch-list-sec h3 {

    font-size: 24px;

    color: #060b0f;

    font-weight: 500;

    margin-bottom: 20px;

}

.watch-list-sec .sv-sl-btm h5:not(.modal-title) {

    font-size: 16px;

    line-height: 16px;

}

.watch-list-sec .location {

    margin-bottom: 0;

    font-size: 14px;

    line-height: 14px;

    background-image: url(../images/l1.png);

}

.wt-lft img {

    width: 60px;

    height: 60px;

    margin-right: 10px;

    object-fit: cover;

}

.wt-flx {

    display: flex;

    align-items: center;

}

.wt-rgt {

    width: calc(100% - 100px);

}

.chat-main {

    display: flex;

    flex-wrap: wrap;

    border: 1px solid #eaeaea;

    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.15);

}

.cnt-search {

    padding: 20px;

    border-bottom: 1px solid #d9d9d9;

    ;

    position: relative;

}

.cnt-search input {

    padding: 10px 50px 10px 20px;

    border-radius: 25px;

    margin-bottom: 0;

    border: 1px solid #e0e0e0;

    ;

}

.cnt-search button {

    height: 35px;

    width: 35px;

    border-radius: 50%;

    background-color: #d6d6d6;

    display: flex;

    border: none;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: 25px;

    right: 25px;

}

.cnt-search input::placeholder {

    font-weight: 400;

}

.chat-lft {

    width: 27%;

    background-color: #f7f6f6;

    border-right: 1px solid #e0e0e0;

    ;

}

.singleUser.active,

.singleUser:hover {

    background-color: #ffd900;

}

.chat-name-sec {

    height: 85px;

}

.singleUser,

.chat-name-sec,

.scrollbox-wrapper {

    border-bottom: 1px solid #e0e0e0;

}

.chatThumb img {

    width: 40px;

    height: 40px;

    border-radius: 50%;

}

.singleUser.active .userCont,

.singleUser:hover .userCont {

    color: black;

}

.chatMid {

    padding: 10px 30px;

    min-height: 450px;

    max-height: 450px;

    overflow-y: auto;

}

.userList {

    max-height: 500px;

}

.userlist-wraper {

    overflow-y: auto;

}

.userCont {

    font-size: 16px;

    color: #515151;

    font-weight: 500;

    margin-left: 10px;

}

.chat-rgt {

    width: 73%;

}

.scrollbox-wrapper {

    position: relative;

    overflow-y: auto;

}

.lc-msg-wrp {

    max-height: 700px;

    overflow-y: auto;

}

.chatLine.me,

.chatLine.other {

    margin-top: 25px;

    margin-bottom: 25px;

}

.chatLine.other {

    display: flex;

}

.chat-name-sec {

    display: flex;

    justify-content: center;

    align-items: center;

}

.chatImg {

    max-width: 100px;

    text-align: center;

}

.chatImg img {

    width: 37px;

    height: 37px;

    border-radius: 50%;

    object-fit: cover;

}

.chatImg h4 {

    color: #000000;

    font-size: 12px;

    margin-top: 10px;

    font-weight: 500;

}

.chatLine.other .txt-other {

    position: relative;

    margin-left: 30px;

}

.chatLine.other .txt-other {

    max-width: 75%;

    margin-left: 15px;

}

.chatLine.other .txt-other .txtInner {

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

    border-top-left-radius: 25px;

    padding: 12px 20px;

}

.chatLine.other .txt-other .txtInner:last-child {

    margin-bottom: 0;

}

.chatLine.other .txtInner p,

.chatLine.me .txtInner p {

    line-height: 20px;
    white-space: pre-line;

}

.chatLine.other .txtInner p {

    font-size: 16px;

    color: #515151;

}

.chatLine.me .txtInner p {

    font-size: 15px;

    color: black;

}

.chatLine.me,

.chatLine.other {

    margin-top: 25px;

    margin-bottom: 25px;

}

.chatLine.me .txtInner {

    position: relative;

}

.chatLine.me .txtInner {

    max-width: 75%;

    margin-left: 15px;

    padding: 12px 20px;

    background-color: #eaeaea;

    border-top-left-radius: 25px;

    border-bottom-left-radius: 25px;

    border-top-right-radius: 25px;

    margin-left: auto;

    margin-bottom: 20px;

}

.chatLine.me .txtInner .txtEmoji {
    right: -15px;
    cursor: default;
}

.chatLine.me .txtInner:last-child {

    margin-bottom: 0;

}

.chatBtm {

    background-color: white;

    height: 70px;

    border-radius: 5px;

}

.chatBtm {

    display: flex;

}

.chatType {

    width: calc(100% - 145px);

}

.form-group {

    margin-bottom: 1rem;

}

.chatType textarea {

    height: 68px;

    resize: none;

    width: 100%;

    border: none;

    webkit-appearance: none;

    padding: 25px 30px;

    font-size: 15px;

    line-height: 15px;

    margin: 0;

}

.chatType textarea::placeholder {

    font-size: 15px;

    line-height: 15px !important;

    font-weight: 400;

}

.chatBtm .form-group.file {

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    visibility: visible;
    overflow: hidden;

}

.file {

    margin-left: -20px;

    z-index: 1;

    position: relative;

    background: white;

    padding-top: 20px;

}

.singleUserInner {

    display: flex;

    align-items: center;

    padding: 10px 20px;

}

.chatBtm .custom-file {

    cursor: pointer;

}

.chatBtm .custom-file input {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    opacity: 0;

    bottom: 0;

    z-index: 2;

    margin: 0;
    /* ---------------------- */


}

.custom-file input {

    border: 0;

    padding: 0;

}

.chatBtm .custom-file-label {

    margin: 0;

    font-size: 0;

    border: 0;

    position: unset;

    overflow: hidden;

    /* background: url(../images/link.png) center center no-repeat; */

    padding: 0;

}

.chatBtm .custom-file-label:after {

    content: "";

    width: 30px;

    height: 30px;

    background: url(../images/link1.png) center center no-repeat;

    top: 20px;

    right: 0px;

    left: 0;

    position: absolute;

    display: inline-block;

    z-index: 1;

    cursor: pointer;

}

.chatBtm .chatSubmit {

    width: 95px;

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    padding: 13px 10px;

    border-radius: var(--global-radius);

    margin-top: 13px;

}

.pg-btm {

    position: absolute;

    right: 0;

    width: 284px;

    background-color: #f5f5f5;

    top: 52px;

    border: 1px solid #cccccc;

    border-radius: 5px;

    border-top: 3px solid #ffd900;

    z-index: 999;

}

.sub-pages-list .pg-btm ul {

    display: block;

}

.pg-blk {

    cursor: pointer;

}

.pg-btm {

    display: none;

}

.sub-pages-list .pg-btm h2 {

    font-size: 18px;

    line-height: 18px;

    color: black;

    border-bottom: 1px solid #cacaca;

    text-align: left;

    margin: 0;

    padding: 10px 15px;

}

.sub-pages-list .pg-btm ul li {

    border-bottom: 1px solid #e3e3e3;

    width: 100%;

    text-align: left;

    display: flex;
    align-items: flex-start;

}

.sub-pages-list .pg-btm ul {

    max-height: 184px;

    overflow-y: auto;

    overflow-x: hidden;

}

.sub-pages-list .pg-btm ul li a div {

    font-size: 14px;

    line-height: 20px;

    color: #555555;

}

.sub-pages-list .pg-btm ul li img {

    width: 40px;

    height: 40px;

    margin-right: 10px;

}

.sub-pages-list .pg-btm ul li a {

    display: flex;

    width: 100%;

    padding: 10px;

}

.sub-pages-list li {

    position: relative;

}

.make-offer-form {

    margin-top: 35px;

    padding: 30px 20px;

    background-color: #f3f3f3;

    border-radius: 5px;

    text-align: center;

}

.make-offer-form h3 {

    font-size: 30px;

    margin-bottom: 20px;

}

.make-offer-form input {

    margin-bottom: 15px;

}

.make-offer-form .yellow-btn {

    padding-left: 40px;

    padding-right: 40px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 8px;

    margin-top: 10px;

}

.make-offer-form input::placeholder,

.make-offer-form textarea::placeholder {

    font-weight: 400;

}

.offer-sent-msg {

    font-size: 16px;

    color: #555555;

    padding: 25px 20px;

    border-radius: 5px;

    margin-top: 35px;

    background-color: #f2f2f2;

}

.offer-blk img {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    ;

    margin-left: auto;

    margin-left: auto;

    margin-bottom: 10px;

    object-fit: cover;

}

.offer-blk h5 {

    font-size: 18px;

    color: #333333;

    font-weight: 500;

    margin-bottom: 15px;

    line-height: 18px;

}

.offer-blk p {

    font-size: 14px;

    color: #5d5d5d;

    margin-bottom: 10px;

    line-height: 14px;

}

.offer-blk a.view-details {

    background: transparent;

    border: 1px solid black;

    border-radius: 5px;

    padding: 8px 10px;

    font-size: 12px;

    line-height: 12px;

    display: block;

    margin-top: 20px;

    ;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}

.offer-blk a.view-details:hover {

    opacity: 0.5;

}

.offer-blk {

    background-color: #f1f1f1;

    text-align: center;

    width: 100%;

    margin-bottom: 30px;

    border-radius: var(--global-radius);

    padding: 30px 20px;

    position: relative;

}

.offer-blk .sent,
.offer-blk .completed,

.offer-blk .received,

.offer-blk .accepted,

.offer-blk .cancelled,
.offer-blk .deleted,

.offer-blk .rejected,
.offer-blk .declined,
.offer-blk .counter-offer,
.offer-blk .payment-pending,
.offer-blk .outbid,
.offer-blk .in-progress,
.offer-blk .no-bids,
.offer-blk .winning {

    position: absolute;

    right: 10px;

    top: 15px;

    font-size: 14px;

    color: white;

    line-height: 14px;

    padding: 5px 10px;

    border-radius: 5px;

}

.col-12 .offer-blk .sent,
.col-12 .offer-blk .completed,
.col-12 .offer-blk .received,
.col-12 .offer-blk .accepted,
.col-12 .offer-blk .cancelled,
.col-12 .offer-blk .rejected,
.col-12 .offer-blk .declined,
.col-12 .offer-blk .counter-offer,
.col-12 .offer-blk .payment-pending,
.col-12 .offer-blk .outbid,
.col-12 .offer-blk .in-progress,
.col-12 .offer-blk .no-bids,
.col-12 .offer-blk .winning {
    top: 0;
}

.counter-offer,
.no-bids {
    background-color: #474646;
}

.sent,
.in-progress {

    background-color: #c39229;

}

.completed,
.payment-pending,
.winning {

    background-color: #13be2a;

}

.received {

    background-color: #2b798e;

}

.accepted {

    background-color: #295d15;

}

.rejected,
.declined,
.outbid {

    background-color: #d74747;

}

.cancelled,
.deleted {

    background-color: #000000;

}

.offers-details-sec .chat-lft {

    width: calc(100% - 500px);

}

.offers-details-sec .chat-rgt {

    width: 500px;

}

.offers-details-sec h2 {

    border-bottom: 1px solid #d0d0d0;

    text-align: left;

    /* padding-bottom: 20px; */

}

.offers-details-sec .chat-main {

    border: none;

    box-shadow: none;

    background: none;

}

.offers-details-sec .chat-lft {

    padding-right: 50px;

    background: none;

    border: none;

}

.chat-rgt-in {

    padding-bottom: 50px;

}

.chat-rgt-in {

    position: relative;

}



.offers-details-sec .userlist-wraper {

    padding: 20px;
    padding-bottom: 0;

    text-align: center;

    border: 1px solid #eaeaea;

    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);

    border-radius: 17px;
    overflow: hidden;
}

.offers-details-sec .chat-rgt-in {

    border: 1px solid #eaeaea;

    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);

    border-radius: 15px;

}

.offers-details-sec .chat-rgt h3 {

    font-size: 30px;

    text-align: center;

    padding: 25px;

    padding-bottom: 0;

}

.offers-details-sec .chatLine.other .txtInner p,

.offers-details-sec .chatLine.me .txtInner p {

    font-size: 14px;

    line-height: 24px;

    word-break: break-word;

}

.amnt {

    font-size: 14px;

    color: #151515;

}

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

.offers-details-sec .chatLine.other .txt-other,

.offers-details-sec .chatLine.other .txt-other {

    max-width: 100%;

    border-radius: var(--global-radius);

}

.offers-details-sec .chatLine.other .txt-other .txtInner,

.offers-details-sec .chatLine.other .txt-other .txtInner {

    border-radius: 15px;

}

.offers-details-sec .chatLine.me {

    display: flex;

}

.offers-details-sec .chatLine.me .txtInner {

    max-width: 100%;

    border-radius: var(--global-radius);

}

.offers-details-sec .chatLine.me .txt-other {

    margin-right: 15px
}

.offers-details-sec .chatLine.me .txt-other .amnt {

    text-align: right;

}

.offers-details-sec .chatLine.me p {

    color: #555555;

}

.card-btm-li ul {

    margin-top: 40px;

    display: flex;

    flex-wrap: wrap;

}

.card-btm-li ul li {

    width: 50%;

    font-size: 20px;

    color: #121212;

    background-image: url(../images/tick.png);

    background-repeat: no-repeat;

    background-position: 0px 5px;

    padding: 5px;

    padding-left: 30px;

}

.acpt-sec {

    margin-top: 15px;

    display: flex;

}

.acpt-sec button {

    font-size: 14px;

    line-height: 14px;

    font-weight: 500;

    background: transparent;

    margin-right: 15px;

    padding: 5px 10px;

    border-radius: 5px;

}

.acpt-sec button:hover {

    opacity: 0.7;

}

.acpt-btn {

    color: #21570d;

    border: 1px solid #21570d;

}

.reject-btn {

    color: #cb4141;

    border: 1px solid #cb4141;

}

.acpt-sec .counter-btn {

    /* color: white; */
    color: #e16800;

    /* border: 1px solid #161616; */
    border: 1px solid #e16800;

    /* background: #161616; */
    background: transparent;

    /* border: 1px solid #161616; */
    border: 1px solid #e16800;

}

.seller-form-sec {

    margin-top: 20px;

    margin-bottom: 20px;

}

.seller-form-sec textarea {

    margin-bottom: 15px;

}

.seller-form-sec {

    text-align: center;

}

.seller-form-sec .yellow-btn {

    margin-top: 10px;

    margin-left: auto;

    margin-right: auto;

}

.offers-details-sec .chatMid {

    min-height: 400px;

    max-height: 600px;

}

.inpt-wrp {

    position: relative;

}

.inpt-wrp:after {

    content: '$';

    position: absolute;

    left: 15px;

    top: 18px;

    color: #555555;

}

.chat-rgt-in .alert-success {

    margin-left: 20px;

    margin-right: 20px;

    margin-top: 20px;

}

.inpt-wrp input {

    padding-left: 30px;

}

.add-pf-text h3 {

    margin-left: 20px;

    font-size: 24px;

    color: #060b0f
}

.add-cards-btn {

    width: 100px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #a6a6a6;

    border-radius: 5px;

    font-size: 12px;

    line-height: 12px;

    color: #555555;

    background-color: transparent;

}

.add-cards-btm {

    margin-top: 30px;

}

.ad-blk img {

    width: 100%;

}

.add-blk-wrp {

    position: relative;

    padding-top: 15px;

    padding-right: 15px;

    margin-bottom: 30px;

}

.cross-btn {

    font-size: 14px;

    width: 17px;

    height: 17px;

    border-radius: 50%;

    background-color: #ca2f2f;

    border: none;

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: center;

    position: absolute;

    right: 0;

    top: 0;

}

.cross-btn i {

    font-size: 10px;

    line-height: 10px;

    color: white;

    margin-top: -1px;

    margin-left: 1px;

}

.w2 {

    margin-top: 60px;

}

.deals-sec .seller-form-sec textarea {

    height: 200px
}

.se-wrp {

    display: flex;

    align-items: center;

}

.se-wrp .ad-btn-wp {

    margin-left: 30px;

}

.ad-btn-wp button {

    padding: 15px 30px;

    min-width: unset;

    border-radius: var(--global-radius);

}

.card-blk {
    position: relative;
    border-radius: var(--global-radius);
    overflow: hidden;
    /* border-bottom-left-radius: var(--global-radius);
    border-bottom-right-radius: var(--global-radius); */
}

.card-blk input {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    opacity: 0;

    z-index: 2;

    height: 100%;

    margin-bottom: 0;

}

.card-blk span:not(.current) {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    z-index: 1;

    height: 100%;

    margin-bottom: 0;

}

.card-blk input:checked+span {

    border: 2px solid #ffd900;

    border-radius: 5px;

}

.md-wrp {

    display: flex;

    margin-top: 10px;

    align-items: center;

}

.my-deals .md-wrp h5 {

    font-size: 18px;

    color: #6c6c6c;

}

.my-deals .md-wrp p {

    font-size: 18px;

    color: black;

    font-weight: 500;

}

.my-deals .offer-blk a.view-details {

    margin-left: 0;

    margin-top: 15px;

}

.my-deals .offer-blk {

    background-color: white;

    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.15)
}

.md-wrp img {

    margin-right: 10px;

    width: 97px;

    height: auto;

    border-radius: 0;

    padding: 10px;

    background-color: #f1f1f1;

    border-radius: 5px;

}

.pf-flx1 {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.my-deals .offer-blk .sent,

.my-deals .offer-blk .received,

.my-deals .offer-blk .accepted,

.my-deals .offer-blk .rejected,
.my-deals .offer-blk .declined,
.my-deals .counter-offer {

    position: unset;

    width: fit-content;

    margin-left: auto;

    opacity: 0.8;

}

.col-lft {

    text-align: left;

}

.offer-blk .pf-flx1 img {

    width: 50px;

    height: 50px;

    object-fit: cover;

    margin-right: 10px;

}

.pf-flx1 {

    margin-top: 40px;

}

.offer-blk .pf-flx1 h4 {

    font-size: 14px;

    color: #555555;

}

.card-details-sec .container {

    position: relative;

}

Hide the images by default .card-details-sec .mySlides {

    display: none;

}

/* Add a pointer when hovering over the thumbnail images */

.card-details-sec .cursor {

    cursor: pointer;

}

/* Next & previous buttons */

.card-details-sec .prev,

.card-details-sec .next {

    cursor: pointer;

    position: absolute;

    top: calc(50% - 25px);

    width: auto;

    padding: 16px;

    margin-top: -50px;

    color: white;

    font-weight: bold;

    font-size: 20px;

    border-radius: 0 3px 3px 0;

    user-select: none;

    -webkit-user-select: none;

}

/* Position the "next button" to the right */

.card-details-sec .next {

    right: 0;

    border-radius: 3px 0 0 3px;

}

/* On hover, add a black background color with a little bit see-through */

.card-details-sec .prev:hover,

.card-details-sec .next:hover {

    background-color: rgba(0, 0, 0, 0.8);

}

/* Number text (1/3 etc) */

.card-details-sec .numbertext {

    color: #f2f2f2;

    font-size: 12px;

    padding: 8px 12px;

    position: absolute;

    top: 0;

}

/* Container for image text */

.card-details-sec .caption-container {

    text-align: center;

    background-color: #222;

    padding: 2px 16px;

    color: white;

}

.card-details-sec .container1 .row {

    --bs-gutter-x: 5px;

}

.card-details-sec .caption-container {

    font-size: 0;

    background-color: white;

}

.card-details-sec .row:after {

    content: "";

    display: table;

    clear: both;

}

/* Six columns side by side */

.card-details-sec .column {

    float: left;

    width: 12.5%;

}

/* Add a transparency effect for thumnbail images */

.card-details-sec .demo {

    opacity: 0.6;

}

.card-details-sec .active,

.card-details-sec .demo:hover {

    opacity: 1;

}

.tab-top ul li {

    position: relative
}

.tab-top ul li input {

    margin-bottom: 0;

    position: absolute;

    width: 100%;

    margin: 0;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

    height: 100%;

    cursor: pointer;

    z-index: 1;

}

.loader {

    border: 10px solid #f3f3f3;

    border-radius: 50%;

    border-top: 10px solid #ffd900;

    width: 80px;

    height: 80px;

    -webkit-animation: spin 2s linear infinite;
    /* Safari */

    animation: spin 2s linear infinite;

}



.loader-wrp {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(0, 0, 0, 0.5);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 99999;

    text-align: center;

}



.inner-div:after {

    content: 'Verifying Your Address';

    color: white;

    margin-top: 10px;

}

.loader-wrp .loader {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.shipping-sec ul {
    display: block;
    font-size: 12px;
}

body .shipping-sec h2 {
    font-size: 24px;
    color: black;
    font-weight: 400
}

.c-dt-rgt {
    padding-top: 70px;
}

.shipping-sec {

    background-color: #f6f6f6;

    padding: 25px 20px;

    margin-bottom: 40px;

}

.input-wrp {

    position: absolute;

    left: 0;

    top: 0;



}

.input-wrp span {

    width: 15px;

    height: 15px;

    border: 1px solid black;

    border-radius: 50%;

    display: block;



}

.input-wrp input {

    position: absolute;

    opacity: 0;

    z-index: 1;

}

.input-wrp input:checked+span {

    background-color: black;
    border: 2px solid white;
    outline: 1px solid black;

}

.shipping-sec ul li {
    display: flex;
    padding-left: 40px;
    margin-bottom: 20px;
    position: relative
}

.shipping-sec ul li .sh-lft {
    width: 25%
}

.shipping-sec ul li .sh-lft img {
    width: 100%
}

.shipping-sec ul li .sh-rgt {
    width: 50px
}

.shipping-sec ul li .sh-mdl {
    width: calc(75% - 50px);
    line-height: 15px;
}

.sh-mdl {
    margin: 0px 10px;
}

.shipping-sec {

    max-height: 500px;

    overflow-y: auto;

}



.page-item.active .page-link {

    background-color: #ffd900;
    ;

}

.pagination {

    align-items: center;

    justify-content: center;
    flex-wrap: wrap;

}

.page-link:focus {

    outline: none;

    box-shadow: none;

}

.loader-bg {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(0, 0, 0, 0.7);

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;



}



/* Safari */

@-webkit-keyframes spin {

    0% {
        -webkit-transform: rotate(0deg);
    }

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

}



@keyframes spin {

    0% {
        transform: rotate(0deg);
    }

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

}

ul.app-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 35px;
    flex-wrap: wrap;
}

ul.app-links img {
    height: 45px;
    transition: all 0.3s ease;
}

ul.app-links a:hover img {
    transform: translateY(-5px);
}

.overflow-hidden {
    overflow: hidden;
}

.pinned-post-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.is-pinned {
    display: flex;
    align-items: center;
    gap: 5px;
}

.is-pinned p {
    font-size: 17px;
    color: #474747;
    font-weight: 500;
}

.is-pinned img {
    width: 25px;
    opacity: 0.8;
}

.has-pinned-content {
    flex-direction: initial !important;
}



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

    .right-nav-wrp {

        padding-right: 70px;

    }

    .right-nav-wrp {

        position: relative;

    }

    .menu-button {

        position: absolute;

        right: 0;

        top: 0;

    }

    .card-btm-li ul li {

        width: 100%;

        margin-bottom: 15px;

    }

    .card-btm-li ul {

        display: block;

    }

    .card-btm-li ul li {

        line-height: 30px;

    }

}

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

    .site-branding {

        top: 5px;

    }

    .menu-button {

        display: block;

        width: 40px;

        height: 44px;

        font-size: 24px;

        color: #fff;

        text-align: center;

        background-color: transparent;

        border: none;

        color: #c59c2b;

        float: right;

        margin: 0;

        z-index: 99;

    }

    .menu-button:before,

    .close-menu:before {

        display: none;

    }

    .menu-button:hover {

        background: none;

        color: #c59c2b;

    }

    .close-menu {

        display: block;

        background: #c59c2b;

        color: #fff;

        border: none;

        border-radius: 0 0 0 15px;

        min-width: inherit;

        width: 35px;

        height: 35px;

        padding: 5px 11px 5px 0;

        position: absolute;

        top: 0;

        right: 0;

        text-align: center;

        margin: 0;

    }

    .menu-wrapper {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        width: 320px;

        height: 100vh;

        overflow: auto;

        padding: 35px 0 25px;

        background: black;

        z-index: 9999;

        -webkit-transform: translateX(150%);

        -moz-transform: translateX(150%);

        -ms-transform: translateX(150%);

        -o-transform: translateX(150%);

        transform: translateX(150%);

        -webkit-transition: all .3s ease-in-out;

        -moz-transition: all .3s ease-in-out;

        -ms-transition: all .3s ease-in-out;

        -o-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

    }

    .show-menu {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

    }

    .navigation-btn {

        display: block;

        background-color: transparent;

        font-size: 16px;

        color: #fff;

        padding: 10px 15px;

        border: none;

        float: right;

    }

    .navigation-btn:hover,

    .navigation-btn:focus {

        background-color: transparent;

    }

    .main-navigation .header-nav {

        width: 100%;

        padding: 0;

    }

    .main-navigation ul {

        float: left;

        width: 100%;

    }

    .main-navigation ul li {

        width: 100%;

        float: left;

        position: relative;

    }

    .main-navigation li a {

        font-size: 16px;

        color: #fff;

        padding: 11px 20px;

        display: block;

        text-align: left;

        border-bottom: rgba(255, 255, 255, .15) solid 1px;

    }

    .main-navigation li a:hover {

        background-color: #fff;

        color: #c59b2b;

    }

    .main-navigation ul ul {

        background-color: rgba(0, 0, 0, .15);

        display: none;

    }

    .main-navigation ul li.selected>ul {

        display: block;

    }

    .main-navigation ul ul li {

        border: none;

        margin-bottom: 0;

    }

    .main-navigation ul ul li a {

        font-size: 16px;

        padding: 11px 10px 11px 35px;

    }

    .submenumenu-button {

        display: block;

        width: 40px;

        font-size: 12px;

        color: #fff;

        text-align: center;

        position: absolute;

        top: 0;

        right: 0;

        padding: 12px 0;

        border-left: rgba(255, 255, 255, .15) solid 1px;

        z-index: 99;

    }

}

@media only screen and (max-width:767px) {
    .filters-top h3::before {
        content: "\f0b0";
        transform: none !important;
    }

    body .shipping-sec {

        font-size: 10px;

    }

    .order-col img {

        max-width: 80px;
    }

    .search-sec input {

        color: #1e1e1e;

        padding-right: 30px;

    }

    .search-sec .btn2 {

        display: none;

    }

    .order-details {
        padding: 40px 0 !important;
    }

    .search-sec button.btn2 {

        position: fixed;

        top: 57px;

        right: 20px;

        z-index: 99;

    }



}

@media only screen and (min-width:992px) {

    .prev {

        left: -100px;

    }

    .next {

        right: -100px;

    }

}

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

    .prev {

        left: 0px;

    }

    .ad-btn-wp button {

        padding: 10px;

        font-size: 12px;

        width: 100px;

    }

    body .add-pf-text h3 {

        font-size: 16px;

        line-height: 20px;

        text-align: left;

    }

    body .deals-sec .chat-rgt,

    body .deals-sec .chat-lft {

        width: 50%;

    }

    .offers-details-sec .chat-lft {

        padding-right: 15px;

    }

    .card-details-sec .t-row {

        --bs-gutter-x: 2rem;

    }

    .image-wrap,

    .social-sec,
    .badge-sec2 {

        width: 150px
    }

    .image-wrap img {

        width: 150px;

        height: 150px;

    }

    .filter-top-rgt h2 {

        font-size: 28px;

    }

    .order-btm-lft-sec .order-col {

        padding-right: 20px;

    }

    .add-cart-btn button {

        padding: 10px 20px
    }

    .next {

        right: 0px;

    }

    .testimonial-blk::before {

        left: 30px;

    }

    .testimonial-blk {

        padding-top: 30px;

    }

    .cart-sec .row {

        --bs-gutter-x: 1rem;

    }

    .c-dt-lft table th:nth-child(2) {

        width: 100px;

    }

}

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

    .banner .row {

        height: unset;

    }

    body .deals-sec .chat-rgt,

    body .deals-sec .chat-lft {

        width: 100%;

    }

    .w2 {

        margin-top: 40px;

    }

    .card-btm-li ul li {

        font-size: 15px;

        line-height: 20px;

    }

    .add-cards-btn {

        margin-top: 15px;

    }

    .offers-details-sec .chat-rgt {

        margin-top: 40px;

    }

    .seller-form-sec h4 {

        font-size: 16px;

    }

    .acpt-sec {

        display: block;

    }

    .offers-details-sec .chatMid {

        height: 80vh;

        min-height: 80vh;

    }

    .acpt-sec button {

        margin-bottom: 15px;

    }

    .offers-details-sec .chat-lft {

        padding-right: 0;

    }

    .offers-details-sec .chat-rgt,

    .offers-details-sec .chat-lft {

        width: 100%;

    }

    .offers-details-sec .chatLine.other .txt-other,

    .offers-details-sec .chatLine.other .txt-other {

        max-width: 75%;

    }

    .banner {

        padding: 60px 0px;

        background-image: linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url("../images/bg.jpg");

        /* W3C */

    }

    h1 {

        font-size: 30px;

        line-height: 40px;

        font-weight: 500;

    }

    h3 {

        font-size: 18px;

        line-height: 28px;

    }

    h2 {

        font-size: 25px;

        line-height: 35px;

        margin-bottom: 20px;

    }

    p {

        font-size: 14px;

        line-height: 24px;

    }

    .banner h3 {

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 20px;

    }

    .banner h3 br {

        display: none;

    }

    a.yellow-btn,

    button.yellow-btn,

    a.grey-btn,

    button.grey-btn {

        padding: 10px 30px;

        font-size: 12px;

    }

    .btn-sec {

        margin-top: 10px;

    }

    .col-wrp:nth-child(2) {

        border-left: none;

        border-right: none;

        border-top: 2px solid white;

        border-bottom: 2px solid white;

    }

    body .banner-btm .col-wrp .btm-blk {

        justify-content: center;

    }

    .btm-blk img {

        max-height: 25px;

    }

    .gap {

        padding: 60px 0px;

    }

    .pad {

        padding-top: 30px;
        padding-bottom: 30px;

    }

    .pad-top {
        padding-top: 20px;
    }

    .card-top {

        padding: 10px;

    }

    .recent-listing .row {

        --bs-gutter-x: 1rem;

    }

    .card-blk ul a,
    .card-blk ul button {

        font-size: clamp(9px, 2.3vw, 12px);
        padding-left: 2px;
        padding-right: 2px;

    }

    .price-sec {

        font-size: 16px;

    }

    .thrd-blk,

    .gt-blk {

        margin-bottom: 30px;

    }

    .img-wrp img,

    .getting-started-sec .img-wrp img {

        max-height: 40px;

    }

    .img-wrp,

    .getting-started-sec .img-wrp {

        width: 70px;

        height: 70px;

        margin-bottom: 10px;

    }

    .control-c.next,

    .control-c.prev {

        height: 50px;

        top: calc(50% - 25px);

        display: none !important;

    }

    .testimonial-blk {

        margin-bottom: 30px;

    }

    .footer-logo img {

        max-width: 150px;

    }

    .nav-list {

        flex-wrap: wrap;
        gap: 10px 0;

    }

    .nav-list li {

        margin: 0px 10px;

    }

    .nav-list li a {

        font-size: 14px;

    }

    .footer-btm-sec p {

        margin-bottom: 20px;

        text-align: center;

    }

    .footer-btm-sec ul {

        justify-content: center;

    }

    .login-sec .join-btn a {

        font-size: 12px;

        padding: 8px 10px
    }

    .login-sec .login-txt a {

        font-size: 12px;

        padding: 8px 10px
    }

    .login-sec .login-txt p {

        font-size: 12px;

    }

    .join-btn {

        /* .login-sec { */

        margin-left: 20px;

    }

    .login-sec {

        margin-left: auto;

    }

    .search-sec button {

        position: relative;

    }

    .search-sec input {

        display: none;

    }

    .search-sec {

        width: unset;

    }

    .search-sec input {

        display: none;

        position: fixed;

        top: 50px;

        left: 0px;

        right: 0px;

        width: 100%;

        background: white none repeat scroll 0% 0%;

        padding: 10px;

        z-index: 99;

    }

    .inner-banner {

        position: relative;

        padding: 60px 0px;

    }

    .inner-banner:after {

        content: '';

        width: 100%;

        height: 100%;

        background-color: rgb(0, 0, 0, 0.5);

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        ;

        z-index: 1;

    }

    .inner-banner h2,

    .inner-banner p,

    .inner-banner h1 {

        position: relative;

        z-index: 99;

    }

    .inner-bann-btm h2 {

        margin-bottom: 30px;

    }

    .top-line ul li {

        width: 70px;

        height: 70px;

        border: 5px solid white;

        font-size: 20px;

        line-height: 20px;

    }

    .top-line:after {

        top: 34px;

    }

    .subs-sec h3 {

        font-size: 13px;

    }

    .subs-sec h3 span {

        font-size: 37px;

    }

    .round-blk h4 {

        font-size: 20px;

    }

    .round-blk {

        width: 105px;

        height: 105px;

    }

    .right-nav-wrp {

        padding-right: 40px;

    }

    .sub-pages-list ul li {

        margin-right: 15px;

    }

    .after-login .right-nav-wrp .search-sec {

        padding-top: 5px;

        margin-right: 15px;

    }

    .sub-pages-list ul li:last-child {

        margin-left: 5px;

    }

    .pg-blk span {

        width: 18px;

        height: 18px;

        font-size: 8px;

    }

    .pg-blk i {

        width: 25px;

        height: 25px;

        font-size: 12px;

        ;

    }

    .subs-sec h2 {

        margin-bottom: 20px;

    }

    .card-upload-sec {

        display: block;

    }

    .card-add-blk {

        margin: 0px auto 50px auto;

    }

    .op-flx-wrp {

        display: block;

    }

    .op-chk {

        border-right: none;

    }

    body .page-link {

        font-size: 14px;

    }

    body .pagination .page-item {

        margin: 0px 0px;

    }

    body .pagination .page-item.active a {

        width: 25px;

        height: 25px;

    }

    .mc-rgt-wrp {

        margin-bottom: 15px;

        gap: 15px;

    }

    .add-cart-btn button {

        padding: 10px;

        font-size: 12px;

    }

    .search-sec1 {

        width: calc(100% - 100px)
    }

    .filter-lft {

        display: none;

    }

    .filter-top-rgt h2 {

        font-size: 20px;

        margin-bottom: 20px
    }

    .filters-top h3 {

        font-size: 0;

        width: 30px;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .filters-top h3:before {

        position: unset;

    }

    .shrt-by-wrp2,
    .shrt-by-wrp {

        justify-content: flex-start;

    }

    .ft-top-sec {

        position: relative;

    }

    .filters-top h3 {

        margin-left: auto;

        cursor: pointer;

        position: absolute;

        right: 20px;

        top: 58px;

        z-index: 1;

    }

    .filter-lft {



        width: 100%;

        max-height: 100%;

        overflow-y: auto;

        z-index: 2;

        background-color: #ffd900;

        padding: 20px;
        margin-bottom: 50px;

    }

    .my-cards-sr-sec .row {

        position: relative;

    }



    .card-n-top h3 {

        font-size: 20px;

        line-height: 30px;

    }

    .add-product {

        width: 30px;

        height: 30px;

        margin-top: 8px;

    }

    .add-product {

        margin-left: 20px;
        margin-top: 0;

    }


    .description-sec p {

        font-size: 14px;

        line-height: 24px;

    }

    ul.des-btm {

        margin-top: 40px;

    }

    .c-dt-rgt ul {

        display: block;

    }

    .card-details-sec .c-dt-rgt ul li {

        width: 100%;

        margin-bottom: 20px;

    }

    .tm-btn-sec {

        margin-top: 30px;

    }

    .tm-btn-sec {

        display: block;

        text-align: center;

    }

    .c-dt-rgt .tm-btn-sec button {

        margin-bottom: 20px;

        margin-right: 0;

        margin-left: auto;

        margin-right: auto;

    }

    ul.des-btm-snd {

        margin: 20px 0px;

    }

    .p-name img {

        width: 30px;

    }

    .c-dt-lft table {

        width: 150%;

    }

    .table-wraper {

        overflow-y: auto;

    }

    .order-blk-top-sec {

        padding: 10px;

    }

    .orders-wrp .orders-blk .orders-row .order-col,

    .orders-wrp .orders-blk .order-txt {

        width: 100%;

        padding-right: 0;

    }

    .orders-row,

    .order-flex {

        display: block;

        padding-right: 0;

    }

    .order-col img {

        margin-bottom: 20px;

    }

    .order-txt {

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .order-flex {

        margin-bottom: 20px;

    }

    .order-blk-btm-sec,

    .order-btm-lft-sec {

        display: block;

    }

    .btm-sec-lft {

        flex-wrap: wrap;

    }

    .ins-des {

        width: calc(100% - 30px);

        margin-right: 0;

        font-size: 14px;

        line-height: 20px;

    }

    .dwnld-btn {

        margin-top: 20px;

    }

    .feedback {

        margin-top: -25px;

        margin-bottom: 20px;

    }

    .order-btm-lft-sec .order-col {

        width: 100%;

        padding-right: 0;

    }

    body .seller .order-btm-lft-sec .order-col img {

        margin: 20px 0px 10px 0px;

    }

    .order-btm-lft-sec .order-col:not(:first-child) {

        padding-top: 0px;

    }

    .order-btm-lft-sec .order-txt {

        margin-top: 0;

        margin-bottom: 20px;

    }

    .order-btm-lft-sec .order-col:nth-child(3) {

        margin-top: 20px;

    }

    .col1,

    .col2,

    .col3 {

        width: 100%;

        padding: 0;

    }

    .col1 img {

        width: 100px;

    }

    .sv-sl-btm .row {

        padding: 20px 0px;

    }

    .col2 {

        margin: 15px 0px
    }

    .watch-list-sec h3 {

        font-size: 18px;

        line-height: 22px;

    }

    .sv-sl-btm .delete {

        margin-top: -45px;

    }

    .saved-seller-sec .search-sec1 {

        width: 100%;

    }

    .watch-list-sec .search-sec1 {

        width: 100%;

    }

    .seller-store-top-sec {

        text-align: center;

    }

    .image-wrap,

    .social-sec,

    .star-sec {

        margin-left: auto;

        margin-right: auto;

    }

    .store-rgt {

        margin-top: 30px;

    }

    .store-rgt h2 {

        text-align: center;

    }

    .store-flx ul {

        display: block;

    }

    body .store-rgt .store-flx ul li {

        border: none;

        width: fit-content;

        margin-left: auto;

        margin-right: auto;

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .pf-link {

        justify-content: center;

    }

    .store-rgt .yellow-btn {

        width: fit-content;

        margin-top: 15px;
        margin-left: auto;

        margin-right: auto;

    }

    .store-rgt .yellow-btn.full-width-btn {
        width: -moz-fit-content;
        width: fit-content;
    }

    .seller-store-top-sec {

        position: relative;

    }

    .wishlist {

        position: absolute;

        top: 0;

        right: 20px;

    }

    .seller-store-sec .search-sec1 {

        width: 100%;

    }

    .seller-store-sec .filters-top h3 {

        top: 0px
    }

    .seller-store-sec .filter-lft {

        top: -130px;

    }

    .pg-btm {

        right: -140px;

        width: 250px;
        z-index: 105;

    }

    .sub-pages-list .pg-btm ul li a div {

        font-size: 12px;

        line-height: 18px;

    }

    .sub-pages-list .pg-btm ul li img {

        width: 30px;

        height: 30px;

    }

    .sub-pages-list .pg-btm h2 {

        font-size: 16px;

        line-height: 16px;

    }

    .sub-pages-list .pg-btm ul li a,

    .sub-pages-list .pg-btm h2 {

        padding: 5px 10px
    }

    .chat-lft,

    .chat-rgt {

        width: 100%;

    }

    .userCont {

        font-size: 14px;

    }

    .chatLine.other .txtInner p,

    .chatLine.me .txtInner p {

        font-size: 12px;

        line-height: 20px;

    }

    .chatBtm .chatSubmit {

        /* padding: 10px; */

        font-size: 12px;

        width: unset;
        padding: 9px 15px;
    }

    .chatType textarea {

        padding-left: 10px;

        padding-right: 20px;

    }

    .chatType {

        width: calc(100% - 80px);

    }

    .userList {

        max-height: unset;

    }

    .chat-name-sec {

        height: unset;

        padding: 15px;

    }

    .chatMid {

        height: calc(100vh - 200px);

        min-height: unset;

        max-height: unset;

        padding: 10px;

    }

    .back {

        position: absolute;

        top: 8px;

        left: 10px;

    }

    .modal h5 {

        font-size: 18px;

    }

    .make-offer-form h3 {

        font-size: 20px;

    }

    .se-wrp {

        display: block
    }

    .ad-btn-wp button {

        width: unset;

        margin-top: 20px;

        width: fit-content;

        margin-left: auto;

    }

    body .add-pf-text h3 {

        font-size: 20px;

    }

    .form-top-sec .pay-ul li:last-child {

        font-size: 18px;

    }

    .plan-ul li:last-child,
    .dis-ul li:last-child {

        font-size: 16px;

    }

    .md-wrp {
        display: block;
    }

    .checkbox-sec input {

        margin: 0;

        margin-top: 5px;

        margin-right: 10px;

    }

    .chk-pay-rgt {

        margin-top: 40px;

    }

    .order-id,
    .offer-blk .sent,
    .offer-blk .received,
    .offer-blk .accepted,
    .offer-blk .rejected,
    .offer-blk .declined,
    .offer-blk .counter-offer {
        font-size: 12px;
    }

}

.card-blk ul button {
    margin: auto;
}

.userlist-wraper img {
    max-width: 300px;
    ;
}

.tk-url {
    margin-top: 15px;
    font-size: 14px;
    color: #555555;
}

body .trc-left input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px !important;
    padding: 10px;

}

body .trc-left {
    max-width: 500px;
}

.tk-url strong {
    font-size: 16px;
    color: black;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
}

.trc-middle .btn {
    height: 100%;
    background-color: #df5f00;
    color: white;
    padding: 10px 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
}

.trc-middle .btn:hover {
    background-color: black;
}

.trc-top {
    margin-top: 15px;
}

.trc-top {
    display: flex;
}

.make-offer-form.mof input {
    padding-left: 40px;
}

.make-offer-form.mof .inp-wrp:after {
    left: 15px;
    font-size: 21px;
    ;
    padding-right: 5px;
    top: 15px;
}

/* .make-offer-form.mof .inp-wrp:after{
	width:1px;
	height:20px;
	background-color: grey;
	position: absolute;
	left: 30px;
	top:10px;
} */
.container1 {
    position: relative;
}

.card-details-sec .next,
.card-details-sec .prev {
    background-color: rgba(0, 0, 0, 0.8);
}

.card-details-sec .prev {
    left: 0;
}

.emoji {
    color: transparent;
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    height: 25px;
    width: 25px;
}

.emoji::selection {
    background-color: highlight;
    color: transparent;
}

.emoji-image {
    font-size: 14px;
    line-height: 28px;
}

.emoji-button {
    cursor: pointer;
    margin: 5px;
}

.emoji-editor {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid #b2b2b2;
    ;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    cursor: text;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    -webkit-font-smoothing: antialiased;
    height: 100px;
    overflow: auto;
    padding: 5px;
    resize: both;
    width: 100%;
}

.emoji-picker {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    width: 210px;
}

.emoji-picker a {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 3px;
}

.emoji-selector {
    border-bottom: 1px solid #ccc;
    display: flex;
}

.emoji-selector li {
    margin: 5px;
}

.emoji-group {
    display: grid;
    grid-template-columns: repeat(6, 16.66667%);
    height: 200px;
    overflow-y: scroll;
    padding: 3px;
}

.emoji-editor {
    margin-bottom: 20px
}

.time {
    font-size: 10px;
}

.me .time {
    text-align: right;
}


.js-image-zoom__zoomed-image {

    right: -100px !important;
    ;
}

.add-cards-btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nx-txt {
    font-size: 35px;
    font-weight: 500;

}

@media only screen and (max-width:767px) {
    .nx-txt {
        font-size: 25px;
        font-weight: 500;

    }
}


.pf-btm li svg {
    width: 15px;
    fill: #555555;
    margin-right: 5px;
}

.pf-btm li a:hover svg {
    fill: #ffd900;
}

label.error {
    color: red !important;
    font-size: 12px !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;


}

body .cart-pf img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: black;
    object-fit: cover;
    margin-right: 0;
}

.cart-sec .c-dt-rgt {
    padding-top: 55px;
}

.cart-sec .p-name {
    position: relative;
}

.scured-img {
    text-align: center;
    max-width: 432px;
    margin: 0px auto;
    margin-top: 0px;
    margin-top: 10px;
}

.scured-img img {
    max-width: 100px;
}

@media only screen and (min-width:768px) {
    .cart-sec .p-rgt.cart-pf {
        position: absolute;
        bottom: 2px
    }

    .report-sec.social-sec.d-none.d-md-flex.align-items-center.gap-2 {
        margin-top: 20px !important;
    }
}

.select-btn button {
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    border: 1px solid grey;
}

.select-btn {
    margin-top: 10px;
}

.right-wrp.bf-rgt ul li a {
    color: white;
}

.right-wrp.bf-rgt ul li a:hover {
    color: #ffd900
}

.right-wrp.bf-rgt {
    align-items: center;
}

.rgt-c {
    width: 253px;
}

.mdl-c {
    width: 267px
}

.lft-c {
    width: calc(100% - 520px)
}

.mk-search h2 {
    font-size: 30px;
}

@media only screen and (max-width:1200px) {
    .lft-c {
        width: 100%;
        margin-bottom: 20px;
    }

    .mdl-c {
        margin-left: auto;
    }

    .rgt-c .shrt-by-wrp2 p,
    .rgt-c .shrt-by-wrp p {
        display: none;
    }

    .child-ul2-con>ul {
        padding-left: 15px;
    }
}

@media only screen and (max-width:767px) {
    .mk-search h2 {
        font-size: 25px;
    }

    .mk-top .filters-top h3 {
        top: 90px
    }

    /* .mdl-c , .rgt-c{
            width:50%
        } */
    .mdl-c {
        width: 223px;
        max-width: 100%;
    }

    .rgt-c {
        width: 120px
    }

    .rgt-c .shrt-by-wrp2 select,
    .rgt-c .shrt-by-wrp select {
        width: 100%
    }

    .rgt-c .shrt-by-wrp2,
    .rgt-c .shrt-by-wrp {
        margin-top: 7px;
    }

    .mdl-c .search-sec1 {
        width: 100%
    }

    .lft-c {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:767px) {
    .right-wrp.bf-rgt ul li a {
        font-size: 12px;
    }
}

.verification-mail h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.verification-mail p {
    font-size: 14px;
    line-height: 20px;
}

.verification-mail button {
    border: none;
    border-radius: 25px;
    background-color: #ffd900;
    color: #121212;
    font-weight: 500;
    padding: 8px 30px;
    margin-top: 20px;
}

.verification-mail img {
    width: 70px;
    margin-bottom: 15px;
}

.c-heading {
    border-bottom: none;
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 6px 13px;

}

@media only screen and (max-width:767px) {
    .c-heading {
        font-size: 22px;
    }
}


.reject-btn:focus,
.counter-btn:focus {
    background-color: #161616;
    border-color: #161616;
    color: #ffffff;
}

.a-btn.active {
    background-color: #161616;
    border-color: #161616;
    color: #ffffff;
}

/* .offers-details-sec .chatMid{
	overflow: hidden;
} */

/* -------------------------- */

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

.search1 input {
    all: unset;
    padding: 9px 45px 9px 9px;
    width: 230px;
    border: 1px solid #dbdbdb;
    border-radius: var(--global-radius);
}

.search1 {
    position: relative;
}

.s-btn {
    position: absolute;
    right: 5.5px;
    top: 50%;
    transform: translateY(-50%);
    outline: none;
    border: none;
    text-align: center;
    height: 35px;
    width: 35px;
    background: #ffd900;
    color: #000000;
    border-radius: 5px;
}

.s-btn:hover {
    opacity: 75%;
}

.view-od {
    border: 1px solid #2ab934;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 20px;
    display: block;
    /* margin-top: 10px; */
    width: fit-content;
    /* text-transform: uppercase; */
    background-color: #2ab934;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 55%);
    ;
    margin-left: auto;
    transition: all 0.3s ease;
}

.view-od:hover {
    background-color: transparent;
    color: #2ab934;
}

.feedback {
    padding-top: 21px;
}

/* #content-tab2 .feedback {
    margin-top: -47px;
} */

#content-tab3 .view-od {
    margin-top: 16px;
}

#content-tab2 .view-od2 {
    margin-top: 15px;
}

#content-tab3 .track-order-btn a {
    margin-top: 19px;
}

/* ================Trade Container Styling================= */
.orders-blk h2.trade-title {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin: 0;
}

.first-row {
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
}

.orders-blk h2.c-txt {
    text-align: left;
    font-size: 20px;
    color: #000000;
    margin-bottom: 50px;
}

.opacity-0 {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* ================Trade Container Styling================= */


.order-details .track-order-btn a {
    margin: 0;
}

.order-details .feedback2 {
    padding-top: 13px;
}

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

label#profile_url\ -error {
    bottom: -16px;
}

.p-t {
    display: flex;
    align-items: center;
    font-size: 10px;
    gap: 3px;
    color: #782006;
    ;
}

.login-sec-wrp .signup-g button img {
    width: 230px;
}

@media(max-width:767px) {

    /* .chatBtm .custom-file input{
		top: 25px;
		width: 24px;
	} */
    .chatBtm {
        position: relative;
        height: 110px;
    }

    footer {
        margin-top: 45px !important;
    }

    .chatBtm .form-group.file {
        position: absolute !important;
        right: 90px;
        bottom: -12px;
    }

    .chatBtm .custom-file-label::after {
        top: 5px;
        left: 5px;
    }

    .chatBtm .chatSubmit {
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

    .chatType {
        width: 100% !important;
    }

    .pg-btm {
        z-index: 105;
    }
}


.d-note {
    font-size: 14px;
    color: #842029;
    font-weight: normal;
    display: block;
    line-height: 17px;
    padding-bottom: 5px;
}

.m-back {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}

.pay1 {
    padding-top: 20px;
}

.pay2 {
    padding-top: 25px;
}

.sr-table {
    width: 100%;
}

.sr-table tr td:first-child {
    width: 35%;
    padding: 5px 3px;
    font-size: 14px;
}

.sr-table tr td {
    padding: 5px 3px;
    font-size: 14px;
    color: #555555;
}

.sr-title {
    color: #060b0f;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    padding-bottom: 15px;
}

.range-blk {
    padding: 13px;
}

.range-blk>ul>li {
    flex-direction: column;
    margin-right: 0 !important;

}

.range-blk h5 {
    font-size: 14px;
    padding-bottom: 10px;
}

.range-blk input {
    margin-bottom: 0 !important;
    width: 75%;
    padding: 5px 7px;
    color: #ffffff;
    font-size: 14px;
}

.range-blk>ul {
    flex-wrap: nowrap !important;
    gap: 15px;
}

.tracking-edit-btn {
    padding: 5px;
    cursor: pointer;
    /* margin-left: auto; */
    color: #ff4800;
}

.track-order-btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.m-back-con {
    display: contents;
}

@media only screen and (max-width: 767px) {
    .testimonial-blk h3 {
        font-size: 14px;
    }
}

.offer-text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    padding-right: 15px;
}

.offer-text p {
    all: unset;
}

.offer-text span {
    color: #ffd900;
}

.dn {
    display: none;
}

.offer-timer {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.oc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 75px;
    border: 1px solid #cbcbcbd6;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 300;
}

.oc span {
    font-size: 17px;
    font-weight: 600;
}

/* @media(max-width:1199px) { */
.o-con {
    order: 1;
}

.l-con {
    order: 2;
}

.m-con {
    order: 3;
}

.offer-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.offer-text {
    padding-bottom: 0;
}

/* } */

@media(max-width:991px) {
    .oc {
        height: 40px;
        width: 60px;
    }

    .oc span {
        font-size: 16px;
        font-weight: 500;
    }
}

@media(max-width:824px) {
    .offer-text {
        padding-bottom: 7px;
        padding-right: 0;
        font-size: 17px;
    }

    .offer-header {
        flex-direction: column;
    }
}

@media(max-width:767px) {
    .o-con {
        order: 2;
        padding-bottom: 10px;
    }

    .l-con {
        order: 1;
        display: grid;
        place-items: center;
    }

    .m-con {
        order: 3;
        display: grid;
        place-items: center;
    }

    .logo img {
        width: 145px;
        padding-bottom: 5px;
    }

    .offer-text {
        font-size: 14px;
    }

    .oc {
        height: 35px;
        width: 55px;
        font-size: 11px;
    }

    .oc span {
        font-size: 13px;
    }
}

.badge-sec2 {
    /* min-width: 202px; */
    position: absolute;
    /* top: calc(100% + 16px); */
    top: 12px;
    z-index: 5;
}

.badge2 {
    font-size: 16px;
    cursor: context-menu;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex-wrap: wrap;
}

.badge2 span {
    display: none;
    color: orange;
}

.badge2 i {
    color: orange;
    font-size: 20px;
}

.badge2:hover span {
    display: block;
}

.badge2:hover i {
    display: none;
}

.social-sec {
    position: relative;
}

@media(max-width:767px) {
    .store-rgt {
        margin-top: 15px;
    }

    .badge-sec2 {
        top: calc(100% + 13px);
    }

    .badge2:hover span {
        display: none;
    }

    .badge2:hover i {
        display: block;
    }

}

.tr-id {
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.tx-lft {
    white-space: nowrap;
}

.order-details .d-flex.align-items-center,
.order-component .d-flex.align-items-center {
    flex-wrap: wrap;
}

/* .heart-icon{
	position: absolute;
    left: 0;
    top: 28px;
    border: 0;
    pointer-events: none;
    z-index: 100;
    color: #ffffff;
    font-size: 17px;
    background-color: #000000;
    width: 100%;
    text-align: center;
    box-shadow: 0px 4px 7px 0 #0000005c;
    padding: 1px;
} */
.heart-icon,
.views-container {
    border: 0;
    /* pointer-events: none; */
    color: #000000;
    font-size: 17px;
    margin-top: 10px;
}

.views-container {
    pointer-events: none;
}

button.heart-icon {
    background: transparent;
}

.heart-icon i {
    color: orange;
    font-size: 20px;
}

.views-container i {
    color: #159bb0;
    font-size: 20px;
}

.price-sec-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* -----affiliate page----- */
.a-link-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.a-link-sec2 {
    display: flex;
    align-items: center;
}

.a-link-sec p {
    font-size: 20px;
    font-weight: 500;
}

.a-link-sec button {
    border: none;
    outline: none;
    padding: 7px 9px;
    background: orange;
    border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
}

.a-link-sec input {
    width: 360px;
    margin: 0;
    height: 40px;
    border: none;
}

.invites-row {
    padding: 50px;
}

.send-link-sec h3,
h3.s-in {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}

.send-link-inputs input {
    max-width: 350px;
}

.send-link-inputs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.send-link-sec .yellow-btn {
    margin-left: auto;
    margin-right: auto;
}

.i-table-con {
    max-width: 90%;
    margin: auto;
    height: 179px;
    overflow: auto;
}

.i-table-con td {
    /* border: 1px solid #b2b2b2; */
    width: 50%;
    padding: 11px 10px;
}

.i-table-con table {
    width: 100%;
}

.i-table-heading p {
    width: 50%;
    padding: 4px 10px;
    font-weight: 500;
    color: #ffffff;
}

.i-table-heading {
    display: flex;
    align-items: center;
    width: 90%;
    margin: auto;
    background: #000000;
    padding: 8px 11px;
}

.i-table-con {
    scrollbar-width: auto;
    scrollbar-color: #000000;
    padding-right: 2px;
}

.i-table-con::-webkit-scrollbar {
    width: 2px;
}

.i-table-con::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
    border-radius: var(--global-radius);
    border: 2px solid #00000045;
}

.i-table-con::-webkit-scrollbar-track {
    background: #b9b9b9b5;
}

.i-table-con tr:nth-child(even) {
    background-color: #ededed;
}

.i-table-con tr:nth-child(odd) {
    background-color: #d5d5d5;
}

.invite-status,
.invite-status-heading {
    width: 75%;
    margin: auto;
}

.invite-status table {
    width: 100%;
}

.invite-status td {
    padding: 11px 10px;
    width: 25%;
}

.invite-status-heading {
    padding: 8px 11px;
}

.invite-status-heading p {
    width: 25%;
}

.invite-status tr:nth-child(even) {
    background-color: #edededc0;
}

.invite-status tr:nth-child(odd) {
    background-color: #d5d5d5c0;
}

.invite-status {
    height: 380px;
    overflow: auto;
}

.invite-status {
    scrollbar-width: auto;
    scrollbar-color: #000000;
    padding-right: 3px;
}

.invite-status::-webkit-scrollbar {
    width: 2px;
}

.invite-status::-webkit-scrollbar-thumb {
    background-color: #b2b2b2;
    border-radius: var(--global-radius);
    border: 2px solid #00000045;
}

.invite-status::-webkit-scrollbar-track {
    background: #b9b9b9b5;
}

.extra-header th {
    padding: 16px 10px;
    font-weight: 500;
    color: #ffffff;
    background-color: #000000;
}

@media only screen and (max-width:767px) {
    .a-link-sec {
        flex-direction: column;
        gap: 12px;
    }

    .invites-row {
        padding: 40px;
    }

    .invites-row .yellow-btn {
        margin-bottom: 40px;
    }

    .i-table-heading,
    .i-table-con,
    .invite-status {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .a-link-sec input {
        width: calc(100% - 40px);
    }

    .invites-row {
        padding: 15px 0;
        padding-bottom: 25px;
    }

    .invite-status table {
        width: 575px;
    }

    .invite-status,
    .i-table-con {
        padding-right: 0;
    }
}

@media (max-width:530px) {
    .invite-status {
        max-width: 530px;
    }

    .invite-status-heading {
        display: none;
    }
}

@media (min-width:576px) {
    .extra-header {
        display: none;
    }
}

.p-t2 {
    position: absolute;
    top: 73px;
}

.share-con {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: end;
    gap: 15px;
}

.share-con .yellow-btn {
    border-radius: 20px;
    margin-left: auto;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 55%);
}

.share-con .yellow-btn i {
    padding-left: 7px;
}

.share-con .view-od {
    margin-left: 5px;
}

#personal_website-error,
#facebook_url-error,
#instagram_url-error,
#twitter_url-error,
#ebay_url-error,
#myslabs_url-error,
#comc_url-error {
    position: absolute;
    bottom: -17px;
}


@media only screen and (max-width:767px) {
    .ft-d-none {
        display: none !important;
    }

    .ft-d-block {
        display: block !important;
    }
}

.moreDesc {
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 2px solid #373737;
    font-size: 16px;
    font-weight: 600;
    padding: 1px;
    margin-top: 13px;
    color: #373737;
}

.less-content p {
    max-height: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-top.d-flex {
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.rich-txt-sec {
    margin-top: 20px;
    margin-bottom: 20px;
}

.new-price {
    color: #19c056 !important;
}

.old-price {
    text-decoration: line-through !important;
    color: #282828 !important;
}

p.old-price span {
    color: #6f6f6f !important;
    text-decoration: line-through !important;
    padding-right: 5px;
}

p.old-price {
    color: #B91F24 !important;
    font-size: 18px !important;
    text-decoration: none !important;
}

.price-sec.old-price {
    text-decoration: none !important;
    color: #B91F24 !important;
    font-size: 12px;
}

.price-sec.old-price span {
    font-size: 14px;
    text-decoration: line-through !important;
    padding-right: 5px;
    position: relative;
    color: #6f6f6f !important;
}

.views-and-heart-con {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

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

    /* .price-sec-container{
		position: relative;
	}
	.views-container {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 25px;
		background: #f1f1f1;
		padding: 3px 2px;
		border-radius: 7px;
		font-size: 13px;
	} */
    .views-container i {
        font-size: 14px;
    }
}

.new-last-box {
    width: 490px;
    max-width: 100%;
    margin: 0 auto;
}

.edit-shipping-costs {
    background: none;
    border: none;
    outline: none;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    margin: 15px 0;
}

.shipping-costs-con {
    display: none;
}

.edit-shipping-costs i {
    padding-left: 5px;
    transition: all 0.3s ease;
}

.edit-shipping-costs.active i {
    transform: rotate(180deg);
    padding-left: 0px;
    padding-right: 5px;
}

.pl-custom {
    padding-left: 15px;
}

@media (max-width:767px) {
    .pl-custom {
        padding-left: 0;
    }

    .ml-unset {
        margin-left: auto;
        margin-bottom: 10px;
    }

    .new-last-box {
        width: 340px;
    }
}

.inner-tab-blk ul {
    margin-top: 15px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 0 10px;
}

.v-badge img {
    height: 22px !important;
    width: 22px !important;
    object-fit: contain !important;
    z-index: 25;
}

/* =====Seller-rearch===== */
.seller-block {
    height: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    transition: all 0.3s ease;
    -webkit-box-shadow: 3px 3px 14px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 14px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 14px 2px rgba(0, 0, 0, 0.1);
}

.seller-inner {
    padding: 20px;
}

.seller-name-flx {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 3px;
}

.seller-name h2 {
    font-size: 22px;
    margin-bottom: 3px;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
}

.seller-inner .s-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    margin-bottom: 20px;
}

.verified-con img {
    width: 22px;
    margin-left: 10px;
}

.verified-con {
    font-size: 15px;
}

.seller-block:hover {
    background: #c2c2c217;
}

@media(max-width: 576px) {
    .seller-inner {
        padding: 20px 2px;
    }
}

/* =====save search===== */
.deleteSavedSearch,
.editSavedSearch {
    color: #e64353;
    background: transparent;
    font-size: 17px;
    /* padding: 3px 7px; */
    margin-left: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.deleteSavedSearch:is(:hover, :focus) {
    color: #e4e4e4;
}

.editSavedSearch:is(:hover, :focus) {
    color: #e4e4e4;
}

.filter-blk.saved-searches .fil-blk-btm {
    max-height: 140px;
    overflow-y: auto;
}

.filter-blk.saved-searches .fil-blk-btm p {
    cursor: pointer;
}

.filter-blk.saved-searches .fil-blk-btm p i {
    padding-left: 3px;
}

.ss-input-section {
    padding: 10px 5px;
    position: relative;
    /* display: none; */
}

.ss-input-section input {
    height: 48px;
    padding-right: 75px;
    color: #fff;
}

.ss-input-section input::placeholder {
    color: #ffffff65;
}

.ss-input-section button {
    background: #ffc107;
    padding: 9px 15px;
    border: none;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 50%;
    height: 47.5px;
    transform: translateY(-50%);
    border-radius: 0 5px 5px 0;
    color: #000;
    font-weight: 400;
    max-width: 72px;
}

.ss-input-section button:hover {
    background: rgb(255, 193, 7, 0.8);
}

.saved-search-section {
    background: #000;
    border-radius: var(--global-radius);
    margin-bottom: 15px;
    overflow: hidden;
}

.watch-table :where(th, td) {
    border: 1px solid #d8d8d8;
    border-color: #d8d8d8 !important;
}

.watch-table tr:last-child td {
    border-bottom: none;
}

.watch-table {
    border-collapse: collapse;
    border-bottom: 1px solid #d8d8d8;
    min-width: 380px;
}

.watchingMbody {
    padding: 10px 20px;
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

@media(min-width: 769px) {
    #watchingModal .modal-dialog {
        max-width: 550px;
    }
}

#watchingModal .modal-body {
    padding-top: 0;
    position: relative;
}

.watch-table thead,
.watch-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.watch-table thead {
    width: 100%;
}

.watch-table tbody {
    overflow-y: auto;
    max-height: 250px;
    display: block;
    width: 100%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.watch-table tbody::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.watch-table tbody {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.watch-table tbody td {
    border-top: none;
    position: relative;
}

.watchingMbody input[type="checkbox"] {
    margin-bottom: 0;
    accent-color: #ffbf00;
}

.watch-table th {
    font-size: 18px;
    padding: 15px 6px;
    color: white;
    background-color: black;
    font-weight: 400;
}

.s-all-sec {
    padding-left: 20px;
}

.watch-table button.yellow-btn {
    padding: 10px 15px;
    display: inline;
}

.watchingMbody .btn-warning:focus {
    box-shadow: none;
}

.custom-popup {
    position: fixed;
    z-index: 1056;
    top: 0;
    background: #000000b2;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 10px;
}

.custom-popup-con {
    display: none;
}

.custom-popup-body {
    width: 450px;
    max-width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    padding-top: 10px;
}

button[data-custom="close"] {
    background: transparent;
    border: none;
    font-size: 19px;
    padding: 2px;
}

.watch-table tr:nth-child(odd) td {
    background: #d5d5d524;
}

.watch-table .send-mssg-btn {
    background: transparent;
    border: none;
}

.watch-table .send-mssg-btn img {
    width: 25px;
    filter: grayscale(100%);
}

.watch-table .send-mssg-btn:hover img {
    filter: none;
}

@media(max-width: 768px) {
    .watchingMbody {
        padding: 10px 0;
    }

    #watchingModal .modal-body {
        padding: 0;
    }
}

.error2 {
    padding: 10px 5px;
    padding-top: 0px;
    font-size: 13px;
}

.change-pass-toggle-btn {
    background: none;
    border: none;
    outline: none;
    font-weight: 500;
    color: #000000;
    font-size: 20px;
    margin: 15px auto;
    display: block;
    margin-top: 35px;
}

.report-sec {
    /* width: 202px; */
    /* margin-top: 75px; */
}

.new-member {
    margin-top: 20px;
    position: relative;
    background: transparent;
    border: none;
}

.new-member span {
    border: 2px solid #6394e2;
    color: #000;
    font-size: 16px;
    padding: 7px 11px;
    user-select: none;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
}

.nm-tooltip {
    background-color: #000;
    color: #fff;
    padding: 8px 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    width: 250px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 12px);
    display: none;
}

.nm-tooltip a {
    text-decoration: underline;
}

.nm-tooltip::before {
    width: 100%;
    z-index: 9;
    height: 23px;
    bottom: calc(100% - 10px);
    position: absolute;
    content: '';
    /* background-color: red; */
    left: 0;
}

.nm-tooltip::after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 8px 9px 8px;
    border-color: transparent transparent #000000 transparent;
    transform: rotate(0deg);
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.new-member:hover .nm-tooltip {
    display: block;
}

.report-btn {
    background: transparent;
    color: #dc3545;
    border: none;
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin: auto;
}

.report-btn img {
    width: 16px;
}

.report-btn:hover {
    opacity: 0.8;
}

.confirm-received-btn {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    background: #84cbff;
    border-radius: 20px;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 55%);
    border: 1.5px solid #84cbff;
}

.confirm-received-btn:hover {
    background: #84cbffd9;
}

.add-t-url {
    color: #ff8300;
    background: transparent;
    border: none;
    font-weight: 500;
    font-size: 14px;
    padding: 5px;
}

.back-link {
    color: #ff8300;
    display: block;
}

.hidden-user-table {
    height: auto;
    width: 600px;
    max-width: 100%;
}

.hidden-user-table table {
    border: 1px solid #dcdcdc;
}

.hidden-user-table table tr:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
}

.hidden-user-table tr {
    background-color: #fff !important;
}

.hidden-user-table img,
.search-list img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.hidden-user-table th {
    padding: 4px 10px;
    font-weight: 500;
    color: #ffffff;
    background-color: #000;
    padding: 19px 10px;
}

.prof-con,
.hidden-prof-link {
    width: fit-content;
    display: inline-block;
}

.hidden-user-search {
    width: 100%;
    border: 1px solid #E6E6E6;
    border-radius: var(--global-radius);
    font-size: 16px;
    line-height: 26px;
    color: #212529;
    padding: 11px 11px 11px 11px;
    margin-bottom: 0;
}

.search-in {
    margin-bottom: 13px;
    position: relative;
    width: 600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* .search-in.show .hidden-user-search {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  } */
.search-list {
    position: absolute;
    left: 0;
    top: calc(100% + 9px);
    width: 100%;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 22px;
    /* background: grey; */
    border-radius: var(--global-radius);
    display: none;
    z-index: 50;
}

.hidden-search-list {
    max-height: 255px;
    overflow-y: auto;
}

.search-list li {
    padding: 12px 15px;
    cursor: pointer;
}

.search-in.show .search-list {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    display: block;
}

.hidden-search-row {
    display: flex;
    /* align-items: center; */
    width: 100%;
    gap: 20px;
}

.search-list li:hover {
    background-color: #f7f7f7;
}

.hidden-user-table * {
    vertical-align: center !important;
}

.action-td .fa-times {
    color: var(--bs-red);
}

.action-td .fa-eye-slash {
    color: var(--bs-info);
}

.action-td .fa-eye {
    color: var(--bs-success);
}

.pf-btm ul li a img {
    margin-right: 10px;
    width: 14px;
    text-align: right;
}

.pf-btm ul li a:hover img {
    filter: invert(76%) sepia(53%) saturate(2464%) hue-rotate(357deg) brightness(149%) contrast(125%);
}

.m-report-sec {
    width: 320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.price-sec-container {
    position: relative;
}

.active-offers {
    width: 25px;
    height: 27px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 10;
    background-image: url('../images/flame.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.orders-blk.cancelled-order,
.cancelled-card .card-blk {
    position: relative;
    border-color: #dc3545;
    overflow: hidden;
}

.orders-blk.cancelled-order::before,
.cancelled-card .card-blk::before {
    position: absolute;
    content: 'Canceled';
    top: 0;
    right: 0;
    font-size: 13px;
    background: #dc3545;
    padding: 5px 7px;
    color: #fff;
    border-radius: 0 0 0 8px;
}

@media(max-width: 768px) {
    .new-member:focus .nm-tooltip {
        display: block;
    }

    .new-member {
        font-size: 12px;
        padding: 5px 8px;
    }

    .price-sec {
        position: relative;
        z-index: 5;
    }

    .active-offers {
        width: 20px;
        height: 25px;
    }

    .right-dropdown {
        position: absolute;
        top: calc(100% + 20px);
        z-index: 10;
        right: 15px;
        background: #000;
        padding: 6px 0;
        border-radius: 5px;
    }

    .right-dropdown::before {
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 5px 10px 5px;
        border-color: transparent transparent #000 transparent;
        transform: rotate(0deg);
        position: absolute;
        bottom: calc(100% - 1px);
        right: 20px;
        z-index: -1;
        pointer-events: none;
    }

    .right-drop-menu .menu-button {
        position: relative;
    }

    .right-drop-menu {
        margin-left: 10px;
    }

    .login-sec>div>a {
        min-width: 76px;
        text-align: center;
    }

    .right-dropdown li a {
        padding: 7px 15px;
        font-size: 14px !important;
        display: block;
    }

    .right-dropdown>li:not(:last-child) {
        margin-bottom: 5px;
    }
}

.right-dropdown {
    display: none;
}

.yellow-btn.sell-card-btn {
    background-color: #2ab934;
    border: 1px solid #2ab934;
    color: #fff;
}

.yellow-btn.sell-card-btn:hover {
    background-color: transparent;
    color: #2ab934;
    border: 1px solid #2ab934;
}


@media(min-width: 768px) {
    .store-rgt .yellow-btn.orange-btn {
        width: 100%;
    }
}

.add-cards-btm>.row {
    width: 100%;
}

.buying-preference-btn {
    padding: 16px 20px !important;
}

#buyingPreferencesModal .filter-blk {
    background: transparent;
    border: 2px solid black;
}

#buyingPreferencesModal .filter-blk h3 {
    background-color: black;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#buyingPreferencesModal .filter-blk textarea {
    border: none;
    padding-bottom: 2px;
    height: 85px;
}

#buyingPreferencesModal .bp-description {
    position: relative;
}

#buyingPreferencesModal .bp-des-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    gap: 3px;
    cursor: text;
}

#buyingPreferencesModal .bp-des-count>* {
    font-size: 14px;
    color: #d3d3d3;
}

#buyingPreferencesModal .bp-scroll {
    max-height: 234px;
}

#buyingPreferencesModal .range-blk h5 {
    text-align: left;
}

@media(min-width: 992px) {
    #buyingPreferencesModal .col-20 {
        flex: 0 0 auto;
        width: 33.3333%;
    }

    #buyingPreferencesModal .bp-scroll {
        height: 234px;
    }

    #buyingPreferencesModal .bp-scroll.bp-scroll-player {
        height: 196px;
    }
}

@media (min-width: 1200px) {
    #buyingPreferencesModal .col-20 {
        flex: 0 0 auto;
        width: 20%;
    }

    .offer-header {
        transform: translateX(-110px);
    }
}

#buyingPreferencesModal #imageInput {
    height: 0;
    opacity: 1;
    top: -30px;
    z-index: -5;
}

#buyingPreferencesModal #imagePreview label,
.add-plus-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
    font-size: 30px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#buyingPreferencesModal #imagePreview {
    flex-wrap: wrap;
}

#buyingPreferencesModal #imagePreview.no-image {
    height: 100%;
}

#buyingPreferencesModal #imagePreview.no-image>.col-6 {
    width: 100% !important;
}

#buyingPreferencesModal #imagePreview .image-container {
    width: 50%;
}

#buyingPreferencesModal #imagePreview .preview-image {
    width: 100%;
    height: 90px;
    object-fit: contain;
    padding: 10px 0;
}

#buyingPreferencesModal #imagePreview .remove-btn,
#addFeedSection .ref-img-con .remove-btn {
    background: #bb2d3b;
    color: #fff;
    border-radius: 50%;
    border: none;
    font-size: 12px;
    position: absolute;
    z-index: 3;
    top: -5px;
    right: 5px;
    height: 18px;
    width: 18px;
}

#buyingPreferencesModal .image-container {
    position: relative;
}

#buyingPreferencesModal #image-err {
    position: absolute;
}

#buyingPreferencesModal .range-blk input {
    color: #000;
    border: 1px solid #000;
}

#buyingPreferencesModal .fil-blk-btm li i {
    color: #000;
}

#buyingPreferencesModal .close {
    position: relative;
}

#buyingPreferencesModal .close .bp-fields {
    pointer-events: none;
    opacity: 0.3;
    cursor: no-drop;
    user-select: none;
}

#buyingPreferencesModal .progress-container {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

#buyingPreferencesModal .upload-block {
    padding-top: 25px;
}

#buyingPreferencesModal .filter-blk ul li span {
    border: 1px solid #000;
}

#buyingPreferencesModal .filter-blk ul li input:checked+span {
    border: none;
}

.sell-to-heading {
    color: #4a4a4a;
    border: none !important;
}

.sell-to-heading a {
    color: #000;
}

.sell-to-box {
    margin-bottom: 40px;
}

.sell-to-row {
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.sell-to-left-inner {
    display: flex;
    align-items: center;
}

.sell-to-left-inner img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
}

.sell-to-right-txt h3 {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 23px;
    text-transform: capitalize;
}

.sell-to-right-txt h3 a {
    text-align: left;
    display: block;
}

.sell-to-right-txt p {
    font-size: 16px;
    line-height: 32px;
    margin-left: 10px;
    color: rgba(26, 26, 26, 0.5);
    text-align: left;
    line-height: normal;
    display: flex;
    gap: 0px 7px;
    flex-wrap: wrap;
    font-weight: 500;
}

/* .sell-to-right-txt p span {
	color: #a6a6a6;
} */

.sell-to-desp {
    text-align: left;
    padding: 15px;
    padding-top: 0;
    padding-left: 65px;
    line-height: normal;
    /* line-break: anywhere; */
    white-space: pre-line;
}

.sell-to-images .sell-img {
    width: 210px;
    height: 250px;
    background-color: #f1f1f1;
    border-radius: var(--global-radius);
    padding: 20px 30px;
    display: flex;
    justify-content: center;
}

.sell-to-images .sell-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sell-to-images {
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #d0d0d0;
    flex-wrap: wrap;
}

.looking-for-heading {
    text-align: left;
    font-size: 14px;
    line-height: 12px;
    color: #a6a6a6;
}

.sell-to-filters {
    padding-top: 20px;
}

.lf-heading {
    font-size: 19px;
    color: #060b0f;
    line-height: normal;
    font-weight: 500;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 7px;
}

.lf-text {
    text-align: left;
    font-size: 15px;
    line-height: normal;
}

.lf-filter {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 240px;
}

.lf-filters-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

/* .sell-to-first {
	border-bottom: 1px solid #d0d0d0;
} */

.profile-name-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media(min-width: 992px) {
    body h2.card-count {
        font-size: 28px;
    }
}

.tab-top ul.feed-tab {
    gap: 15px;
    border: none;
    flex-wrap: wrap;
}

.tab-top ul.feed-tab li {
    border-radius: 17px;
    border: 2px solid #464646;
    /* min-width: 110px; */
    display: flex;
    align-items: center;
    padding: 13px 18px;
    color: #464646;
    font-weight: 600;
}

.feed-tab li::before {
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #464646;
    display: block;
    margin-right: 5px;
    flex-shrink: 0;
}

.tab-top .feed-tab li.current {
    background-color: transparent;
}

.tab-top .feed-tab li.current::before {
    background-color: #ffd900;
}

.feed-heading {
    color: #464646;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}

.new-feed-wrap .tab-top {
    margin: 0;
}

.new-feed-wrap {
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.11);
    padding: 20px;
    border-radius: var(--global-radius);
    background-color: #fff;
    margin-bottom: 25px;
}

button[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.filter-blk.radius h3 {
    border-radius: 5px;
}

.from-feed-card img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.from-feed {
    padding-top: 20px;
}

.from-feed-card {
    width: 100%;
    border-radius: var(--global-radius);
    padding: 20px 30px;
    background-color: #f1f1f1;
    margin-bottom: 20px;
}

#addFeedSection .filter-blk.fil-blk-btm h5 {
    font-size: 16px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-right: 10px;
}

#addFeedSection .filter-blk.fil-blk-btm {
    background-color: #000;
}

#addFeedSection .filter-blk h3 {
    background-color: #000;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#addFeedSection .filter-blk .fil-blk-btm,
#addFeedSection .filter-blk .range-blk {
    border-top: 2px solid black;
}

#addFeedSection .filter-blk {
    background: transparent;
    border: 2px solid black;
}

#addFeedSection .filter-blk .fil-blk-btm h5,
#addFeedSection .fil-blk-btm li i,
#addFeedSection .range-blk h5 {
    color: black;
}


#addFeedSection .filter-blk ul li span {
    border: 1px solid #000;
}

#addFeedSection .fil-blk-btm.open-offers li i {
    color: #fff;
}

#addFeedSection .open-offers.filter-blk ul li span {
    border: 1px solid #fff;
}

#addFeedSection .filter-blk ul li input:checked+span {
    border: none;
}

#addFeedSection .range-blk input {
    color: #000;
    border: 1px solid #000;
}

/* #addFeedSection {
	box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);
	padding: 20px;
	border-radius: 10px;
} */

#addFeedSection .title-flex {
    display: flex;
    flex-wrap: wrap;
    padding: 6px 13px;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    position: relative;
    border-radius: 3px 3px 0 0;
    min-height: 42px;
}

#addFeedSection .filter-blk .title-flex h3 {
    padding: 0;
    display: inline-block;
    width: fit-content;
}

.add-plus-btn {
    flex-shrink: 0;
    margin: 0;
    color: #000 !important;
}

#addFeedSection .add-plus-btn {
    color: #fff !important;
    border: 1px solid #fff;
}

.hidden-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    opacity: 0;
    height: 0;
    width: 0;
    padding: 0;
}

.main-feed-section .yellow-btn {
    display: block;
    margin: auto;
    padding: 13px 40px;
    border-radius: var(--global-radius);
    margin-top: 25px;
}


#addFeedSection .reference-blk .fil-blk-btm {
    min-height: 100px;
    max-height: max-content;
}

#addFeedSection .reference-blk {
    height: 100%;
}

#addFeedSection .ref-img-con img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

#addFeedSection .ref-img-con {
    background-color: #f1f1f1;
    border-radius: var(--global-radius);
    padding: 20px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

#addFeedSection .reference-blk .fil-blk-btm {
    padding: 15px;
    padding-bottom: 0;
}

#addFeedSection .reference-image-row>.row>div {
    margin-bottom: 15px;
}

#feedListing .sell-to-images .sell-img {
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

#feedListing .sell-to-images {
    gap: 0;
    padding-bottom: 0;
}

#feedListing .sell-to-images>div {
    margin-bottom: 20px;
}

#feedListing .sell-to-right {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

a.yellow-btn.feed-edit-btn {
    color: #17a2b8;
    border: 1px solid #17a2b8;
    background-color: transparent;
    transition: all 0.3s ease;
}

a.yellow-btn.feed-edit-btn:hover {
    background-color: #17a2b8;
    color: #fff;

}

button.yellow-btn.delete-feed-btn {
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
}

button.yellow-btn.delete-feed-btn:hover {
    color: #dc3545;
    background-color: transparent;
}

#feedListing button.yellow-btn,
#feedListing a.yellow-btn {
    padding: 13px 25px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
}

button.yellow-btn.leave-review-btn {
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    color: #fff;
    width: 100%;
}

button.yellow-btn.leave-review-btn:hover {
    opacity: 0.8;
}

.review-row {
    border-radius: var(--global-radius);
    background-color: #f8f4f4;
    padding: 20px;
    margin-bottom: 20px;
}

.review-row:last-child {
    margin-bottom: 0;
}

.verified-review img {
    width: 19px;
}

.verified-review {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    text-decoration: underline;
    margin-bottom: 10px;
    text-align: right;
}

.unverified-review {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 10px;
    text-align: right;
}

.review-row .sell-to-right-txt {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
}

.review-row .sell-to-row {
    padding-bottom: 10px;
}

.review-row .sell-to-right-txt p {
    margin-left: 10px;
}

.review-date {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.review-date span {
    color: #a6a6a6;
    padding-right: 8px;
    font-size: 16px;
    line-height: normal;
}

.review-row .sell-to-desp {
    padding: 0;
}

.review-row .sell-to-first {
    border: none;
}

/** FOR LOADER **/
#loading-spin,
.loading-spin {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

#loading-spin::after,
.loading-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #c55732;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.store-tabs-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.store-tabs input[type='radio'] {
    opacity: 0;
    position: absolute;
    z-index: -5;
    height: 0;
    width: 0;
}

.store-tabs label {
    font-size: 19px;
    color: #a5a5a5;
    font-weight: 600;
    margin-bottom: 0;
    padding: 5px 3px 8px;
    cursor: pointer;
    user-select: none;
}

.cart-sec .cart-table .p-rgt.cart-pf {
    position: relative !important;
}

.usd-icon {
    font-size: 16px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #198754;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 3px; */
    flex-shrink: 0;
    cursor: pointer;
}

.review-row .sell-to-right-txt h3 {
    font-size: 18px;
    margin-left: 0;
}

.store-tabs input:checked+label {
    color: #000;
    border-bottom: 3px solid #FFC300;
}

.review-form-row textarea {
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    height: 120px;
}

.review-modal-body .caption {
    display: none !important;
}

span.verified {
    position: relative;
    display: block;
}

span.verified::after {
    position: absolute;
    bottom: -1px;
    right: -6px;
    height: 20px !important;
    width: 20px !important;
    z-index: 25;
    content: '';
    background-image: url('../images/v-badge.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.lf-old-price,
.lf-new-price {
    text-align: right;
    font-size: 14px;
}

.lf-old-price {
    color: #B91F24;
    text-decoration: line-through;
}

.lf-new-price {
    color: #198754;
    font-weight: 500;
}

.p-duration {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: var(--global-radius);
    margin-bottom: 16px;
    padding: 10px 5px;
    gap: 15px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
}

.p-duration .filter-blk {
    all: unset;
}

.p-duration .filter-blk .fil-blk-btm {
    max-height: unset;
    overflow-y: unset;
    padding: 0;
}

.p-duration .filter-blk .fil-blk-btm ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}

.p-duration .filter-blk .fil-blk-btm ul li {
    margin: 0;
    border-right: 2px solid #d3d3d3;
    padding: 0 11px;
}

.p-duration .filter-blk .fil-blk-btm ul li:last-child {
    border-right: none;
}

.p-duration p,
.p-duration li {
    color: #000;
}

.p-duration .yellow-btn {
    padding: 13px 20px;
}

.p-type {
    text-shadow: 0px 1px 1px #747474;
    color: #d7b700;
}

.userlist-wraper {
    position: relative;
}

.userlist-wraper span.badge {
    position: absolute;
    top: 1px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
}

.selling-price .lf-heading {
    font-size: 17px !important;
}

.selling-price .lf-text {
    font-size: 15px !important;
}

.review-row .report-btn {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.review-row .sell-to-left {
    width: calc(65% - 20px);
}

.review-row .sell-to-right {
    width: 35%;
}

.leave-feedback-btn {
    border-radius: 20px !important;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 55%);
    padding: 17px 24px;
    font-size: 15px;
    line-height: 15px;
    background-color: #fbba00;
    border: 1px solid #fbba00;
    font-weight: 500;
    width: max-content;
    /* transition: all 0.3s ease; */
}

.leave-feedback-btn:hover {
    background-color: #fff;
    color: #fbba00;
}

.trade-warning-container {
    padding: 5px 7px;
    border: 1px solid #000;
    border-radius: 16px;
    position: relative;
    z-index: 10;
}

.trade-warn-flex {
    display: flex;
    align-items: center;
    gap: 14px;
}

.trade-warn-right h4 {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    line-height: normal;
}

.trade-warn-right p {
    font-size: 10px;
    line-height: normal;
    margin-bottom: 5px;
    color: #000;
}

.trade-warn-left i {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #ffd900;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.trade-warn-right button {
    background-color: transparent;
    border: 1px solid #000;
    font-size: 11px;
    color: #000;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.trade-warn-right button:hover {
    background-color: #d3d3d366;
}

.trade-warning-container::after {
    height: 85px;
    width: 100%;
    position: absolute;
    z-index: -5;
    background-color: #ffffffb8;
    content: '';
    top: calc(100% + 2px);
    left: -2px;
}

.close-ft-mobile button {
    color: #fff;
    font-weight: 500;
}

.member-since {
    margin-top: 35px;
}

.badge-sec2-container {
    position: relative;
}

.y-dot span {
    position: relative;
}

.y-dot span::after {
    content: '';
    width: 7px;
    height: 6px;
    background-color: #ffd900;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 100%;
    z-index: 5;
    top: 0px;
}

.changes-title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.changes-title span {
    font-weight: 400;
    color: #777;
    font-size: 18px;
}

.changes-title i {
    color: #acacac;
    font-size: 10px;
    margin-right: 4px;
}

.changes-content {
    border-left: 2px solid #d3d3d3a1;
    margin-left: 3px;
    margin-top: 7px;
    padding-left: 75px;
    padding-top: 25px;
    padding-bottom: 35px;
}

.changes-content ul {
    list-style-type: disc;
}

.changes-content ul li {
    margin-bottom: 25px;
    font-size: 18px;
    color: #000;
    text-indent: 8px;
    line-height: normal;
}

.changes-content ul li:last-child {
    margin-bottom: 0;
}

.changes-row {
    margin-top: 40px;
}

.changes-row:first-child {
    margin-top: 0;
}

.sync-row {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f1f1f1;
    padding: 12px 17px;
    border-radius: var(--global-radius);
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

.sync-logo img {
    max-width: 75px;
    padding-right: 8px;
}

.sync-logo {
    flex-shrink: 0;
}

.sync-btn {
    flex-shrink: 0;
    margin-left: auto;
}

.sync-text {
    flex-shrink: 1;
    line-height: normal;
    font-size: 21px;
    font-weight: 500;
    color: #000;
}

.sync-close {
    position: absolute;
    top: -14px;
    right: 0;
    z-index: 5;
    background-color: #000;
    border: none;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}

.sync-close.large {
    /* cursor: auto; */
    font-size: 10px;
    width: 17px;
    height: 17px;
    right: -5px;
    top: -5px;
}

.mcp-banner-ad img {
    border-radius: 10px;
    max-width: 100%;
}

.mcp-banner-ad {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: fit-content;
}

.hide-listing-input input {
    width: fit-content;
    accent-color: green;
    margin-right: 10px;
}

.hide-listing-input label p {
    font-weight: 500;
}

.hide-listing-input {
    margin-bottom: 10px;
}

.card-hidden .card-blk .card-top {
    opacity: 0.55;
    pointer-events: none;
}

@media(min-width: 768px) {

    .close-ft-mobile {
        display: none;
    }

    .profile-page .lft-c,
    .profile-page .mdl-c,
    .profile-page .rgt-c,
    .profile-page .add-cart-btn.ms-md-0 {
        width: fit-content;
    }

    .profile-page .feed-top-row {
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media(max-width: 1200px) {
    .lf-filter {
        max-width: 25%;
        width: 25%;
    }
}

@media(max-width: 992px) {
    .sell-to-images .sell-img {
        padding: 10px 15px;
    }

    .lf-filter {
        max-width: 33.33%;
        width: 33.33%;
    }

    /* .review-row .sell-to-row {
		flex-direction: column;
		align-items: baseline;
	} */
    .sync-text {
        font-size: 18px;
    }
}

@media(max-width: 768px) {
    .sync-close.large {
        font-size: 8px;
        width: 13px;
        height: 13px;
    }

    .member-since {
        width: 100%;
    }

    .new-member {
        margin-top: 0;
    }

    .leave-feedback-btn {
        padding: 10px 30px;
        font-size: 12px;
    }

    .nm-tooltip {
        left: 50%;
        transform: translateX(-50%);
    }

    .review-row .sell-to-row {
        flex-direction: row;
        align-items: center;
    }

    #addFeedSection .ref-img-con {
        padding: 15px;
    }

    .lf-filter {
        max-width: 50%;
        width: 50%;
    }

    .sell-to-images {
        gap: 0;
        justify-content: space-between;
    }

    .sell-to-images .sell-img {
        width: 30%;
        height: auto;
        /* aspect-ratio: 1/1.5; */
    }

    .sell-to-row {
        flex-direction: column;
        align-items: baseline;
    }

    .sell-to-desp {
        padding-left: 0;
        padding-right: 0;
    }

    #feedListing button.yellow-btn,
    #feedListing a.yellow-btn {
        padding: 10px 14px;
        min-width: auto;
    }

    #feedListing .sell-to-right {
        gap: 7px;
    }

    button.yellow-btn.leave-review-btn {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .offers-details-sec .userlist-wraper {
        padding: 15px;
        padding-bottom: 0;
    }

    .offers-details-sec .userlist-wraper.expired {
        padding-top: 35px;
    }

    .verified-review,
    .unverified-review {
        text-align: right;
    }

    .sell-to-right .star-sec {
        margin-left: auto;
        margin-right: 0;
    }

    .changes-content {
        padding-left: 55px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media(max-width: 576px) {
    #addFeedSection .reference-blk {
        margin-top: 25px;
        margin-bottom: 0;
        height: auto;
    }

    .review-row .sell-to-row {
        flex-direction: column;
        align-items: baseline;
    }

    .from-feed-card {
        padding: 15px 10px;
    }

    .review-row .sell-to-left,
    .review-row .sell-to-right {
        width: 100%;
    }

    .verified-review,
    .unverified-review {
        text-align: left;
    }

    .review-row .report-btn,
    .sell-to-right .star-sec {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .review-date {
        flex-direction: column;
        align-items: baseline;
    }

    .changes-content ul li {
        margin-bottom: 20px;
        font-size: 17px;
        text-indent: 3px;
    }
}

@media(max-width: 500px) {
    .store-tabs-flex {
        gap: 8px;
    }

    .sell-to-images .sell-img {
        width: 46%;
        margin-bottom: 20px;
    }

    .lf-filter {
        max-width: 100%;
        width: 100%;
    }

    .sell-to-images {
        padding-bottom: 0;
    }

    .sell-to-right-txt p span {
        display: block;
    }

    .from-feed-card img {
        height: 200px;
    }

    .changes-title span {
        font-size: 16px;
    }

    .changes-title {
        font-size: 18px;
    }

    .sync-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .sync-row .sync-logo {
        max-width: 40px;
    }

    .sync-logo img {
        padding: 0;
        object-fit: contain;
        width: 100%;
    }

    .sync-text {
        font-size: clamp(12px, 3.2vw, 16px);
        text-align: left;
    }

    .sync-btn {
        margin-right: auto;
        padding: 0;
    }

    .sync-btn .yellow-btn {
        padding: 10px 20px;
    }

    .sync_btn_area {
        display: grid;
        grid-template-columns: 30px 1fr;
        row-gap: 5px;
        padding: 10px;
    }

    .sync_btn_area .sync-btn {
        margin-top: 5px;
        width: 100%;
        grid-column: 1 / -1;
    }

    .sync_btn_area .sync-btn .yellow-btn {
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .nm-tooltip {
        left: 85%;
    }

    .sync-btn a {
        padding: 16px 30px !important;
    }
}

/* new css */
.export-btn {
    border: 1px solid #17a2b8;
    background-color: transparent;
    padding: 13px 17px;
    border-radius: 7px;
    font-size: 15px;
    line-height: 15px;
    color: #17a2b8;
    font-weight: 500;
    margin-left: auto;
    display: block;
    margin-bottom: 15px;
}

.export-btn:hover {
    background-color: #17a2b8;
    color: #fff;
}

.changes-content * {
    all: revert;
}

.sync_btn_area .sync-btn {
    max-width: 240px;
    display: flex;
    justify-content: end;
}

/* =============three dot menu on order component============ */
.right-three-dropdown .open-three-menu {
    background-color: #ffd900;
    border: none;
    padding: 3px 11px;
    color: black;
    display: inline-flex;
    border-radius: 50px;
}

.right-three-dropdown {
    position: relative;
    margin-left: auto;
}

.right-three-dropdown-menu {
    display: none;
    position: absolute;
    width: 160px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    border-top: 5px solid #ffd900;
    z-index: 100;
    overflow: hidden;
    right: 0;
    top: calc(10% + 25px);
    box-shadow: 0px 3px 15px -1px #0000003d;
}

.right-three-menu button,
.first-btn {
    background-color: transparent;
    text-align: left;
    color: rgb(85, 85, 85);
    font-size: 14px;
    padding: 6px 10px;
    text-decoration: none;
    width: 100%;
    border: none;
    font-weight: 400;
    transition: all 0.3s ease;
}

.right-three-menu button:hover,
.first-btn:hover {
    background-color: black;
    color: #ffd900;
}

.right-three-menu {
    border-bottom: 1px solid #e3e3e3;
}

.right-three-menu:last-child {
    border: none;
}

.refund-reason-modal {
    padding: 10px;
}

.right-three-top p {
    font-size: 12px !important;
    line-height: normal;
    color: rgb(85, 85, 85);
    text-align: center;
}

.reason {
    color: rgb(85, 85, 85);
    font-size: 14px;
    text-align: left;
    margin-top: 5px;
}

.right-three-top .reason button {
    background-color: transparent;
    border: none;
    color: #84cbff;
}

.right-three-top .cancel-order-inner {
    border-bottom: 1px solid #e3e3e3;
    padding: 6px 10px;
}

.accept-decline-flex {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accept-decline-flex button {
    width: calc(50% - 2.5px);
    font-size: 12px;
    padding: 3px 2px;
}

.right-three-top .alert {
    padding: 2px;
    margin: 0;
}

.first-btn {
    border-bottom: 1px solid #e3e3e3;
}

@media(max-width: 768px) {
    .orders-blk.cancelled-order {
        padding-top: 30px;
    }
}

.orders-blk.grey-out .add-t-url,
.orders-blk.grey-out .package-received,
.orders-blk.grey-out form.order_validate {
    opacity: 0.4;
    pointer-events: none;
}

/* ====================Feed Redesign==================== */
.new-feed-desp {
    position: relative;
}

.new-feed-desp .bp-des-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    gap: 3px;
    cursor: text;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    pointer-events: none;
}

.new-feed-desp textarea {
    color: #464646;
    border: 2px solid #464646;
    font-size: 16px;
    line-height: 22px;
    height: 100px;
    border-radius: 17px;
    font-weight: 500;
}

.new-feed-desp .bp-des-count * {
    color: #464646;
    font-size: 15px;
    font-weight: 500;
}

.new-feed-post-duration li::before {
    content: none;
}

.new-feed-post-duration li span {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #464646;
    display: block;
    margin-right: 5px;
    flex-shrink: 0;
}

.new-feed-post-duration li input[type="radio"]:checked+span {
    background-color: #ffd900;
}

.new-feed-budget input {
    color: #464646;
    border: 2px solid #464646;
    font-size: 16px;
    line-height: 22px;
    border-radius: 17px;
    width: 105px;
    height: 47px;
    margin: 0;
    padding-left: 27px;
    font-weight: 500;
}

.green-btn {
    width: 100%;
    height: 55px;
    border: 2px solid #00A310;
    background-color: #00A310;
    color: #fff;
    border-radius: 100px;
    font-size: 22px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.green-btn:hover {
    background-color: #fff;
    color: #00A310;
}

.new-add-plus-btn {
    color: #464646;
    font-size: 15px;
    border-radius: 65px;
    padding: 8px 14px;
    border: 2px solid #464646;
    cursor: pointer;
    font-weight: 600;
}

.new-add-plus-btn:hover {
    opacity: 0.85;
}

.new-feed-card-img {
    width: 115px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.new-feed-card-img img {
    max-width: 100%;
    max-height: 190px;
}

.new-feed-card-img .remove-btn {
    background: #bb2d3b;
    color: #fff;
    border-radius: 50%;
    border: none;
    font-size: 12px;
    position: absolute;
    z-index: 3;
    top: -6px;
    right: -6px;
    height: 18px;
    width: 18px;
}

.new-feed-card-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    width: max-content;
}

.new-feed-card-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 15px 0;
}

.new-feed-card {
    border: 1px solid #A9A8A8;
    padding: 15px;
    border-radius: 8px;
    position: relative;
}

.new-price-sec {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    color: #1A1A1A;
}

.new-feed-card-section {
    margin-top: 10px;
}

.main-feed-section .text-start {
    margin: 0;
}

.new-open-to-offers .switch {
    margin: 0;
}

.new-open-to-offers {
    border-radius: 13px;
    border: 2px solid #464646;
    padding: 10px 15px;
    margin-top: 15px;
}

.new-feed-budget {
    display: inline-block;
    position: relative;
}

.new-feed-budget::after {
    content: '$';
    color: #464646;
    font-size: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}

#feedListing .sell-to-left-inner img {
    border: 1px solid #A9A8A8;
}

#feedListing .sell-to-desp {
    font-weight: 600;
    color: rgba(26, 26, 26, 0.8);
    font-size: 18px;
}

#feedListing .offers-details-sec .userlist-wraper {
    text-align: unset;
}

#feedListing .sell-to-desp {
    padding-left: 0;
}

.feed-heading2 {
    color: rgba(26, 26, 26, 0.8);
    margin-bottom: 0;
}

#feedListing .new-feed-card-scroll {
    padding-top: 3px;
}

#feedListing .new-feed-card-section {
    margin-bottom: 10px;
    margin-top: 0;
}

.new-price-flex {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}

.new-feed-price {
    font-weight: 600;
    font-size: 18px;
}

.new-feed-old-price {
    color: #BF3600;
    text-decoration: line-through;
}

.new-feed-new-price {
    color: #00A310;
}

#feedListing .yellow-btn.sell-card-btn {
    background-color: #00A310;
    border: 1px solid #00A310;
    color: #fff;
    transition: all 0.3s ease;
}

#feedListing .yellow-btn.sell-card-btn:hover {
    background-color: #008A0D;
    border: 1px solid #008A0D;
}

#feedListing button.yellow-btn {
    background-color: #FFD801;
    border: 1px solid #FFD801;
    color: #1A1A1A;
    transition: all 0.3s ease;
}

#feedListing button.yellow-btn:hover {
    background-color: #E6C700;
    border: 1px solid #E6C700;
}

#feedListing .yellow-btn.delete-feed-btn {
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
    transition: all 0.3s ease;
}

#feedListing .yellow-btn.delete-feed-btn:hover {
    background-color: #c82333;
    color: #fff;
    border: 1px solid #c82333;
}

#feedListing .yellow-btn.leaderboard-btn {
    background-color: #2A6CBA;
    color: #fff;
    border: 1px solid #2A6CBA;
    transition: all 0.3s ease;
}

#feedListing .yellow-btn.leaderboard-btn:hover {
    background-color: #1D4F8C;
    border: 1px solid #1D4F8C;
}

.feed-comment-section {
    background-color: #fff;
    border-top: 2px solid #A9A8A8;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 20px;
}

.feed-comment-btn a {
    color: #A9A8A8;
    font-weight: 500;
    font-size: 18px;
}

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

.feed-like-comment-flex {
    display: flex;
    align-items: center;
    gap: 17px;
    position: relative;
    z-index: 5;
}

.feed-lc:hover {
    opacity: 0.8;
}

.feed-lc button {
    background-color: transparent;
    border: none;
    outline: none;
    color: #464646;
    font-weight: 600;
    font-size: 17px;
}

.feed-lc button svg {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.feed-lc button.liked svg path {
    fill: #da3838 !important;
}

.c-feed-card {
    border: 2px solid #A9A8A8;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 145px;
}

.c-feed-card h3 {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    color: #00A310;
    margin: 0;
    margin-bottom: 5px;
    line-height: unset;
}

.c-feed-card p {
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    color: rgba(26, 26, 26, 0.8);
}

.c-feed-inner {
    padding: 30px 15px;
}

.community-feed-section {
    margin-bottom: 25px;
}

/* feed details */

.feed-details-top-flex {
    margin-bottom: 25px;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.feed-details-right-flex {
    display: flex;
    /* align-items: center; */
    gap: 20px;
}

.feed-back-btn,
.feed-share-btn {
    background-color: #fff;
    color: #000;
    border-radius: 15px;
    width: 60px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);
}

.feed-share-btn i {
    font-size: 19px;
}

.feed-back-btn i {
    font-weight: 900;
    font-size: 30px;
}

.feed-details-like-comment {
    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
}

.poe {
    pointer-events: none;
}

.submit-comment-btn {
    padding: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.submit-comment-btn img {
    width: 32px;
}

.feed-details-comment-section input,
.feed-details-comment-section input::placeholder {
    color: rgb(169, 168, 168);
    font-weight: 500;
    font-size: 18px;
    background-color: #fff;
    border: none;
    margin: 0;
}

.feed-details-comment-section input {
    color: rgba(26, 26, 26, 0.8);
    padding: 15px 20px;
    padding-right: 82px;
    background-color: #fff;
    border-radius: 100px;
}

.feed-details-comment-section {
    position: relative;
    /* margin-bottom: 25px; */
    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);
    border-radius: 100px;
}

.fc-card-top-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.fc-card-img img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #A9A8A8;
}

.fc-card-name {
    font-size: 18px;
    font-weight: 600;
    color: #5A5A5A;
    line-height: 23px;
}

.fc-card-name a {
    text-transform: capitalize;
}

.fc-card-name span {
    color: #A9A8A8;
}

.fc-card-comment p {
    margin: 7px 0;
    color: rgba(26, 26, 26, 0.8);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.feed-comment-card {
    background-color: #fff;
    width: 100%;
    border-radius: 17px;
    box-shadow: 0px 3px 28px 5px rgba(0, 0, 0, 0.11);
    padding: 12px 20px;
}

:root {
    --feed-comment-padding: 30px;
}

.feed-comment-card-section {
    min-width: 460px;
    padding-left: var(--feed-comment-padding);
    padding-right: var(--feed-comment-padding);
}

.feed-comment-scroll {
    overflow-x: auto;
    width: 100%;
    padding: 0 12px;
    padding-bottom: 40px;
}

.feed-container {
    max-width: calc(1200px + calc(var(--feed-comment-padding) * 2));
    margin: 0 auto;
}

.fc-card-reply {
    color: #A9A8A8;
    font-size: 16px;
    font-weight: 600;
}

.reply-comment-btn {
    font-size: 16px;
    font-weight: 600;
    color: #5A5A5A;
    background-color: transparent;
    border: none;
    outline: none;
}

/* .feed-details-show-comment-section{
	overflow-x: auto;
} */

/* .feed-details-show-comment-section > ul > li > ul{
	margin-left: 50px;
	border-left: 2px solid #A9A8A8;
  }
  .feed-details-show-comment-section > ul > li > ul >li{
	padding-left: 50px;
	margin-top: 10px;
  }
  .feed-details-show-comment-section > ul > li{
	margin-bottom: 25px;
  } */

.feed-details-show-comment-section>ul>li ul {
    margin-left: calc(var(--feed-comment-padding) * 2);
    border-left: 2px solid #A9A8A833;
}

.feed-details-show-comment-section ul li {
    padding-top: 25px;
    /* padding-left: 50px; */
}

.feed-details-show-comment-section>ul>li {
    padding-left: 0;
}

#replyCommentModal .modal-title {
    color: #5A5A5A;
}

#replyCommentModal .modal-title span {
    color: #000;
}

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

.feed-url-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.feed-url-flex {
    display: flex;
    align-items: center;
}

.feed-url-text {
    overflow-x: auto;
    padding: 15px 0;
    scrollbar-width: none;
    flex-grow: 1;
    flex-shrink: 1;
}

.feed-url-text-inner {
    width: max-content;
    font-size: 16px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.8);
}

.feedCopyUrlBtn {
    background-color: #FFD801;
    color: #000;
    border: none;
}

.feedCopyUrlBtn {
    border: none;
    outline: none;
    padding: 7px 9px;
    background: orange;
    border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
}

input.hidden-feedUrl {
    position: absolute;
    top: -1000px;
    height: 0;
    width: 0;
    opacity: 0;
}

.inline-anchor {
    width: fit-content;
    display: block;
}

/* add card page sync section */
.sync-card-inner {
    max-width: 570px;
    margin: 0 auto;
    background-color: #f4f4f4;
    padding: 15px 25px 25px 25px;
    border-radius: 12px;
    border: 2px solid #b2b2b2;
    outline: 10px solid #f4f4f4;
}

.sync-card-title {
    font-size: 20px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.8);
    margin-bottom: 10px;
}

.sync-card-section {
    margin-bottom: 50px;
}

.sync-card-flex {
    display: flex;
    /* align-items: center; */
    border: 2px solid #b2b2b2;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    height: 50px;
}

.sync-card-select {
    flex-shrink: 0;
}

.sync-card-select select {
    margin: 0;
    border: none;
    background-color: #f4f4f4;
    font-weight: 500;
    font-size: 17px;
    color: rgba(26, 26, 26, 0.8);
    height: 100%;
    border-right: 2px solid #b2b2b2;
    border-radius: 0;
    height: 50px;
}

.sync-card-input {
    flex-shrink: 1;
    flex-grow: 1;
}

.sync-card-input input {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.8);
    width: 100%;
    border: none;
    height: 100%;
    border-radius: 0;
    height: 50px;
}

.sync-card-input input::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.8);
    opacity: 0.75;
}

.sync-card-btn {
    height: 50px;
}

.sync-card-btn button {
    height: 100%;
    padding: 5px 15px;
    background-color: #ffc600;
    color: rgba(26, 26, 26, 0.8);
    border: none;
    border-left: 2px solid #b2b2b2;
    font-weight: 500;
    font-size: 17px;
    height: 50px;
    min-width: 115px;
}

.sync-card-btn button i {
    margin-right: 5px;
}

.sync-card-btn button.sync-success {
    background-color: #4ba638;
    opacity: 1;
}

.sync-card-section::after {
    max-width: 275px;
    height: 2px;
    background-color: #b2b2b2;
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

.sync-card-left {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
}

.sync-loading .sync-card-btn button i {
    animation: rotate-animation 2s infinite linear;
}

.sync-loading.sync-card-btn button {
    pointer-events: none;
}

.sync-card-select select[disabled],
.sync-card-input input[disabled] {
    background-color: #dcdcdc;
}

#addCardForm input.error,
#addCardForm select.error,
#addCardForm textarea.error .card-add-blk.error {
    border: 1px solid var(--bs-danger);
}

#addCardForm input.valid,
#addCardForm select.valid,
#addCardForm textarea.valid,
.card-add-blk.valid {
    border: 1px solid #4ba638;
}

.synced-success-message {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    color: #4ba638;
    display: none;
}



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

    50% {
        transform: rotate(180deg);
    }

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

.view-replies-btn {
    min-width: max-content;
    background-color: transparent;
    border: none;
    font-size: 16px;
    margin-top: 10px;
    color: #000;
    margin-left: var(--feed-comment-padding);
    text-align: left;
}

.feed-url-section {
    max-width: 400px;
    margin: 0 auto;
}

.sync-loading .add-card-sectionn {
    position: relative;
}

.sync-loading .add-card-sectionn::after {
    content: '';
    position: absolute;
    height: 100%;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
}

.sell-your-card-title {
    font-weight: 600;
    font-size: 23px;
    line-height: normal;
    margin-bottom: 0;
    text-align: initial;
    color: #1A1A1A;
}

.matches-box {
    background-color: red;
    height: 50vh;
    min-height: 500px;
}

.match-box-heading-flex {
    display: flex;
    align-items: center;
}

.match-box-heading-flex img,
.buyer-profile-details-flex img {
    height: 45px;
    object-fit: cover;
    border-radius: 100%;
    width: 45px;
}

.match-box-heading-flex h3 {
    font-weight: 600;
    font-size: 21px;
    color: #1A1A1A;
    margin-left: 7px;
}

.match-box-heading-flex h3::after {
    width: 25px;
    height: 25px;
    background-image: url('../images/star-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.buyer-card-component {
    background-color: #fff;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 22px;
    margin-top: 25px;
}

.buyer-card-top,
.buyer-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buyer-profile-details-flex {
    display: flex;
    align-items: center;
    gap: 7px;
}

.matches,
.budget,
.buyer-card-bottom .tags-btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    background-color: #FDD800;
    padding: 4px 13px;
    min-width: 120px;
    text-align: center;
}

.buyer-profile-details h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 23px;
    text-transform: capitalize;
    display: inline;
}

.p-star-flex {
    display: flex;
    align-items: center;
}

.p-star-flex p {
    font-size: 16px;
    color: rgba(26, 26, 26, 0.5);
    text-align: left;
    line-height: normal;
    font-weight: 500;
}

.p-star-flex .star-sec {
    transform: scale(0.80);
    margin-left: -6px;
}

.buyer-card-middle p {
    font-weight: 500;
    color: rgba(26, 26, 26, 0.8);
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.budget {
    background-color: #00B23D;
    color: #fff;
    width: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buyer-card-bottom {
    align-items: initial;
}

.buyer-card-bottom .tags {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    line-height: 28px;
}

.buyer-card-bottom {
    gap: 20px;
}

.buyer-card-component.selected {
    outline: 2px solid #FDD800;
}

.sell-your-card-filters input,
.sell-your-card-filters select {
    height: 42px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.buyer-card-bottom .tags-btn {
    flex-grow: 1;
    line-height: 28px;
    flex-shrink: 1;
    background-color: transparent;
    outline: 1px solid #A9A8A8 !important;
    border: none;
    position: relative;
}

.buyer-card-bottom .tags-btn::after {
    content: attr(data-tags);
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    position: absolute;
    line-height: 25px;
    background-color: #fff9da;
    border-radius: 20px;
    border: 1px solid #000;
    padding: 5px;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 5;
    cursor: auto;
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.buyer-card-bottom .tags-btn::before {
    height: 20px;
    width: 20px;
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #000000 transparent;
    content: '';
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.buyer-card-bottom .tags-btn:is(:hover, :focus)::after,
.buyer-card-bottom .tags-btn:is(:hover, :focus)::before {
    opacity: 1;
    visibility: visible;
}

.sell-card-right {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.matched-card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 10px;
}

.matched-card-scroll {
    min-height: 350px;
    height: calc(100vh - 270px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.matched-cards {
    width: calc(50% - 10px);
    position: relative;
    margin-bottom: 20px;
}

.matched-card-img {
    width: 100%;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.matched-card-img img {
    max-width: 100%;
    max-height: 190px;
}

.matched-cards input[type="checkbox"] {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
}

.matched-cards input[type="checkbox"]:checked+.matched-cards-inner {
    outline: 2px solid #ffd900;
}

.matched-cards-inner {
    background-color: #F4F4F4;
    border-radius: var(--global-radius);
    padding: 15px;
}

.match-card-list {
    margin-top: 25px;
}

.start-offer-btn {
    width: 100%;
    height: 47px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #00B23D;
    border-radius: var(--global-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-top: 15px;
    transition: all 0.3s ease;
}

.start-offer-btn:hover {
    background-color: #00972E;
}

.no-buyer-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #C4C4C4;
    height: 100%;
}

.sell-card-right.loading .loading-spin {
    display: block !important;
}










/* -----buying preferences page----- */
.b-preferences-text {
    font-size: 18px;
    font-weight: 600;
    color: #464646;
    text-align: center;
}

.b-preferences-title {
    color: #1A1A1ACC;
    font-weight: 600;
}

.new-feed-wrap-2 p.feed-heading {
    padding: 13px;
    padding-bottom: 0;
}

.new-feed-wrap-2 li h5 {
    color: #000;
}

.new-feed-wrap-2 .filter-blk {
    margin-bottom: 0;
}

.new-feed-wrap-2 {
    padding: 32px 20px;
}

.budget-and-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.budget-and-type>.filter-blk {
    min-height: calc(50% - 12px);
}

.budget-block::after {
    content: '$';
    font-size: 14px;
    color: #000;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
}

.budget-block input {
    padding-left: 25px;
    width: 50%;
}

.select-all-card-btn {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    background-color: transparent;
    color: #555;
    border: none;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
}

.select-all-card-btn span {
    text-decoration: underline;
}

.paid-profile-feature {
    position: relative;
}

.paid-profile-feature-overlay {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.6;
}

.upgrade-plan-btn a.yellow-btn {
    border-radius: 100px;
    padding: 15px 30px;
    margin: 0 auto;
}

.upgrade-plan-btn {
    position: relative;
    z-index: 100001;
    margin-bottom: 15px;
    margin-top: 8px;
}

.generate-image-btn {
    margin-top: 20px;
}

.generate-image-btn img {
    height: 23px;
}

.following-component button {
    margin: 0 0 0 auto !important;
}

.fees-save-btn {
    margin-top: 5px;
    text-align: right;
}

.profile-name-right {
    margin-left: auto;
}







/* ==================responsive Css========================== */
/* feed redesign responsive */
@media (max-width: 1200px) {
    .c-feed-card p {
        line-height: 24px;
    }

    .c-feed-card h3 {
        font-size: 38px;
    }

    :root {
        --feed-comment-padding: 20px;
    }

    .feed-comment-card-section {
        padding-right: 0;
    }

    .feed-details-show-comment-section>ul>li>.feed-comment-card-section {
        padding-left: 0;
    }

    .feed-details-show-comment-section>ul>li ul {
        margin-left: calc(calc(var(--feed-comment-padding) * 2) - 12px);
    }

    .new-feed-wrap-2 p.feed-heading {
        font-size: 17px;
    }

    .sell-your-card-title,
    .match-box-heading-flex h3 {
        font-size: 20px;
    }

    .match-box-heading .d-flex {
        flex-direction: column;
        gap: 5px;
    }
}

@media (max-width: 992px) {
    .community-feed-section .row>div[class*="col-"]:not(:last-child) {
        margin-bottom: 20px;
    }

    .c-feed-inner {
        padding: 25px 15px;
    }

    .c-feed-card {
        min-height: 117px;
    }

    .new-feed-wrap-2 .bp-fields {
        margin-bottom: 25px;
    }

    .budget-and-type>.filter-blk {
        min-height: auto;
        width: calc(50% - 12.5px);
    }

    .budget-and-type {
        flex-direction: row;
    }

    .match-box-heading .d-flex {
        flex-direction: row;
        gap: 5px;
    }

    .matched-card-row {
        flex-wrap: nowrap;
        gap: 15px;
    }

    .matched-card-scroll {
        overflow-y: initial;
        overflow-x: auto;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        min-height: 260px;
        position: relative;
    }

    .no-buyer-text {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .matched-card-img {
        width: 115px;
    }

    .matched-cards {
        width: auto;
        margin-bottom: 0;
    }

    .sell-card-right {
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {
    .tab-top ul.feed-tab li {
        padding: 11px 10px;
    }

    .tab-top ul.feed-tab {
        gap: 8px;
    }

    .new-feed-card-img {
        width: 80px;
        height: 120px;
    }

    .new-feed-card-img img {
        max-height: 120px;
    }

    .new-feed-card {
        padding: 10px;
    }

    .new-price-sec {
        font-size: 12px;
    }

    .new-feed-card-section {
        margin-top: 0;
    }

    .feed-heading {
        font-size: 17px;
    }

    .new-feed-wrap {
        padding: 15px;
    }

    .green-btn {
        height: 45px;
        font-size: 19px;
    }

    .tab-top ul.feed-tab {
        justify-content: left;
    }

    .feed-listing-section.pad {
        padding-bottom: 0;
    }

    .sync-card-section {
        padding: 0 10px;
    }

    .sync-card-flex {
        flex-direction: column;
        border: none;
        overflow: unset;
        background-color: transparent;
        border-radius: 0;
        height: auto;
        gap: 17px;
    }

    .sync-card-left {
        border: 2px solid #b2b2b2;
        border-radius: 12px;
        overflow: hidden;
        background-color: #fff;
        height: 50px;
    }

    .sync-card-btn button {
        margin: 0 auto;
        display: block;
        border: none;
        font-size: 15px;
        padding: 9px 23px;
        height: auto;
        border-radius: var(--global-radius);
    }

    .sync-card-title {
        font-size: 18px;
        text-align: center;
        line-height: normal;
    }

    .sync-card-inner {
        padding: 11px 15px 15px 15px;
    }

    .sync-card-select select,
    .sync-card-input input {
        font-size: 15px;
    }

    :root {
        --feed-comment-padding: 15px;
    }

    .feed-details-show-comment-section>ul>li>.feed-comment-card-section {
        min-width: 100%;
        max-width: 100%;
    }

    .matched-cards-inner {
        padding: 10px;
    }

    .matched-card-img {
        width: 85px;
        height: 120px;
    }

    .matched-card-img img {
        max-height: 120px;
    }

    .matched-card-scroll {
        min-height: 190px;
    }

    .sell-your-card-title {
        margin-bottom: 10px;
    }

    .upgrade-plan-btn a.yellow-btn {
        padding: 13px 25px;
    }

    .generate-image-btn img {
        height: 18px;
    }

    .profile-name-flex {
        flex-direction: column;
    }

    .profile-name-right {
        margin: 0 auto;
    }

    .fees-save-btn {
        text-align: center;
    }

    .following-component button {
        margin: 0 auto !important;
    }
}

@media (max-width: 576px) {
    .sell-to-right-txt h3 {
        font-size: 18px;
    }

    .c-feed-card p,
    .feed-comment-btn a,
    .new-feed-price {
        font-size: 17px;
    }

    #feedListing .sell-to-desp,
    .fc-card-name {
        font-size: 16px;
    }

    .fc-card-comment p,
    .view-replies-btn {
        font-size: 15px;
    }

    .fc-card-reply,
    .reply-comment-btn {
        font-size: 14px;
    }

    .c-feed-card h3 {
        font-size: 32px;
    }

    .sell-to-box {
        margin-bottom: 25px;
    }

    .feed-comment-section {
        padding: 10px 15px;
    }

    .sync-card-section::after {
        margin-top: 40px;
    }

    .sync-card-section {
        margin-bottom: 38px;
    }

    .sync-card-input input::placeholder {
        font-size: 13px;
    }

    .feed-comment-card-section {
        min-width: 100vw;
    }

    .feed-details-comment-section input {
        padding: 10px 15px;
        padding-right: 60px;
        font-size: 15px;
    }

    .submit-comment-btn img {
        width: 25px;
    }

    .submit-comment-btn {
        right: 15px;
    }

    .budget-and-type {
        flex-direction: column;
        gap: 25px;
    }

    .budget-and-type>.filter-blk {
        width: 100%;
    }

    .budget-block input {
        width: 100%;
        max-width: 115px;
    }

    .buyer-card-component {
        padding: 12px;
        padding-top: 35px;
        position: relative;
    }

    .buyer-card-top-right {
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 1;
    }

    .matches {
        font-size: 11px;
        padding: 2px 10px;
        min-width: 92px;
        text-align: center;
        border-radius: 100px;
    }

    .buyer-profile-details h3 {
        font-size: 17.5px;
    }

    .p-star-flex p {
        font-size: 15px;
    }

    .buyer-card-middle p {
        font-size: 17px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .sell-your-card-title,
    .match-box-heading-flex h3 {
        font-size: 18px;
    }

    .sell-your-card-filters .search-sec1 {
        margin-bottom: 20px;
    }

    .budget,
    .buyer-card-bottom .tags-btn {
        font-size: 13px;
        padding: 4px;
        min-width: auto;
    }

    .buyer-card-bottom {
        gap: 10px;
    }

    .buyer-card-bottom .tags-btn::after {
        font-size: 14px;
        line-height: 22px;
        right: 0;
        width: 90vw;
        left: initial;
    }

    .match-box-heading-flex h3::after {
        width: 20px;
        height: 20px;
    }

    .match-card-list {
        margin-top: 10px;
    }

    .matched-card-row {
        padding: 0;
    }

    .matched-card-scroll {
        padding: 5px;
    }

    .sell-card-right {
        padding-top: 25px;
    }

    .start-offer-btn {
        width: 100%;
        height: 45px;
        font-size: 17px;
        margin-top: 10px;
    }

    .b-preferences-title {
        font-size: 22px;
    }
}

@media(max-width: 340px) {
    .match-box-heading-flex h3::after {
        content: none;
    }
}

@media(min-width: 992px) {
    .sell-card-scroll {
        height: calc(100vh - 100px);
        overflow-y: auto;
        padding: 5px;
        margin-top: 10px;
        scrollbar-width: thin;
        padding-right: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .store-rgt .yellow-btn.full-width-btn {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.sell-card-scroll {
    height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 5px;
    margin-top: 10px;
    scrollbar-width: thin;
    padding-right: 8px;
}




/* 17-3-25 */

.txtInner {
    position: relative;
}

.txtInner .txtEmoji {
    position: absolute;
    bottom: -15px;
    right: 3px;
    height: 28px;
    width: 35px;
    max-width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    border: solid 2px #ffffff;
    cursor: pointer;
    background-color: #f5f5f5;
    font-size: 11px;
    padding: 2px;
}

.txtInner .txtEmoji img {
    width: 100%;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.addEmoji {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.emojiGroup {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    visibility: visible;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 0;
    height: 40px;
    margin-top: 15px;
    cursor: pointer;
}

.emojiGroupMobile {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    overflow: hidden;
    position: absolute !important;
    right: 180px;
    bottom: 0;
    height: 40px;
    margin-bottom: 0;
    cursor: pointer;
}




.custom-loader {
    border-width: 5px;
    width: 50px;
    height: 50px;
}


.chatLine.me {
    margin-right: 10px;
}






/* tagify start */
.tagify__tag {
    align-self: stretch;
    background: var(--tag-bg);
    border-radius: 4px;
}

.tagify--select .tagify__tag {
    max-width: none !important;
    margin-inline: 5px 40px !important;
    margin-block: 5px 5px !important;
    width: auto;
    padding-block: 4px !important;
    flex: inherit !important;
    height: -moz-fit-content;
    height: fit-content;
    /* border-radius: 4px;
    background-color: var(--tag-bg); */
}

.tagify--select .tagify__tag x {
    right: -2px;
}

.tagify--select .tagify__tag div {
    margin: 0;
}

.tagify--select .tagify__tag>div> :only-child {
    width: auto !important;
    white-space: nowrap;
}

@media (max-width: 575px) {
    .tagify--select .tagify__tag>div> :only-child {
        max-width: 280px;
    }
}







/* 21-03-25 */

/* emoji part start for desktop and mobile  */
.emojionearea .emojionearea-button {
    right: 30px !important;
    top: 22px !important;
}

#emoModal .modal-dialog {
    max-width: 100px !important;
    margin: auto;
}

@media(min-width: 768px) {
    #emoModal .modal-dialog {
        max-width: 100px !important;
        margin: auto;
    }

    .emojionearea-editor {
        width: calc(100% - 80px) !important;
        min-height: 3em !important;
        max-height: 5em !important;
        padding-right: 55px !important;
        /* scrollbar-width: none;
    -ms-overflow-style: none; */
    }

    /* .emojionearea-editor ::-webkit-scrollbar {
    display: none;
} */
    /* Webkit (Chrome, Safari) */
    .emojionearea-editor::-webkit-scrollbar {
        width: 2px;
        /* Smaller width */
    }

    .emojionearea-editor::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.3);
        /* Scrollbar color */
        border-radius: 2px;
        /* Rounded edges */
    }

    .emojionearea-editor::-webkit-scrollbar-track {
        background: transparent;
        /* Track remains invisible */
    }

    /* Firefox */
    .emojionearea-editor {
        scrollbar-width: thin;
        /* Makes scrollbar thinner */
        scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
        /* Thumb and track colors */
    }

    /* Edge & IE */
    .emojionearea-editor {
        -ms-overflow-style: none;
        /* Reduces default scrollbar appearance */
    }
}

@media(max-width: 767px) {
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        right: 0 !important;
    }

    .emojionearea-editor {
        min-height: 2em !important;
        max-height: 3.5em !important;
        padding-right: 12px !important;
    }

    .emojionearea .emojionearea-button {
        right: 140px !important;
        top: 78px !important;
    }
}

.emojionearea.msg {
    border: none;
    box-shadow: none;
    height: 100%;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel {
    top: 37px !important;
}

.emojionearea .emojionearea-editor {
    padding-right: 60px;
}

.emojionearea.focused {
    border: none;
    box-shadow: none !important;
}

#emoModal .modal-content,
#emoModal .modal-body {
    padding: 0;
    border: none;
}

#emoWraper .emojionearea-picker {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

#emoWraper .emojionearea.emojiInputC {
    border: none;
    height: 0;
}

#emoWraper .emojionearea.emojiInputC .emojionearea-editor {
    height: 0;
    min-height: 3em !important;
    background-color: transparent;
    color: transparent;
    padding: 0;
    /* opacity: 0 !important;
    visibility: hidden !important; */
    /* display: none !important; */
    /* max-width: 1em !important; */
}

#emoWraper .emojionearea.emojiInputC .emojionearea-editor::before {
    visibility: hidden;
    opacity: 0;
}

#emoWraper .emojionearea.emojiInputC .emojionearea-button {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

#emoWraper .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper::after {
    display: none;
}




#emoWraper .emojionearea .emojionearea-picker,
#emoWraper .emojionearea .emojionearea-picker .emojionearea-wrapper {
    height: 50vh;
}

#emoWraper .emojionearea .emojionearea-picker .emojionearea-search-panel+.emojionearea-scroll-area {
    height: 41vh;
    height: calc(50vh - 80px);
}

























:root {
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-17: 17px;
    --font-18: 17px;
    --font-19: 18px;
    --font-20: 19px;
    --font-21: 21px;
    --font-24: 22px;
}

@media (max-width: 991px) {
    :root {
        --font-14: 14px;
        --font-15: 14px;
        --font-16: 15px;
        --font-17: 16px;
        --font-18: 16px;
        --font-19: 17px;
        --font-20: 18px;
        --font-21: 19px;
        --font-24: 20px;
    }
}

.cust-drag-image-box {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-container {
    overflow-x: clip;
    /* min-height: 100vh; */
    /* height: 100vh; */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    margin-top: 0px;
}

.cust-drag-image-box::-webkit-scrollbar,
.scroll-container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

a.cust-yellow-btn,
button.cust-yellow-btn {
    padding: 13px 15px;
    border-radius: var(--global-radius);
    font-size: var(--font-17);
    line-height: 20px;
    color: #121212;
    font-weight: 600;
    background-color: #ffd900;
    border: 1px solid #ffd900;
    outline: 1px solid #DBDBDB;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: all 0.3s ease-in-out;
}

a.cust-yellow-btn.disabled,
button.cust-yellow-btn.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: auto;
}

a.cust-yellow-btn:hover,
button.cust-yellow-btn:hover,
button.cust-yellow-btn.active {
    background: none;
    color: #ffc600;
    border-color: #ffc600;
}

.cust-bulk-box,
.cust-edit-card {
    position: absolute;
    width: 380px;
    height: auto;
    display: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    z-index: 5;
}

/* .cust-bulk-box {
    display: block;
} */

.cust-bulk-box h3,
.cust-edit-card h3 {
    font-size: var(--font-19);
}

.cust-csv-upload-box {
    position: relative;
}

.cust-csv-box {
    top: calc(100% + 10px);
    left: 0;
    overflow: hidden;
}

.cust-csv-inner-box {
    border-top: solid 10px #0078D4;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: #ffffff;
}

.cust-csv-btn {
    color: #646464;
    font-size: var(--font-18);
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 13px;
    background-color: #F7F7F7;
    transition: all 0.3s ease-in-out;
    border: solid 2px transparent;
    width: 100%;
}

.cust-csv-upload-btn-box:hover .cust-csv-btn,
.cust-csv-btn:hover {
    background-color: #ffffff;
    border-color: #F7F7F7;
}

.cust-csv-download-btn-img,
.cust-csv-upload-btn-img,
.cust-csv-drag-open-btn-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.cust-csv-download-btn-img img,
.cust-csv-upload-btn-img img,
.cust-csv-drag-open-btn-img img {
    max-width: 20px;
}

.cust-csv-download-btn-img {
    background-color: #0078D4;
}

.cust-csv-upload-btn-img {
    background-color: #2CAF0E;
}

.cust-csv-upload-btn-box {
    position: relative;
    width: 100%;
}

.cust-csv-upload-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.cust-bulk-box {
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

.cust-bulk-box .cust-edit-content-box {
    overflow: auto;
}

.cust-bulk-edit-btn-box {
    position: relative;
}

.cust-edit-head {
    display: flex;
    gap: 10px;
    background-color: #ffd900;
    color: #222222;
    padding: 10px;
    font-size: var(--font-20);
    font-weight: 700;
    border-radius: 20px 20px 0 0;
}

.cust-edit-content-box ,
.cust-edit-content-box .simplebar-content {
    padding: 7px 10px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}

.cust-edit-info-text-th,
.cust-edit-info-text {
    background-color: #222222;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.cust-edit-info-text.active {
    opacity: 1;
    visibility: visible;
}

.cust-info-box-th:focus-within+.cust-edit-info-text-th,
.cust-info-box-th:hover+.cust-edit-info-text-th {
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
}

.cust-edit-info-text.info-top {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
}

.cust-edit-item {
    background-color: #F7F7F7;
    border-radius: 13px;
    padding: 10px 15px;
    border: solid 1px transparent;
}

.cust-item-arrw {
    color: #ABABAB;
    font-size: 25px;
}

.cust-bulk-arrw,
.cust-back-btn {
    color: #4A4A4A;
    font-size: 30px;
    cursor: pointer;
    width: 30px;
}

.cust-bulk-arrw {
    font-size: 20px;
    text-align: center;
}

.cust-tab-apply-btn,
.cust-sort-edit-apply-btn,
.cust-bulk-edit-apply-btn {
    border-radius: 13px;
    background-color: #222222;
    color: #fff;
    font-size: var(--font-16);
    font-weight: 700;
    padding: 10px;
    border: solid 1px transparent;
    transition: all 0.3s ease-in-out;
}
.cust-tab-apply-btn.disabled,
.cust-sort-edit-apply-btn.disabled,
.cust-bulk-edit-apply-btn.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: auto;
}
.cust-sort-edit-apply-btn:hover,
.cust-bulk-edit-apply-btn:hover {
    color: #222222;
    background-color: #fff;
    border-color: #ffd900;
}

.cust-bulk-edit-apply-btn.success {
    background-color: #009306;
    color: #ffffff;
}

.cust-bulk-edit-apply-btn.success:hover {
    background-color: #009306;
    color: #ffffff;
    border-color: #009306;
}

.cust-highlight-btn-text {
    color: #ffd900;
}

.cust-info-box-th,
.cust-info-box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #4A4A4A;
    border: solid 1px currentColor;
    cursor: pointer;
}

.cust-edit-item-small-head,
.cust-edit-item-head {
    font-size: var(--font-18);
    line-height: 1.5;
    font-weight: 600;
}

.cust-edit-item-small-head {
    font-size: var(--font-17);
    color: #222222;
}

.cust-bulk-item {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.cust-bulk-item>* {
    width: 100%;
}

.cust-bulk-item:hover {
    background-color: #fff;
    border-color: #ffd900;
}

.cust-inp-back {
    background-color: #fff;
    border-radius: 11px;
    padding: 5px;
    display: flex;
    gap: 10px;
}

.cust-search-inp-back {
    background-color: #fff;
    border-radius: 11px;
    padding: 10px;
    margin-top: 7px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cust-search-inp-back input[type=search] {
    width: auto;
    max-width: 100%;
    margin: 0;
}

.cust-drop-num::-moz-placeholder {
    width: 35px;
    text-align: center;
    padding: 0;
    border: none;
    font-size: var(--font-16);
    line-height: 1.3em;
    font-weight: 700;
    margin: 0;
    color: #222222;
}

.cust-drop-num::placeholder,
.cust-drop-num {
    width: 35px;
    text-align: center;
    padding: 0;
    border: none;
    font-size: var(--font-16);
    line-height: 1.3em;
    font-weight: 700;
    margin: 0;
    color: #222222;
}

.cust-inp-on-off label {
    font-size: var(--font-17);
    font-weight: 700;
    color: #222222;
    margin: 0;
    text-transform: uppercase;
    padding: 4px 8px;
    line-height: 1.1;
    border-radius: 8px;
    cursor: pointer;
}

.cust-inp-on-off input:checked+label {
    background: #ffd900;
}

.cust-inp-on-off input {
    display: none;
}

.cust-edit-item.disable * {
    pointer-events: none;
    opacity: 0.7;
}

.cust-currency-icon {
    border: none;
    border-radius: 8px;
    background-color: #222222;
    color: #fff;
    font-size: var(--font-16);
    line-height: 28px;
    padding: 0 10px;
}

.cust-searchable-edit-item-box input,
.cust-check-box input {
    display: none;
}

/* .cust-check-box .cust-checked-ico {
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease-in-out;
            } */
.cust-check-box {
    width: 100%;
}

.cust-searchable-edit-item-box label,
.cust-check-box label {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: #212529;
    cursor: pointer;
    font-weight: 400;
}

.cust-check-box label::after {
    content: "";
    margin: 0;
    width: 25px;
    border: solid 1px #DBDBDB;
    border-radius: 8px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}

.cust-check-box input[type=checkbox]:checked+label::after {
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-color: #222222;
    border-color: #222222;
}

.cust-reset-btn {
    font-size: 13px;
    font-weight: 600;
    color: #DC3545;
    background: #fff;
    border: none;
    padding: 3px 15px;
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
}

.cust-reset-btn:hover {
    color: #ffffff;
    background-color: #DC3545;
}

.cust-searchable-edit-item-box .simplebar-content,
.cust-searchable-edit-item-box {
    display: flex;
    gap: 15px 20px;
    flex-wrap: wrap;
    max-height: 90px;
    flex-direction: row;
    padding-right: 10px;
      background-color: transparent;
}
.cust-searchable-edit-item-box .simplebar-content::before{
    display: none;
}

.cust-searchable-edit-item {
    width: -moz-fit-content;
    width: fit-content;
}

.cust-searchable-edit-item-box label {
    justify-content: start;
    gap: 5px;
    color: #222;
    font-size: var(--font-16);
}

.cust-searchable-edit-item-box label::before {
    content: "";
    margin: 0;
    width: 18px;
    border: solid 1px #222;
    border-radius: 3px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}

.cust-searchable-edit-item-box input[type=radio]:checked+label::before,
.cust-searchable-edit-item-box input[type=checkbox]:checked+label::before {
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-color: #222222;
    border-color: #222222;
}

.cust-search-item-box2,
.cust-search-item-box {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 7px 10px;
    border-radius: 8px;
    overflow: hidden;
}

.cust-search-item-box2 input,
.cust-search-item-box input {
    border: none;
    width: 100%;
    color: #222222;
    padding: 0;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::-moz-placeholder,
.cust-bulk-textarea::-moz-placeholder,
.cust-search-item-box2 input::-moz-placeholder,
.cust-search-item-box input::-moz-placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-search-box input::placeholder,
.cust-bulk-textarea::placeholder,
.cust-search-item-box2 input::placeholder,
.cust-search-item-box input::placeholder {
    color: #ababab;
    font-size: inherit;
}

.cust-bulk-textarea {
    border: none;
    padding: 0;
    margin: 0;
    height: 100px;
}

.cust-search-box {
    position: relative;
    font-size: var(--font-17);
    line-height: 20px;
    color: #646464;
    align-self: flex-start;
    max-width: 300px;
    margin-left: auto;
}

.cust-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: var(--font-20);
}

.cust-search-box input {
    border-color: #dbdbdb;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 0;
    padding-left: 45px;
    width: 100%;
    font-size: var(--font-17);
    box-sizing: border-box;
}


/* .cust-sort-table {
    border-top: solid 1px #DBDBDB;
} */

/* .cust-sort-table * {
              line-height: 1.3;
              font-size: var(--font-16);
          } */
/* .cust-sort-table th h4 {
              line-height: 1.3;
              font-size: var(--font-16);
          } */
.cust-sort-table {
    width: 100%;
}

/* .cust-sort-table,
.cust-sort-table th, */
.cust-sort-table td {
    border: solid 1px #DBDBDB;
    border-collapse: collapse;
}

.cust-sort-table th {
    padding: 5px 10px;
    box-shadow: -1px 1px 0 0px #DBDBDB;
}

.cust-sort-table td {
    padding: 10px;
}

.cust-sort-table th {
    background-color: #F7F7F7;
    color: #646464;
    font-weight: 600;
}

.cust-sort-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: relative;
    min-height: 30px;
}

.cust-sort-head h4 {
    font-size: var(--font-15);
    line-height: 1.3;
}

.cust-item-tick-box {
    text-align: center;
}

.cust-item-tick {
    display: none;
}

.cust-item-tick+label {
    width: 25px;
    height: 25px;
    border-radius: 7px;
    border: solid 1px #DBDBDB;
    margin: 0;
    cursor: pointer;
    background-color: #ffffff;
}

.cust-item-tick:checked+label {
    background-color: #FFD900;
    background-image: url(../images/checkbox-dark.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
}

.cust-sort-item-box {
    position: relative;
    height: 30px;
    width: 20px;
}

.cust-sort-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.cust-toggler {
    position: relative;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background-color: currentColor;
    max-width: 57%;
    color: #ababab;
    transition: all 0.3s ease-in-out;
}

.cust-sort-item.active .cust-toggler,
.cust-sort-item:hover .cust-toggler {
    color: #E4B005;
}

.cust-toggler::before,
.cust-toggler::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 140%;
    height: 100%;
    background-color: currentColor;
    top: -5px;
    transition: all 0.3s ease-in-out;
}

.cust-toggler::after {
    top: 5px;
    width: 43%;
}

.cust-sort-box {
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

.cust-sort-box.left-edge {
    left: 0;
    transform: translateX(0);
}

.cust-sort-box.right-edge {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.cust-sort-box h3 {
    font-size: var(--font-17);
    line-height: 1.3;
}

.cust-letter-sort-btn-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}

.cust-letter-sort-btn input {
    display: none;
}

.cust-letter-sort-btn {
    width: 100%;
}

.cust-letter-sort-btn label {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 10px;
    margin: 0;
    font-weight: 600;
    border-radius: 7px;
    gap: 10px;
    cursor: pointer;
}

.cust-letter-sort-btn input:checked+label {
    background-color: #222222;
    color: #ffffff;
}

.cust-letter-sort-btn input:checked+label img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(280deg) brightness(106%) contrast(106%);
}

.cust-price-range-box {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 35px;
}

.cust-price-range-box * {
    font-size: var(--font-14);
}

.cust-price-range-box label {
    margin: 0;
    margin-bottom: 3px;
}

.cust-sort-price-sign-box {
    position: relative;
}

.sort-price-sign {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    font-weight: 400;
}

.cust-price-range-box input {
    padding: 5px;
    border-color: #646464;
    border-radius: 5;
    margin: 0;
    padding-left: 25px;
    max-width: 100px;
    background-color: #ffffff;
}

/* table item start */
.cust-border-item {
    border-radius: 8px;
    border: solid 1px #DBDBDB;
    padding: 5px 8px;
    overflow: hidden;
    background-color: #ffffff;
}

.cust-border-item.error-border {
    border-color: #DC3545;
}

.cust-border-item.validate-border {
    border-color: #4AA638;
}

.cust-border-item input,
.cust-border-item textarea {
    border: none;
    padding: 0;
}

.cust-border-item .select2 {
    padding: 5px;
}

.cust-item-img-loader,
.cust-item-img {
    position: relative;
    width: 50%;
    padding: 5px;
    z-index: 0;
}

.cust-item-img-loader input[type=file],
.cust-item-img input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.cust-item-img-loader .cust-image[src=""],
.cust-item-img .cust-image[src=""] {
    opacity: 0;
    z-index: -1;
}

.cust-item-img-loader .cust-image,
.cust-item-img .cust-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1.8;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 4px;
    position: relative;
    /* z-index: 3; */
}

.cust-item-img-loader .cust-img-overlay,
.cust-item-img .cust-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cust-item-img-loader .cust-img-overlay-icon,
.cust-item-img .cust-img-overlay-icon {
    color: #ababab;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cust-item-img-loader:hover .cust-img-overlay,
.cust-item-img:hover .cust-img-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.cust-item-img-loader:hover .cust-img-overlay-icon,
.cust-item-img:hover .cust-img-overlay-icon {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.cust-item-row textarea {
    resize: none;
    height: 70px;
    margin-bottom: 0;
}

.cust-item-description-box textarea {
    height: 70px;
}

.cust-item-row input {
    margin-bottom: 0;
}

.cust-item-row input,
.cust-item-row textarea,
.cust-item-row .select2 {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #646464;
    min-height: 22px;
}

.cust-item-row input::-moz-placeholder,
.cust-item-row textarea::-moz-placeholder {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #ababab;
}

.cust-item-row input::-moz-placeholder,
.cust-item-row textarea::-moz-placeholder {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #ababab;
}

.cust-item-row input::-moz-placeholder,
.cust-item-row textarea::-moz-placeholder {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #ababab;
}

.cust-item-row input::-moz-placeholder,
.cust-item-row textarea::-moz-placeholder {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #ababab;
}

.cust-item-row input::placeholder,
.cust-item-row textarea::placeholder,
.cust-item-row .cust-prefix-field,
.custom-select2-drop2 {
    font-size: var(--font-14);
    line-height: 1.3;
    font-weight: 600;
    color: #ababab;
}

.custom-select2-drop2 {
    border-color: #dbdbdb !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden;
}

.cust-item-row input[type=number],
.cust-item-row .text-number-input {
    text-align: right;
}

.cust-select-multiselect+.select2,
.cust-select2+.select2 {
    width: 100% !important;
}

.cust-select-multiselect-tag+.select2,
.cust-select-multiselect-normal+.select2 {
    background-color: #ffffff;
}

.cust-select-multiselect-tag+.select2 .select2-selection,
.cust-select-multiselect-normal+.select2 .select2-selection,
.cust-select-multiselect+.select2 .select2-selection,
.cust-select2+.select2 .select2-selection {
    border: none;
}

/* .cust-select-multiselect+.select2-container--default .select2-selection--single .select2-selection__arrow, */
.cust-select2+.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
}

.cust-select-multiselect-tag+.select2-container--default.select2-container--focus .select2-selection--multiple,
.cust-select-multiselect-normal+.select2-container--default.select2-container--focus .select2-selection--multiple,
.cust-select-multiselect-tag+.select2-container .select2-selection--multiple,
.cust-select-multiselect-normal+.select2-container .select2-selection--multiple {
    border: none;
    margin: 0;
    min-height: 22px;
    padding-bottom: 2px;
}

.cust-select-multiselect-tag+.select2-container--default .select2-selection--multiple .select2-selection__choice,
.cust-select-multiselect-normal+.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #646464;
    color: #646464;
    background-color: transparent;
    margin: 0 2px 2px 0;
}

.cust-select-multiselect+.select2-container--default.select2-container--focus .select2-selection--multiple,
.cust-select-multiselect+.select2 .select2-selection--multiple {
    border: none;
    margin: 0;
    min-height: 26px;
    height: 26px;
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple {
    display: flex;
    padding-bottom: 0;
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    overflow: hidden;
    justify-content: end;
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
    padding: 0;
    border: none;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.cust-select-multiselect+.select2-container--default .select2-search--inline::after {
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 2px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple .select2-selection__choice span {
    padding-right: 0;
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple .select2-selection__choice::after {
    content: ",";
}

.cust-select-multiselect+.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child::after {
    display: none;
}

.cust-select-multiselect+.select2-container--default .select2-selection__choice__remove {
    display: none;
}

.cust-select2+.select2 .select2-selection__rendered {
    padding-left: 0 !important;
}

.custom-select2-drop2 .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #222222 !important;
}

.cust-on-off-btn input {
    display: none;
}

.cust-on-off-btn {
    text-align: center;
}

.cust-on-off-btn label {
    width: 52px;
    height: 30px;
    background: #C60000;
    border-radius: 21px;
    color: #ffffff;
    position: relative;
    /* transition: all 0.3s ease-in-out; */
    cursor: pointer;
    margin-bottom: 0;
}

.cust-on-off-btn label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    border-radius: 50%;
    transition: all 1s ease-in-out;
}

.cust-on-off-btn label::after {
    content: "off";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
}

.cust-on-off-btn input:checked+label {
    background-color: #009306;
}

.cust-on-off-btn input:checked+label::before {
    left: auto;
    right: 3px;
}

.cust-on-off-btn input:checked+label::after {
    content: "ON";
    right: auto;
    left: 4px;
}

.cust-append-row {
    display: none;
}

.sticky-bottom-card {
    position: sticky;
    bottom: 0;
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.1);
}

.sticky-bottom-card-footer {
    background-color: #ffffff;
    padding: 15px 0;
}

.cust-selected-card-count {
    font-size: var(--font-24);
    font-weight: 600;
    color: #646464;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cust-selected-card-count li {
    padding: 0 10px;
    border-right: solid 2px #ababab;
}

.cust-selected-card-count li:first-of-type {
    padding-left: 0;
}

.cust-selected-card-count li:last-of-type {
    border: none;
    padding-right: none;
}

.cust-count-yellow {
    color: #E4B005;
}

.cust-count-red {
    color: #DC3545;
}

.cust-green-listing-btn {
    font-weight: 600;
    font-size: 14px;
    color: #4BB409;
    border: solid 2px currentColor;
    border-radius: 50px;
    padding: 3px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

/* .cust-green-listing-btn:hover {
            color: #fff;
            background-color: #4BB409;
        } */
.cust-green-listing-btn::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: currentColor;
    border-radius: 50%;
}

.cust-add-card-box {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
}

.cust-cert-form {
    /* height: 100%; */
    display: flex;
    border-radius: 12px;
    outline: solid 1px #dbdbdb;
    overflow: hidden;
}

.cust-cert-form input {
    margin: 0;
    border: none;
    padding: 0;
    padding-right: 10px;
    min-width: 150px;
}

.cust-cert-num::-moz-placeholder {
    font-size: var(--font-16);
    line-height: 1.3;
    color: #000;
    font-weight: 600;
    /* padding: 15px 10px; */
    /* max-width: 200px; */
}

.cust-cert-num::placeholder,
.cust-cert-num {
    font-size: var(--font-16);
    line-height: 1.3;
    color: #000;
    font-weight: 600;
    /* padding: 15px 10px; */
    /* max-width: 200px; */
}

.cust-cert-num::-moz-placeholder {
    color: #ABABAB;
}

.cust-cert-num::placeholder {
    color: #ABABAB;
}

a.cust-yellow-mini-btn,
button.cust-yellow-mini-btn {
    padding: 5px 15px;
    border-radius: 8px;
    font-size: var(--font-15);
    line-height: 20px;
    color: #121212;
    font-weight: 600;
    background-color: #ffd900;
    border: 1px solid transparent;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: all 0.3s ease-in-out;
}

a.cust-yellow-mini-btn:hover,
button.cust-yellow-mini-btn:hover {
    background: none;
    color: #ffc600;
    border-color: #ffc600;
}

.cust-select-top+.select2 {
    width: 65px !important;
    height: 100%;
    border: none;
    background-color: #F7f7f7;
    border-right: solid 1px #dbdbdb;
}

.cust-select-top+.select2 .select2-selection {
    height: 100%;
    background: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-17);
    font-weight: 600;
    color: #646464;
}

.cust-select-top+.select2 .select2-selection__arrow {
    top: 12px !important;
}

.cust-inner-cert-form {
    padding: 8px;
    display: flex;
}

.custom-select-drop-top li {
    padding: 7px !important;
}

.custom-select-drop-top .select2-results__option--highlighted {
    background-color: #222222 !important;
}

.cust-csv-upload {
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 15px;
    padding: 13px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #0078D4;
    font-size: var(--font-17);
    font-weight: 600;
    line-height: 1.3;
    border: dashed 2px currentColor;
    transition: all 0.3s ease-in-out;
}

.cust-csv-upload i {
    margin-top: 1px;
    font-size: var(--font-20);
}

.cust-csv-upload.active,
.cust-csv-upload:hover {
    background-color: #0078D4;
    color: #fff;
    border-color: #0078D4;
    border-style: solid;
}

.cust-upload-image-main-box {
    border-top: solid 2px #0078D4;
    border-bottom: solid 2px #0078D4;
    display: none;
}

.cust-upload-image-section {
    background-image: url(../images/add-footer.png);
    background-color: white;
    display: flex;
    gap: 10px;
    padding: 10px;
    height: 180px;
}

.cust-drag-option-box {
    width: 270px;
    min-width: 270px;
    border-radius: 10px;
    padding: 10px;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.cust-drag-option-box h3 {
    font-size: var(--font-17);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 5px;
}

.cust-drag-controller-box {
    display: flex;
    gap: 5px;
}

.cust-drag-btn {
    font-size: var(--font-16);
    font-weight: 600;
    line-height: 1.3;
    padding: 12px 10px;
    border: solid 1px #dbdbdb;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-color: transparent;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}

.cust-drag-btn:hover {
    border-color: currentColor;
}

.cust-drag-box-upload-box {
    position: relative;
    width: 100%;
}

.cust-drag-box-upload-box input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
}

.cust-drag-box-upload {
    color: #fff;
    background-color: #0078D4;
    transition: none;
}

.cust-drag-box-upload:hover {
    background-color: #ffffff;
    color: #0078D4;
}

.cust-drag-box-upload:hover img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(67%) saturate(2079%) hue-rotate(187deg) brightness(93%) contrast(101%);
}

.cust-drag-box-close {
    color: #0078D4;
}

/* .cust-drag-box-close:hover {
            background-color: #0078D4;
            color: #ffffff;
        } */
.cust-drag-box-remove {
    color: #C60000;
}

/* .cust-drag-box-remove:hover {
            color: #ffffff;
            background-color: #C60000;
        } */
.cust-drag-box-remove.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.drag-image-container {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.drag-nav-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border: none;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.drag-nav-btn.hidden {
    cursor: auto;
    opacity: 0;
}

.drag-image-container:hover .drag-nav-btn {
    opacity: 1;
    visibility: visible;
}

.drag-image-container:hover .drag-nav-btn.hidden {
    opacity: 0;
}

.drag-nav-btn#dragImgNextBtn {
    left: auto;
    right: 0;
}

.cust-drag-image-box {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.cust-drag-image-box li {
    list-style-type: none;
}

.cust-drag-image-box .cust-drag-image {
    width: 105px;
    min-width: 105px;
    height: 100%;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    position: relative;
    scroll-snap-align: center;
}

.cust-drag-image-box .cust-drag-image-box .cust-drag-image::before {
    background-image: url(../images/drag-cursor.png);
}

.cust-drag-image-box .cust-drag-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/drag-cursor.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.cust-drag-image:hover::before {
    opacity: 1;
    visibility: visible;
}

.cust-drag-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 4px;
    overflow: hidden;
}

.cust-drag-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
}

.cust-drag-image-box .cust-drag-input {
    display: none;
}

.cust-item-image-box {
    max-width: 250px;
}

.cust-item-details-box {
    max-width: 175px;
}

.cust-item-card-type-box {
    max-width: 200px;
}

.cust-item-attributes-description-box {
    max-width: 250px;
}

@media (max-width: 575px) {
    .cust-selected-card-count {
        font-size: 18px;
    }

    .cust-search-box {
        max-width: 170px;
    }

    .cust-search-box input {
        padding: 7px;
        padding-left: 35px;
    }

    .cust-cert-form {
        order: 1;
    }

    .cust-drag-option-box {
        width: 100%;
    }

    .cust-upload-image-section {
        height: 340px;
        flex-direction: column;
    }

    .cust-add-card-box {
        justify-content: start;
    }

    .cust-main-top-modification .cust-yellow-btn,
    .cust-main-top-modification .cust-remove-btn {
        padding: 7px;
        text-wrap: nowrap;
        font-size: 14px;
    }

    .cust-bulk-item {
        gap: 10px !important;
    }

    .cust-search-icon {
        left: 10px;
    }
}

th.active {
    background-color: rgba(255, 217, 0, 0.3019607843);
}

td.active {
    background-color: rgba(249, 238, 173, 0.3019607843);
}

.cust-item-img-loader .cust-drag-image,
.cust-item-img .cust-drag-image {
    z-index: 5;
    position: absolute;
    top: 0;
    width: 100%;
}

.cust-item-img-loader li,
.cust-item-img li {
    list-style-type: none;
}

.cust-drag-image.cust-org-image {
    position: relative !important;
    z-index: 0;
}

.cust-swap-img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1.8;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 4px;
    position: relative;
}

.nav-blue-txt {
    color: #0078D4;
}

.not-found {
    font-size: 14px;
    line-height: 14px;
}

.fil-blk-search-box {
    padding: 0 13px;
}

.fil-blk-search,
.fil-blk-search1 {
    max-width: calc(100% - 13px);
    box-sizing: border-box;
    padding: 5px;
    border: none;
    margin-bottom: 5px !important;
    border-bottom: solid 1px #c8c8c8;
    border-radius: 0;
    font-size: 14px;
    color: #bfbfbf;
}

.fil-blk-search:focus,
.fil-blk-search1:focus {
    border-color: #bfbfbf;
}

.fil-blk-search::-moz-placeholder,
.fil-blk-search1::-moz-placeholder {
    color: #555555;
}

.fil-blk-search::placeholder,
.fil-blk-search1::placeholder {
    color: #555555;
}

.grading .fil-blk-search {
    color: #000;
}

.grading .fil-blk-search:focus {
    border-color: #000;
}

@media (max-width: 991px),
(max-width: 1366px) and (orientation: landscape) and (aspect-ratio: 4/3) {

    .cust-bulk-box,
    .cust-csv-upload-box,
    /* .cust-bulk-edit-btn-box, */
    .cust-upload-image-main-hide {
        display: none;
    }

    .cust-bulk-edit-btn-box {
        display: block;
    }

    .cust-inner-cert-form {
        padding: 5px;
    }

    .cust-select-top+.select2 .select2-selection__arrow {
        top: 6px !important;
    }

    .cust-add-card-btn {
        white-space: nowrap;
        padding: 5px 10px !important;
    }

    .cust-add-card-box {
        flex-wrap: nowrap;
        gap: 7px;
    }

    .cust-main-top-modification,
    .cust-bulk-item,
    .cust-modify-card-box {
        gap: 7px !important;
    }
}

@media (max-width: 767px) {
    .cust-add-card-btn {
        font-size: 14px;
    }
}


@media (max-width: 500px) {
    .cust-green-listing-btn {
        font-size: 12px;
        padding: 1px 5px;
    }

    .cust-green-listing-btn::before {
        width: 10px;
        height: 10px;
    }

    .marketplace-btn {
        font-size: 12px !important;
        padding: 10px 8px !important;
    }

    .marketplace-box {
        gap: 10px !important;
    }
}


.cust-select2+.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none;
}

.main-loader {
    display: none;
}

/*  */
.info-anchor {
    color: var(--bs-primary);
    line-height: 28px;
}

/*  */


.main-loader {
    display: none;
}

/*  */
.info-anchor {
    color: var(--bs-primary);
    line-height: 28px;
}

/*  */
.bid-details {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

}

.bid-timing {
    color: #FF4343;
    font-size: var(--font-21);
    line-height: 1.3;
    font-weight: 600;
}

.bid-count {
    font-size: var(--font-21);
    line-height: 1.3;
    font-weight: 600;
    color: #7D7C7C;
    text-decoration: underline;
    text-underline-offset: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 !important;
    background: transparent;
    border: none;
    margin: 0 !important;
}

.bid-count::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
}

.center-modal {
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bid-modal {
    color: #7D7C7C;
    font-size: var(--font-20);
    line-height: 1.3;
}

.bid-modal .modal-dialog {
    width: 90%;
    max-width: 550px;
}

.subscription-modal .modal-dialog {
    width: 90%;
    max-width: 700px;
}

.bid-modal .modal-content {
    border-radius: 30px;
    padding: 20px;
}

.subscription-modal .modal-content {
    border-radius: 20px;
    padding: 40px;
}

.bid-modal .modal-title {
    font-size: var(--popup-font-34);
    font-weight: 600;
}

.bid-details-popup * {
    font-size: var(--popup-font-30);
}

.bid-price-label {
    font-size: var(--popup-font-26);
    font-weight: 600;
}

.bid-price {
    font-size: var(--popup-font-34);
    font-weight: 600;
    color: #000;
    position: relative !important;
}

.bid-modal .bid-charges {
    list-style-type: none;
    font-size: var(--popup-font-20);
    display: flex;
    justify-content: center;
    background-color: transparent;
}

.bid-modal .bid-charges li {
    margin: 0 !important;
    padding: 0 10px;
    position: relative;
    font-weight: 600;
    width: auto !important;
    border: none;
}

.bid-modal .bid-charges li::before {
    content: '';
    width: 2px;
    height: 60%;
    background-color: #000000;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.bid-modal .bid-charges li:first-of-type {
    padding-left: 0;
}

.bid-modal .bid-charges li:last-of-type {
    padding-right: 0;
}

.bid-modal .bid-charges li:last-of-type::before {
    display: none;
}

.bid-modal .modal-foot-note {
    font-size: var(--popup-font-20);
    text-align: center;
}

.bid-popup-form * {
    text-align: left;
    font-size: var(--popup-font-30);
    font-weight: 600;
    position: relative !important;
}

.bid-popup-form input {
    margin: 0;
    opacity: 1;
}

.bid-modal .bid-count {
    color: #000;
}

a.bid-btn,
button.bid-btn {
    padding: 16px 52px;
    border-radius: var(--global-radius);
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    display: block;
    width: fit-content;
}

.bid-listing-btn.bid-yellow-btn,
.bid-modal input[type="submit"].bid-yellow-btn,
a.bid-yellow-btn,
button.bid-yellow-btn {
    color: #121212;
    background-color: #ffd900;
    border: 1px solid #ffd900;
}

.bid-listing-btn.bid-yellow-btn:hover,
.bid-modal input[type="submit"].bid-yellow-btn:hover,
a.bid-yellow-btn:hover,
button.bid-yellow-btn:hover {
    background: none;
    color: #ffc600;
    border-color: #ffc600;
}

.bid-listing-btn.bid-green-btn,
.bid-modal input[type="submit"].bid-green-btn,
a.bid-green-btn,
button.bid-green-btn {
    color: #fff;
    background-color: rgba(0, 175, 19, 1);
    border: 1px solid rgba(0, 175, 19, 1);
}

.bid-listing-btn.bid-green-btn:hover,
.bid-modal input[type="submit"].bid-green-btn:hover,
a.bid-green-btn:hover,
button.bid-green-btn:hover {
    background: none;
    color: rgba(0, 175, 19, 1);
    border-color: rgba(0, 175, 19, 1);
}

.bid-listing-btn.bid-red-btn,
a.bid-red-btn,
button.bid-red-btn {
    color: #ffffff;
    background-color: rgba(206, 0, 3, 1);
    border: 1px solid rgba(206, 0, 3, 1);
}

.bid-listing-btn.bid-red-btn:hover,
a.bid-red-btn:hover,
button.bid-red-btn:hover {
    background: none;
    color: rgba(206, 0, 3, 1);
    border-color: rgba(206, 0, 3, 1);
}

.bid-btn-list {
    background-color: transparent !important;
}

.bid-listing-btn {
    width: 100%;
    border-bottom-left-radius: var(--global-radius);
    border-bottom-right-radius: var(--global-radius);
}


.bid-modal input[type="submit"].bid-red-btn {
    color: #ffffff;
    background-color: rgba(255, 67, 67, 1);
    border: 1px solid rgba(255, 67, 67, 1);
}

.bid-modal input[type="submit"].bid-red-btn:hover {
    background: none;
    color: rgba(255, 67, 67, 1);
    border-color: rgba(255, 67, 67, 1);
}

.bid-modal input[type="submit"].btn {
    padding: 10px;

    border-radius: 15px;

    font-size: var(--popup-font-27);

    line-height: 1.3;

    font-weight: 600;

    display: block;

    width: fit-content;

    min-width: 220px;
    text-align: center;

}

.max-bid-price {
    color: #000000;
}

.winning-bid-tag {
    color: rgba(0, 175, 19, 1);
}

.outbid-bid-tag {
    color: rgba(255, 67, 67, 1);
}

.biding-frm-box {
    display: flex;
    gap: 15px;
}

.biding-value-inp-box {
    display: flex;
    align-items: center;
    font-size: var(--popup-font-30);
    border: solid 1px #7D7C7C;
    color: #7D7C7C;
    padding: 7px 15px;
    gap: 15px;
    border-radius: 15px;
}

.biding-value-inp-box input {
    border: none;
    color: #7D7C7C;
    padding: 0;
}

.fw-sb {
    font-weight: 600 !important;
}

.cert-verification-link {
    color: rgba(13, 110, 253, 1);
    display: inline-block;
    transition: all .2s ease-in-out;
}

.cert-verification-link i {
    font-size: 90%;
    margin-left: 5px;
}

.cert-verification-link:hover {
    color: #ffc600;
}

.bid-popup-notice {
    font-size: var(--popup-font-18);
    padding: 20px 30px;
    background-color: #F6F6F6;
    border-radius: 10px;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin: 15px 0;
}

.bid-user-list {
    max-height: 50vh;
    overflow: auto;
    padding-right: 10px;
}

.bid-user-list::-webkit-scrollbar {
    width: 6px;
    /* Adjust scrollbar width */
}

.bid-user-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Track background */
    border-radius: 10px;
}

.bid-user-list::-webkit-scrollbar-thumb {
    background: #888;
    /* Scrollbar color */
    border-radius: 10px;
}

.bid-user-list::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Hover effect */
}

.shrt-by-wrp2 .select2-container--default .select2-results>.select2-results__options,
.shrt-by-wrp .select2-container--default .select2-results>.select2-results__options,
.bid-user-list {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    /* Thumb color | Track color */
}

.bid-user-list {
    -ms-overflow-style: none;
    /* Hide scrollbar for IE and Edge */
}

.bid-user-list::-webkit-scrollbar {
    width: 6px;
}

.bid-user-details {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    padding: 15px 0;
    border-bottom: solid 4px #F9F9F9;
}

.bid-user-meta {
    display: flex;
    gap: 15px;
    align-items: center;
}

.bid-user-price {
    font-size: var(--popup-font-27);
}

.bid-user-name {
    font-size: var(--popup-font-26);
    color: #000000;
}

.bid-user-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.card-detais-bid-timing * {
    font-weight: 500 !important;
    font-size: var(--popup-font-20) !important;
}

.card-detais-bid-timing .bid-count {
    text-decoration: none;
}

.subscribe-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 400px;
    margin: auto;
}

.subscribe-img {
    margin: 30px auto;
    filter: drop-shadow(0 0 50px rgba(114, 159, 227, 1));
    width: 50%;
    max-width: 180px;
}

.subscribe-head {
    color: rgba(114, 159, 227, 1) !important;
    font-size: var(--popup-font-42) !important;
    line-height: 1.2;
    font-weight: 800;
}

.subscribe-content {
    color: rgba(125, 124, 124, 1);
    font-weight: 700;
    font-size: var(--popup-font-27);
    line-height: 1.3;
    text-align: center;
}

.subscribe-link {
    font-size: var(--popup-font-30);
    font-weight: 700;
    background-color: rgba(114, 159, 227, 1);
    color: rgba(255, 255, 255, 1);
    border: solid 2px currentColor;
    border-radius: 50px;
    text-align: center;
    padding: 20px;
}

.subscribe-link i {
    padding: 0 5px;
    transition: all 0.3s ease-in-out;
}

.subscribe-link:hover i {
    padding: 0 0 0 10px;
}

.subscribe-link:hover {
    color: rgba(114, 159, 227, 1);
    background-color: transparent;
}

.custom-popup-overlay {
    overflow: hidden;
    padding-right: 17px;
    transition: none
}



.prev,
.next {
    z-index: 999;
}

@media only screen and (max-width: 992px) {
    .card-details-sec .t-row {
        --bs-gutter-x: 1.5rem;
    }
}


:root {
    --popup-font-42: 35px;
    --popup-font-32: 32px;
    --popup-font-34: 30px;
    --popup-font-30: 25px;
    --popup-font-27: 22px;
    --popup-font-26: 20px;
    --popup-font-20: 18px;
    --popup-font-18: 16px;
}

@media (max-width: 991px) {
    :root {
        --popup-font-42: 25px;
        --popup-font-34: 25px;
        --popup-font-32: 25px;
        --popup-font-30: 20px;
        --popup-font-27: 19px;
        --popup-font-26: 18px;
        --popup-font-20: 15px;
    }

    .subscription-modal .modal-content,
    .bid-modal .modal-content {
        padding: 20px 20px 50px;
        border-radius: 15px;
    }

    .subscription-modal .modal-dialog,
    .bid-modal .modal-dialog {
        width: 90%;
        max-width: 500px;
    }

    .bid-modal input[type="submit"].btn {
        min-width: auto;
    }
}

@media (max-width: 575px) {
    :root {
        --popup-font-32: 22px;
        --popup-font-34: 20px;
        --popup-font-30: 18px;
        --popup-font-27: 17px;
        --popup-font-26: 16px;
        --popup-font-20: 14px;
    }

    .biding-frm-box {
        flex-direction: column;
        gap: 10px;
    }

    .biding-value-inp-box {
        padding: 7px 15px;
    }

    .bid-modal input[type="submit"].btn {
        width: 100%;
        padding: 10px;
    }

    .bid-popup-notice {
        padding: 10px 15px;
    }
}

.card-details-wrap {
    padding: 0 30px 10px;
    background-color: #f1f1f1;
}





.bid-listing-btn.bid-blue-btn,
.bid-modal input[type="submit"].bid-blue-btn,
a.bid-blue-btn,
button.bid-blue-btn {
    color: #ffffff;
    background-color: #2873f0;
    border: 1px solid #2873f0;
}

.bid-start-btn {
    pointer-events: none;
}

/* .bid-listing-btn.bid-blue-btn:hover,
.bid-modal input[type="submit"].bid-blue-btn:hover,
a.bid-blue-btn:hover,
button.bid-blue-btn:hover {
    background: none;
    color: #2873f0;
    border-color: #2873f0;
} */

p.end-time {
    font-size: 18px;
}

.end-time .primary-text {
    color: #FF4343;
}

.auction-details {}

.auction-details .chatMid {
    min-height: auto;
    max-height: auto;
    height: auto;
}

.auction-details .chat-rgt {
    display: flex;
    flex-direction: column;
}

.auction-details .userlist-wraper {
    background-color: #F9F9F9;
    height: 100%;
    padding-bottom: 20px;
}

.auction-details .userlist-wraper img {
    width: 100%;
}

.auction-details .chat-rgt-in {
    background-color: #F9F9F9;
    padding-bottom: 30px;
}

.auction-details .chat-rgt-in .txtInner {
    font-size: var(--font-16);
    color: #7D7C7C;
    margin-top: 20px;
    margin-bottom: 3px;
}

.auction-details .chat-rgt-in .txtInner p {
    font-weight: 500;
}

.auction-details .chat-rgt-in .amnt {
    font-size: var(--font-24);
    color: #000;
    font-weight: 600;
}


.auction-details .counter-offer,
.auction-details .no-bids {
    color: #474646 !important;
    background-color: transparent;
}

.auction-details .sent,
.auction-details .in-progress {

    color: #c39229 !important;
    background-color: transparent;

}

.auction-details .completed,
.auction-details .payment-pending,
.auction-details .winning {

    color: #13be2a !important;
    background-color: transparent;

}

.auction-details .received {

    color: #2b798e !important;
    background-color: transparent;

}

.auction-details .accepted {

    color: #295d15 !important;
    background-color: transparent;

}

.auction-details .rejected,
.auction-details .declined,
.auction-details .outbid {

    color: #d74747 !important;
    background-color: transparent;

}

.auction-details .cancelled,
.auction-details .deleted {

    color: #000000 !important;
    background-color: transparent;

}



a.green-mini-btn,

button.green-mini-btn {

    padding: 16px 52px;

    border-radius: var(--global-radius);

    font-size: 15px;

    line-height: 15px;

    color: #fff;

    font-weight: 500;

    background-color: #00A310;

    border: 1px solid #00A310;

    display: block;

    width: fit-content;

}

a.green-mini-btn:hover,
button.green-mini-btn:hover {
    background: #fff;
    color: #00A310;
    border-color: #00A310;
}

a.yellow-btn:focus,
button.yellow-btn:focus,
a.green-mini-btn:focus,
button.green-mini-btn:focus {
    box-shadow: none;
}

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

    a.green-mini-btn,
    button.green-mini-btn {
        padding: 10px 30px;
        font-size: 12px;
    }
}

.auction-details .green-mini-btn,
.auction-details .yellow-btn,
.auction-details .grey-btn {
    display: flex;
    align-items: center;
    gap: 5px;
}

.feed-bid-details {
    margin-top: 8px;
}

.feed-bid-details .bid-timing,
.feed-bid-details .bid-count {
    font-size: var(--font-14);
}

.feed-bid-details .bid-count {
    text-decoration: none;
}



/* 16-05-25 */
.blue-txt {
    color: #2873f0;
}

.bid-header {
    border-bottom: solid 3px rgba(125, 124, 124, .2);
    padding: 10px 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.bid-heading {
    padding: 25px 0;
}

@media (max-width: 991px) {
    .bid-heading {
        padding: 15px 0;
    }
}



/* 16-05-25 */
a.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.disable-auction {
    pointer-events: none;
    opacity: 0.5 !important;
}







/* 21-05-25 */
.small-bid-count-text {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.dollar-inp {
    width: 100%;
    padding: 13px 15px;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #555555;
}

.dollar-inp input {
    padding: 0;
    border: none;
    margin: 0;
}











/* 23-05-25 */
.watchlist-card-details .card-details-wrap {
    padding: 0;
    padding-right: 0;
    background-color: transparent;
}

.watchlist-card-details .bid-details,
.watchlist-card-details .price-sec-container {
    justify-content: start;
}

.watchlist-card-details .price-sec {
    text-align: left;
    font-size: 20px;
    color: #000;
}


/* 26-05-25 */
.bid-count.underline_count {
    text-decoration: underline;
    cursor: pointer;
}

.bid-count.normal_count {
    text-decoration: none;
    cursor: default;
}

/* 27-05-25 */
.card-details-wrap-marketplace {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 10px;
}

.card-details-wrap-marketplace .card-img {
    padding: 0 30px;
}

.card-details-wrap-marketplace .card-details-wrap,
.card-details-wrap-marketplace .price-sec-container-wrap {
    padding: 0 30px 20px;
}

.card-details-wrap-marketplace .price-sec-container-wrap {
    padding-left: 0;
    padding-right: 0;
}

.card-details-wrap-marketplace .card-pf-sec {
    display: none !important;
}



/* 29-05-25 */
@media only screen and (max-width: 575px) {
    .card-details-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .bid-details {
        gap: 5px;
    }
}

.card-details-sec img.demo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    max-height: 80px;
}


/* 30-05-25 */
.new-feed-card {
    width: 180px;
}

.new-feed-card-img {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .new-feed-card {
        width: 160px;
    }
}

/* 2-6-25 */
.bid-timing span {
    position: relative !important;
}

/* 3-6-25 */
.bid-history-modal .bid-count {
    cursor: default;
    text-decoration: none;
}

.archive-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.archive-box .bid-count {
    font-size: 16px;
}


/* 05-06-25 */
.quick_filter_tab {
    background-color: #F1F1F1 !important;
    color: #A4A4A4;
    border: none;
    border-radius: var(--global-radius);
    padding: 9px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    text-wrap: nowrap;
    border-bottom: solid 1px #DEDEDE;
}

.quick_filter_tab.remove_bg_color {
    background-color: #F1F1F1 !important;
}

.quick_filter_tab.add_bg_color {
    background-color: #171717 !important;
    color: #fff !important;
}

.quick_filters_swiper .swiper-slide {
    width: auto;
}

.quick_filters {
    display: flex;
    gap: 10px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 15px;
}

.quick_filters::-webkit-scrollbar {
    display: none;
}

.quick_filters-box {
    position: relative;
}

.quick_filters-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, #fff 100%);
}

.pined-icon {
    transform: rotate(45deg);
    margin: 0 4px;
}

.notification-icon {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 0 1px);
    margin-top: -4px;
}


.cancel-aution-modal .bid-heading {
    border-bottom: solid 3px rgba(125, 124, 124, .2);
    padding: 10px 0 15px;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
}

.cancel-aution-modal input {
    margin: 0;
}

.cancel-aution-modal label {
    font-size: var(--popup-font-20);
    margin: 0;
    color: #7D7C7C;
    font-weight: 400;
}

.fw-smbold {
    font-weight: 600 !important;
}

.cancel-aution-modal .modal-foot-note-sm {
    font-size: 14px;
    line-height: 1.5;
    font-style: italic;
    text-wrap: balance;
}



.green-sub-box {
    max-width: 500px;
}

.green-sub-box .subscribe-img {
    filter: drop-shadow(0 0 50px #AAFF80) drop-shadow(0 0 100px #AAFF80);
    max-width: 150px;
}

.green-sub-box .subscribe-head {
    font-size: var(--popup-font-32) !important;
    color: #70975C !important;
}

.green-sub-box .subscribe-content {
    font-size: var(--popup-font-26);
}

.green-sub-box .subscribe-link {
    width: 80%;
    margin: auto;
    background-image: linear-gradient(#7D7D7D 25%, #171717);
    background-size: 100% 200%;
    background-position: 0;
    border: none;
    max-width: 350px;
    margin: 10px auto;
}

.green-sub-box .subscribe-link:hover {
    color: #fff;
    background-position: bottom;
}

.modal-note {
    color: #7D7C7C;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
}

.modal-note-head {
    color: #DC9200;
    font-weight: 700;
}




/* .container, */
.cust-container {
    max-width: 1820px;
}

.card-blk ul {
    overflow: hidden;
    background-color: transparent;
}

.card-blk ul li.li-with-icon {
    width: 100%;
    background-color: #000;
}

.search-card {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
}

.search-card input {
    padding: 0;
    margin: 0;
    border: none;
}

.search-count {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-count-cont,
.search-card input::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #BBBABA;
    width: max-content;
}

.search-card input {
    font-size: 15px;
    font-weight: 500;
    height: 100%;
    min-height: 45px;
}

.sort-add-con {
    display: flex;
    justify-content: start !important;
    gap: 1rem;
    margin-left: 1rem;
    align-items: stretch !important;
}

/* .card-blk ul li:not(.li-with-icon) {
    background-color: #FFD900;
} */
/* .card-blk ul li:not(.li-with-icon) a,
.card-blk ul li:not(.li-with-icon) button{
    color: #000000;
} */

/* @media (min-width: 992px) {
.col-xl-2-5{
    flex: 0 0 auto;
    width: 33.33333333%;
}
} */

.add-cart-btn .yellow-btn,
.add-card-yellow-add-btn,
.add-card-yellow-btn {
    padding: 15px;
    border-radius: var(--global-radius);
    font-size: 15px;
    line-height: 15px;
    color: #121212;
    font-weight: 500;
    background-color: #ffd900;
    border: 1px solid #ffd900;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    min-width: 135px;
    height: 100%;
    text-wrap: nowrap;
}

.add-cart-btn .yellow-btn,
.add-card-yellow-add-btn {
    min-width: auto;
}

.add-cart-btn {
    position: relative;
}

.drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(-5px); */
    transition: all 0.3s ease-in-out;
    z-index: 1;
    border-radius: var(--global-radius);
    overflow: hidden;
    border-top: 5px solid #ffd900;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
}

.drop-menu li a {
    color: #000;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 15px 25px;
    margin-left: 0;
}

.drop-menu li a:hover {
    background-color: #000;
    color: #ffd900;
}

.add-card-yellow-add-btn:hover,
.add-cart-btn:hover .add-card-yellow-btn,
.add-cart-btn:focus-within .add-card-yellow-btn {
    color: #ffd900;
    background-color: #fff;
}

.add-cart-btn:hover .drop-menu,
.add-cart-btn:focus-within .drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (min-width: 1200px) {
    .cust-container {
        width: 100%;
    }

    .col-xxl-2-5 {
        flex: 0 0 auto;
        width: 20%;
    }

    .col-xxl-9-5 {
        flex: 0 0 auto;
        width: 80%;
    }
}


@media (min-width: 992px) {
    #rightListing>.row>div {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .closed #rightListing>.row>div {
        flex: 0 0 auto;
        width: 25% !important;
    }

}

@media (min-width: 1200px) {
    #rightListing>.row>div {
        flex: 0 0 auto;
        width: 25%;
    }

    .closed #rightListing>.row>div {
        width: 20% !important;
    }
}


@media only screen and (max-width: 991px) {
    .mc-rgt-wrp {
        flex-direction: column;
        gap: 15px !important;
    }
}


.search-info-btn {
    border: none;
    background-color: transparent;
}

.s-tips ul,
.s-tips ol,
.s-tips p {
    list-style-type: disc;
    /* padding-left: 20px; */
    line-height: 22px;
    font-size: 14px;
    color: #2c2c2c;
    margin-bottom: 10px;
}

.s-tips ol {
    list-style-type: decimal;
}

.s-tips li:not(:last-child) {
    margin-bottom: 7px;
}

.s-tips h3 {
    color: #198754;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
}

.s-tips ol,
.s-tips ul {
    list-style: none;
}

.clear-filter-box {
    width: 100%;
    display: flex;
    gap: 10px;
}

.save-search-btn,
.clear-btn {
    color: #212529;
    background-color: #f1f1f1;
    border: none;
    border-bottom: solid 1px #DEDEDE;
    padding: 10px 5px;
    width: 100%;
    border-radius: var(--global-radius);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
}

.save-search-btn:hover,
.clear-btn:hover {
    background-color: #171717 !important;
    color: #fff !important;
}


.card-col {
    margin-bottom: 20px;
}

.ft-top-sec {
    align-items: start;
}

.shrt-by-wrp2 .select2-container,
.shrt-by-wrp .select2-container {
    border-radius: var(--global-radius);
    font-size: 15px;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DEDEDE;
    height: 100%;
}

.shrt-by-wrp2 .select2-container .select2-results,
.shrt-by-wrp .select2-container .select2-results {
    font-size: 13px;
}

.shrt-by-wrp2 .select2-selection--single,
.shrt-by-wrp .select2-selection--single {
    background-color: transparent !important;
    border: none !important;
}

.shrt-by-wrp .select2-container--default .select2-selection--single .select2-selection__rendered {}

.shrt-by-wrp2 .select2-container .select2-selection--single,
.shrt-by-wrp .select2-container .select2-selection--single {
    height: auto !important;
    padding: 13px;
    padding-right: 20px;
    padding-left: 40px;
    position: relative;
}

.shrt-by-wrp2 .select2-container .select2-selection--single::before,
.shrt-by-wrp .select2-container .select2-selection--single::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    background-image: url(../images/listing-toggler.png);
    width: 18px;
    height: 12px;
}

.shrt-by-wrp2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.shrt-by-wrp .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding: 0;
    color: #121212;
    font-weight: 500;
}

.shrt-by-wrp2 .select2-container--default .select2-selection--single .select2-selection__arrow,
.shrt-by-wrp .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%);
}

.shrt-by-wrp2,
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.shrt-by-wrp .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #121212 !important;
}

.shrt-by-wrp2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.shrt-by-wrp .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #000 !important;
}

.shrt-by-wrp .select2-container--default .select2-results__option--selected {}

.shrt-by-wrp2 .select2-container--default .select2-results>.select2-results__options,
.shrt-by-wrp .select2-container--default .select2-results>.select2-results__options {
    background-color: #f1f1f1 !important;
    max-height: none;
}

.shrt-by-wrp2 .select2-container--open .select2-dropdown--below,
.shrt-by-wrp .select2-container--open .select2-dropdown--below {
    border-radius: var(--global-radius);
    overflow: hidden;
    border: none;
    box-shadow: 1px 1px 1px 1px #DEDEDE;
}

.shrt-by-wrp2 .select2-results__option,
.shrt-by-wrp .select2-results__option {
    padding: 8px 10px;
}

.card-blk ul .buy-sr,
.card-blk ul .offer-sr,
.card-blk ul .cash-sr,
.card-blk ul .trade-sr,
.card-blk ul .cart-sr {
    border-color: #F1F1F1;
    width: 100%;

}

.card-blk ul .buy-sr button,
.card-blk ul .offer-sr button,
.card-blk ul .cash-sr button,
.card-blk ul .trade-sr button,
.card-blk ul .cart-sr button,
.card-blk ul .buy-sr a,
.card-blk ul .offer-sr a,
.card-blk ul .cash-sr a,
.card-blk ul .trade-sr a,
.card-blk ul .cart-sr a {
    width: 100%;
    background-color: #FFD900;
    color: #000000;
    border: solid 1px #FFD900;
    height: 100%;
}

.card-blk ul .buy-sr button:hover,
.card-blk ul .offer-sr button:hover,
.card-blk ul .cash-sr button:hover,
.card-blk ul .trade-sr button:hover,
.card-blk ul .cart-sr button:hover,
.card-blk ul .buy-sr a:hover,
.card-blk ul .offer-sr a:hover,
.card-blk ul .cash-sr a:hover,
.card-blk ul .trade-sr a:hover,
.card-blk ul .cart-sr a :hover {
    background-color: #fff;
    color: #FFD900;
}

.card-blk ul li:first-of-type a,
.card-blk ul li:first-of-type button {
    border-bottom-left-radius: var(--global-radius);
}

.card-blk ul li:last-of-type a,
.card-blk ul li:last-of-type button {
    border-bottom-right-radius: var(--global-radius);
}

.card-blk ul .buy-sr button,
.card-blk ul .buy-sr a {
    background-color: #049636;
    color: #fff;
    border-color: #049636;
}

.card-blk ul .buy-sr button:hover,
.card-blk ul .buy-sr a:hover {
    background-color: #fff;
    color: #049636;
}

.crd-name {
    padding: 0 30px 5px;
    background-color: #f1f1f1;
}

.crd-box {
    padding: 10px 0 5px;
}

.crd-name-line {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: #555555;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (min-width:1200px) {
    .submenumenu-button {
        position: relative;
        right: auto;
    }

    .submenu-ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 10px;
    }

    .main-navigation ul li a {
        padding: 0;
        margin: 0;
    }

    .main-navigation ul:first-child>li {
        padding: 9px 14px;
        border: solid 1px transparent;
    }

    .main-navigation ul:first-child>li.active {
        border: solid 1px rgba(255, 217, 0, 0.5);
        border-radius: var(--global-radius);
    }
}

@media screen and (max-width:1399px) and (min-width:1200px) {
    .main-navigation ul li a {
        font-size: 14px;
    }

    .main-navigation ul:first-child>li {
        padding: 9px 10px;
    }
}


/* .col-xxl-3{
    display: flex;
}
.card-blk{
    align-self: stretch;
} */



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

.mrkt-watchlist {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 10px;
    right: 10px;
}

.mrkt-watchlist .mrkt-watchlist-btn {
    color: #595959;
    background: #fff;
    border-radius: var(--global-radius);
}

.card-blk:hover .mrkt-watchlist {
    opacity: 1;
    visibility: visible;
}

.mt-15 {
    margin-top: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.saved-search-container {
    display: flex;
    flex-direction: column;
}

.saved-search-container .clear-filter-box {
    margin-bottom: 0;
}


.active_watchlist i,
.active_watchlist svg {
    filter: drop-shadow(1px 1px 0px #595959) drop-shadow(-1px -1px 0px #595959) drop-shadow(-1px 1px 0px #595959) drop-shadow(1px -1px 0px #595959);
    color: #ffd900;
}

@media only screen and (max-width: 768px) {
    .sort-add-con {
        justify-content: start !important;
    }
}

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

    .seller-store-sec .filters-top h3,
    .mk-top .filters-top h3 {
        top: 90px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {

    .save-search-btn,
    .clear-btn {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }
}

.card-details-sec .btm-img .column {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 60px;
}

.col-logo-header {
    max-width: 150px;
    margin-right: auto;
    margin-left: auto;
}

.col-nav-header {
    flex-grow: 1;
}

@media (max-width: 400px) {
    /* .col-6.card-col {
        width: 100%;
    } */

    .card-blk ul a,
    .card-blk ul button {

        font-size: clamp(7px, 2.2vw, 12px);

    }
}


.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem);
}

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

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
}




@media (min-width: 1400px) {
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 767px) {
    .filters-top h3 {
        padding-right: 45px;
        font-size: 18px !important;
    }
}

.filters-top h3.filterToggleBtn:hover {
    background-color: #171717 !important;
    color: #fff !important;
}

.filters-top.disable-filter h3::before {
    content: none;
}

.mob-filter-icon {
    display: none;
}

.mob-filter-btn {
    background-color: #ffd900;
    padding: 10px 15px;
    border-radius: var(--global-radius);
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mob-filter-btn::before {
    content: "\f0b0";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
}

.sort-add-con-box {
    display: flex;
    justify-content: start;
    align-items: stretch !important;
    gap: 1rem;
}

@media (max-width: 991px) {
    .sort-add-con {
        margin-left: 0;
    }

    .mrkt-watchlist {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .sort-add-con {
        margin-left: 0;
    }

    .ft-top-sec {
        margin-bottom: 0px;
    }

    .disable-filter,
    .desk-filter-icon {
        display: none;
    }

    .mob-filter-icon {
        display: block;
    }

    .my-cards-top,
    .filters-top2 {
        margin-bottom: 0;
    }

    .add-cart-btn .yellow-btn,
    .add-card-yellow-add-btn,
    .add-card-yellow-btn {
        font-size: 14px;
        padding: 10px;
    }

    .shrt-by-wrp2 .select2-container .select2-selection--single,
    .shrt-by-wrp .select2-container .select2-selection--single {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 14px;
    }

    .sort-add-con {
        justify-content: start !important;
        width: auto !important;
        flex-direction: row !important;
    }

    .add-card-yellow-btn {
        min-width: 115px;
    }

    .drop-menu li a {
        padding: 10px 15px;
    }


    .card-details-wrap,
    .crd-name {
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 768px) {
    .w-max-btn {
        max-width: -moz-max-content;
        max-width: max-content;
    }
}

.card-top .crd-name {
    padding-left: 0;
    padding-right: 0;
}

.card-details-wrap-marketplace .crd-name {
    padding-left: 30px;
    padding-right: 30px;
}

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

    .card-details-wrap-marketplace .card-details-wrap,
    .card-details-wrap-marketplace .price-sec-container-wrap,
    .card-details-wrap-marketplace .card-img,
    .card-details-wrap-marketplace .crd-name {
        padding-left: 10px;
        padding-right: 10px;
    }
}


.row {
    margin-right: calc(var(--bs-gutter-x) * -0.3);
    margin-left: calc(var(--bs-gutter-x) * -0.3);
}

.row>* {
    padding-right: calc(var(--bs-gutter-x) * 0.3);
    padding-left: calc(var(--bs-gutter-x) * 0.3);
}

.mobile-new-message {
    text-align: center !important;
    border: 2px solid #ffd900;
    border-radius: 12px;
    background: whitesmoke;
    font-weight: bold;
}

.fullwidth-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000c;
    /* semi-transparent white */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: none;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
    border-top-color: #ffd900;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}





.cust-item-row input[disabled],
.cust-item-row textarea[disabled],
.cust-item-row .select2[disabled],
.cust-on-off-btn input[disabled]+label {
    opacity: 0.5;
}

.cust-select-multiselect-tag+.select2-container--disabled .select2-selection--multiple,
.cust-select-multiselect-normal+.select2-container--disabled .select2-selection--multiple,
.cust-select-multiselect+.select2-container--disabled .select2-selection--multiple,
.cust-select2+.select2-container--disabled .select2-selection--single {
    background-color: transparent !important;
    opacity: 0.5;
}


.cust-select2+.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none;
}

.main-loader {
    display: none;
}











.cust-sort-table tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.cust-item-inner-child {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cust-item-line-box {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.cust-item-inner-head {
    font-size: var(--font-15);
    line-height: 1.3;
    color: #646464;
    font-weight: 600;
}

.cust-sticky-header {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #fff;
}

.cust-table-sticky-head {
    position: sticky;
    top: 0;
    z-index: 2;
    /* will-change: top; */
}

.cust-right-part {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    /* width: calc(100% - 755px); */
    gap: 15px;
}

.cust-remove-btn {
    font-size: var(--font-17);
    font-weight: 600;
    line-height: 1.3;
    padding: 13px 15px;
    border: solid 1px #DC3545;
    color: #DC3545;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 8px;
    width: -moz-fit-content;
    width: fit-content;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.cust-remove-btn.disabled {
    /* opacity: 0;
    visibility: hidden; */
    display: none;
}

.cust-remove-btn:hover {
    background-color: #DC3545;
    color: #ffffff;
}



.cust-item-checkbox input {
    display: none;
}

.cust-item-checkbox label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    cursor: pointer;
}

.cust-item-checkbox label::after {
    content: "";
    margin: 0;
    width: 22px;
    border: solid 1px #DBDBDB;
    border-radius: 3px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #646464;
    background-color: #ffffff;
    cursor: pointer;
}

.cust-item-checkbox input[type=radio]:checked+label::after,
.cust-item-checkbox input[type=checkbox]:checked+label::after {
    background-image: url(../images/checkbox-dark.png);
    /* content: '✔'; */
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-color: #f7f7f7;
    /* border-color: #222222; */
}

.disabled .cust-item-inner-head {
    opacity: 0.5;
}




.cust-main-top-modification .cust-yellow-btn {
    white-space: nowrap;
}

.cust-bulk-item,
.cust-modify-card-box {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    width: 100%;
}

.cust-main-top-modification {
    display: flex;
    gap: 15px;
    width: 100%;
}

.mob-icon {
    display: none;
}



@media (max-width: 991px) {
    .cust-main-top-modification {
        flex-direction: column;
    }

    .cust-cert-form input {
        min-width: auto;
    }

    .cust-bulk-box {
        right: auto;
        left: 0;
        transform: none;
    }

}

@media (max-width: 575px) {
    .cust-bulk-box {
        width: 350px;
    }

    .cust-edit-head {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .cust-edit-item {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .mob-icon {
        display: block;
    }

    .del-icon {
        font-size: 18px;
        margin-right: 7px;
    }

    .desktop-text {
        display: none;
    }
}






.cust-bulk-box * {
    /* For WebKit browsers (Chrome, Safari, Edge) */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
    /* Firefox */

    /* Below is for WebKit */
}

.cust-bulk-box *::-webkit-scrollbar {
    width: 3px;
    /* vertical scrollbar width */
    height: 6px;
    /* horizontal scrollbar height */
}

.cust-bulk-box *::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.cust-bulk-box *::-webkit-scrollbar-track {
    background: yellow;
}









.cust-searchable-edit-item-box:not(.cust-radio-checkbox) input[type="radio"]+label::before {
    border-radius: 50%;
}

.cust-searchable-edit-item-box:not(.cust-radio-checkbox) input[type="radio"]:checked+label::before {
    content: '•';
    color: #222;
    font-size: 42px;
    background-color: transparent;
    background-image: none;
}

.img-loader-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.img-loader {
    position: absolute;
    display: flex;
    backdrop-filter: blur(5px);
}

.img-loader .spinner {
    width: 35px;
    height: 35px;
    border-width: 3px;
}

.bulk-pagination-box {
    position: relative;
    z-index: 0;
}










/* 20-05-25 */
a.blue-btn,

button.blue-btn {

    padding: 16px 52px;

    border-radius: 8px;

    font-size: 15px;

    line-height: 15px;

    color: #fff;

    font-weight: 500;

    background-color: #2873f0;

    border: 1px solid #2873f0;

    display: block;

    width: fit-content;

}

a.blue-btn:hover,

button.blue-btn:hover {
    color: #2873f0;
    background-color: transparent;

}

@media only screen and (max-width: 992px) {
    a.blue-btn,

    button.blue-btn {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    a.blue-btn,

    button.blue-btn {
        font-size: 12px;
        padding: 10px;
    }
}

.bulk-shrt-by-wrap select {
    width: 135px;
}





.px-09 {
    padding-right: 0.9rem !important;
    padding-left: 0.9rem !important;
}

@media(max-width:575px) {
    .px-09 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}

.bulk-loader {
    display: block;
}

.bulk-loader .fullwidth-loader {
    backdrop-filter: blur(10px);

}

.custom-select2-drop2 {
    color: #444;
}

.cust-cert-form,
.cust-inner-cert-form,
.cust-cert-num,
.cust-add-card-box {
    width: 100%;
}

.cust-select2+.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
}

.cust-select2+.select2-container .select2-selection--single {
    height: 22px;
}

.cust-select-multiselect-tag+.select2-container .select2-search--inline .select2-search__field,
.cust-select-multiselect-normal+.select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    padding-top: 2px;
    min-height: 20px;
}




.cust-sticky-header-border {
    border-bottom: solid 1px #DBDBDB;
}

.cust-table-sticky-head {
    box-shadow: 0px 1px 0 0px #DBDBDB;
}

/* .cust-sort-table,
.cust-sort-table th{
    border-left: solid 1px #DBDBDB;
    border-right: solid 1px #DBDBDB;
} */
.cust-sort-table {
    border: solid 1px transparent;
}

.cust-sort-table th {
    outline: solid 1px #DBDBDB;
}

.page-limit-dropdown {
    width: 70px;
    border-radius: 8px;
}


.cust-sort-table * {
    pointer-events: auto !important;
}

.scroll-container,
.cust-sort-table {
    touch-action: pan-y !important;
}

.wait-loader {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: -10px;
}

.wait-loader li:first-child {
    margin-left: 10px;
}


.shrt-by-wrp5 {
    position: relative;
}

.shrt-by-wrp5::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    background-image: url(../images/listing-toggler.png);
    width: 18px;
    height: 12px;
}

.shrt-by-wrp5 select {
    width: 143px;
    padding: 10px 20px 10px 40px;
    margin-bottom: 0;
    border-radius: var(--global-radius);
    font-size: 15px;
    background-color: #F1F1F1;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    height: 100%;
    border-bottom: 1px solid #DEDEDE;
    line-height: 1.5;
    color: #121212;
    font-weight: 500;
}

/*  */
@media(max-width: 480px) {
    .cust-status-card {
        width: 280px;
    }
}






.cust-bulk-box .cust-edit-content-box {
    max-height: 50vh !important;
}
.simplebar-scrollbar.simplebar-visible::before {
    opacity: 0.2;
    width: 4px;
  margin-left: auto;
}