:root {
    --gl-star-color: #fdd835;
    --gl-star-color-inactive: #dcdce6;
    --gl-star-empty: url('../files/star-empty.svg');
    --gl-star-full: url('../files/star-full.svg');
    --gl-star-size: 24px;
    --gl-tooltip-border-radius: 4px;
    --gl-tooltip-font-size: 0.875rem;
    --gl-tooltip-font-weight: 400;
    --gl-tooltip-line-height: 1;
    --gl-tooltip-margin: 12px;
    --gl-tooltip-padding: .5em 1em;
    --gl-tooltip-size: 6px;
}

[data-star-rating] > select {
    -webkit-clip-path: circle(1px at 0 0) !important;
            clip-path: circle(1px at 0 0) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: 1px !important;
}

[data-star-rating] > select {
    -webkit-appearance:  none;
       -moz-appearance:  none;
            appearance:  none;
    pointer-events: none;
}

[data-star-rating] > select::before,
[data-star-rating] > select::after {
    display: none !important;
}

[data-star-rating].gl-star-rating--ltr > select {
    left: 0 !important;
}

[data-star-rating].gl-star-rating--rtl > select {
    right: 0 !important;
}

[data-star-rating] {
    align-items: center;
    display: flex;
    position: relative;
}

.gl-star-rating:not([data-star-rating]) .gl-star-rating--stars {
    display: none;
}

[data-star-rating] .gl-star-rating--stars {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
}

[data-star-rating] > select:focus + .gl-star-rating--stars span:first-child::before {
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    box-shadow: 0 0 0 3px -webkit-focus-ring-color;
    box-shadow: 0 0 0 3px Highlight;
    content: '';
    display: block;
    height: 100%;
    outline: 1px solid transparent;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

[data-star-rating] select[disabled] + .gl-star-rating--stars {
    cursor: default;
}

[data-star-rating] .gl-star-rating--stars > span {
    display: flex;
    height: 24px;
    height: 24px;
    height: var(--gl-star-size);
    margin: 0;
    width: 24px;
    width: 24px;
    width: var(--gl-star-size);
}

[data-star-rating] .gl-star-rating--stars[aria-label]::before,
[data-star-rating] .gl-star-rating--stars[aria-label]::after {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    bottom: auto;
    box-sizing: border-box;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    opacity: .9;
    transform-origin: top;
    transform: translate3d(0,-50%,0);
    white-space: nowrap;
    z-index: 10;
}

[data-star-rating] .gl-star-rating--stars[aria-label]::before {
    background-size: 100% auto !important;
    background-position: 50% !important;
}

[data-star-rating] .gl-star-rating--stars[aria-label]::before {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 31"%3E%3Cpath fill="%23111" d="M12.002 31C12.002 25 0 19.838 0 15.5 0 11.24 12 6 12 0l.002 31z"/%3E%3C/svg%3E') no-repeat;
    content: '';
    height: 18px;
    margin-bottom: 0;
    margin-left: 6px;
    margin-left: 6px;
    margin-left: var(--gl-tooltip-size);
    width: 6px;
    width: 6px;
    width: var(--gl-tooltip-size);
}

[data-star-rating] .gl-star-rating--stars[aria-label]::after {
    background: #111;
    border-radius: 4px;
    border-radius: 4px;
    border-radius: var(--gl-tooltip-border-radius);
    color: #fff;
    content: attr(aria-label);
    font-size: 0.875rem;
    font-size: 0.875rem;
    font-size: var(--gl-tooltip-font-size);
    font-weight: normal;
    margin-left: 12px;
    margin-left: 12px;
    margin-left: var(--gl-tooltip-margin);
    padding: .5em 1em;
    padding: .5em 1em;
    padding: var(--gl-tooltip-padding);
    text-transform: none;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before,
[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
    left: auto;
    right: 100%;
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::before {
    transform: scaleX(-1) translate3d(0,-50%,0);
    margin-left: 0;
    margin-right: 6px;
    margin-right: 6px;
    margin-right: var(--gl-tooltip-size);
}

[data-star-rating].gl-star-rating--rtl .gl-star-rating--stars[aria-label]::after {
    margin-left: 0;
    margin-right: 12px;
    margin-right: 12px;
    margin-right: var(--gl-tooltip-margin);
}

[data-star-rating] svg {
    height: 100%;
    width: 100%;
}

[data-star-rating] .gl-star-half {
    fill: none;
    stroke: none;
}

[data-star-rating] .gl-star-full {
    fill: #dcdce6;
    fill: #dcdce6;
    fill: var(--gl-star-color-inactive);
    stroke: #dcdce6;
    stroke: #dcdce6;
    stroke: var(--gl-star-color-inactive);
    transition: fill 0.15s ease-in-out, stroke 0.15s ease-in-out;
}

[data-star-rating] .gl-active .gl-star-full {
    fill: #fdd835;
    fill: #fdd835;
    fill: var(--gl-star-color);
    stroke: #fdd835;
    stroke: #fdd835;
    stroke: var(--gl-star-color);
}

/* Compatibilty with v3 */

.gl-star-rating--stars[class*=" s"] > span {
    background-image: url('../files/star-empty.svg') !important;
    background-image: url('../files/star-empty.svg') !important;
    background-image: var(--gl-star-empty) !important;
}

.gl-star-rating--stars[class*=" s"] > span {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.gl-star-rating--stars[class*=" s"] > span.gl-active,
.gl-star-rating--stars[class*=" s"] > span.gl-active.gl-selected {
    background-image: url('../files/star-full.svg') !important;
    background-image: url('../files/star-full.svg') !important;
    background-image: var(--gl-star-full) !important;
}
body {
    padding-top: 110px;
    font-size: 14px;
    font-family: 'Arial'!important;
    font-weight: 600;
    height: 100vh;
    outline: none;
}

@media (max-width: 767px) {
    body {
        padding-top: 40px;
    }

    .job-listing-panel {
        border-radius: 16px;
        padding: 18px;
    }

    .job-listing-panel__header {
        flex-direction: column;
    }

    .job-listing-panel__cta {
        width: 100%;
    }

    .job-listing-panel__grid {
        grid-template-columns: 1fr;
    }
}

button{
    font-weight: bold;
}

/* Change lazy loading spinner color to red */
.swiper-lazy-preloader {
  border-top-color: red!important;   /* the spinning part */
  border-right-color: red!important; /* optional for full effect */
  border-left-color: red!important;  /* optional */
  border-bottom-color: transparent!important; /* keep part transparent for spinning effect */
}

.text-drnlasttrm {
    font-size: 14px;
    color: #6c757d;
    margin-top: 6px;
}

.text-drnlasttrm .date {
    font-weight: 600;
    color: #343a40;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 14px;
}

div:has(> .bg-lgrn) {
    background: #f2f2f2;
}

.ft-nw-mzddls{
    border-top: 1px solid #dbdbdb;
}

/*
.ft-nw-mzddls .mzd-cnft-content *{
    color: #fff!important;
}

.ft-nw-mzddls .mzd-cnft-content a{
    color: #f4f4f4!important;
}

.ft-nw-mzddls .mzd-cnft-content svg{
    fill: #fff;
}
*/

.brl-sft-cont{
    display: flex;
    align-items: center;
    gap: 4px;
}

.txtsl-right{
    font-size: 10px;
    font-weight: 500;
    color: #000;
}

.seller-verified-acct{
}

.seller-verified-acct .sf-vfr{
    display: flex;
    gap: 4px;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}

.seller-verified-acct .texts-vr-s{
    font-size: 13px;
    font-weight: 600;
}


.post-d-select.error {
    border: 2px solid red !important;
    border-radius: 6px;
}

.mzd-new-footer{
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.mzd-cnft-content{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.mzd-cnf-info{
    padding: 20px 0px;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.mzd-gp-links a{
    color: #666 !important;
    font-weight: 400;
}

.mzd-gp-links a:before {
    padding-right: 6px;
    content: "|";
}

.mzd-gp-links a:first-child:before {
    content: "";
}

.legal-mzdlsdk-contnpartners{
    display: flex;
    flex-direction: row;
    gap: 14px;
}

.legal-mzdlsdk-contnpartners a{
    color: #666 !important;
    font-weight: 400;
}

.legal-mzdlsdk-contnpartners a img{
    width: 12px;
    height: 12px;
    -o-object-fit: contain;
       object-fit: contain;
}

.mzd-gp-links-content a{
    color: #666 !important;
    font-weight: 400;
}

.mzd-gp-links-content a:first-child:before {
    content: "";
}

.mzd-gp-links-content a:before {
    padding-right: 6px;
    content: "\B7";
}

.mzd-gp-links{
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.ft-mzd-links{
    display: flex;
    gap: 10px;
}

.ssn-apps-ft{
}

.ft-ps-link{
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

.ft-ps-link ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ft-ps-link ul li a{
    color: #000!important;
    font-weight: 400;
}

.ft-ps-link h3{
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.tltls-texgg{
    font-weight: 400;
    color: #000;
}

.ssn-apps-ft{
    display: flex;
    justify-content: space-between;
}

.fl-soclajs{
    display: flex;
    align-items: center;
    gap: 15px;
}

.lsnf-ddd-socials{
    display: flex;
    gap: 20px;
}

.footer-nww-dlsd {
    margin: 20px 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;  /* ← align all items at the top */
    gap: 20px;                /* ← uniform spacing between items */
}

.dslff-lis-social{
    display: flex;
    gap: 15px;
}

.section-sdrow-ft{
    display: grid;
    gap: 13px;
    flex: 1;
}

.sect-dss img{

}

.ttlft-h1{
    margin: 0px;
    padding: 0px;
}

.sect-sdsd{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}

.olmjd-footer {
    display: grid;
    gap: 10px;
}

.olmjd-footer li{
    font-size: 15px;
    text-align: start;
}

.nw-lkpr .item-card-price-slide{
    font-weight: bold!important;
}

.nw-lkpr .item-card-slide-title-ads{
    font-weight: 500!important;
    color: #323232!important;
}

.nw-lkpr{
    height: auto!important;
    margin-top: 4px;
}

.nw-lkpr .image-c{
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.item-slide-ads{
    position: relative!important;
}

.description{
    text-align: justify;
}

.text-lsmns6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* after 3 line show ... */
    -webkit-box-orient: vertical;
}

.bhidshow{
    border: none;
    background-color: transparent;
    text-decoration: underline;
    color: #ff1b1b;
    text-transform: capitalize;
}

.nw-stl-card-ads{
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px; /* compensate for right margin */
}

/* Apply margin to all cards */
.custom-row{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.8rem;
}

.custom-col{
    width: calc(50% - 0.4rem);
    margin-bottom: 0;
    border-radius: 5px;
    background-color: #fff;
    /*box-shadow: 0 0.0625rem 0.250rem 0 rgb(0 0 0 / 10%);*/
    position: relative;
    color: #1b1b1b;
    margin-top: 10px;
}

.card-nw{
    overflow: hidden;
}

.img-sct{
    height: 140px;
    width: 100%;
    background-color: #f4f4f4;
    position: relative;
}

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

.comp-card-inner{
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

.btn-like-nw{
    padding: 0;
    position: absolute;
    top: 7.6rem;
    right: .5rem;
}

.btn-like-nw{
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px #00000040;
}

.nw-lkpr .btn-like-nw{
    padding: 0;
    top: 7.6rem;
}

.cotntn-card-ads{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}

.nwtlks-c{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}

.lrkn{
    text-decoration: none;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

.ttlnw-concer p {
    display: -webkit-inline-box;
    max-height: 4rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .9rem;
    letter-spacing: 0;
    line-height: 1.3rem;
    margin-bottom: 0;
    font-weight: 500;
    color: #323232;
}

.lkfm-cont-price p {
    overflow: hidden;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.3rem;
    margin-bottom: 0;
    font-weight: bold;
    color: #000;
}

.inpt-street-selection{
    background: #f7f8f9;
    border: 1px solid #f7f8f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    cursor: pointer;
    border-radius: 5px;
}

.contetn-mzdmodal{
    width: 550px;
}

.brd-8{
    border-radius: 8px;
}

.content-sh-md{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.lsit-ds{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.bt-search-s{
    padding: 5px;
    background-color: rgb(0, 47, 52);
    height: 37px;
    border: 1px solid rgb(0, 47, 52);
}

.bt-search-s:active{
    padding: 5px;
    background-color: #ff4444;
    height: 37px;
    border: 1px solid #ff4444;
}

.ttl-errl{
    font-size: 15px;
    font-weight: bold;
    color: #ff1b1b;
    text-align: center;
}

.ttl-er-sm{
    text-align: center;
}

.content-loaderssf{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.streets-list{
    width: 100%;
    height: 100%;
}

.item-street-cty{
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.ttllskk-street{
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.itmsshare{
    background-color: #e4e4e4;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-view-spec-lc-slide{
    font-size: .80rem;
    font-weight: 500;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cont-searhcs-filtr{
    display: flex;
    justify-content: space-between;
}

.lvm{
    background-color: transparent;
    border: none;
    padding: 0;
}

.clsbgmzd{
    background-color: rgb(31, 31, 31,0.3);
    padding-top: 8px;
}

.footer-sdmdsfmzd {
    margin-top: 15px;
    margin-bottom: 30px;
}

.footer-sdmdsfmzd ul li a{
    font-weight: 400!important;
}

.footer-sdmdsfmzd ul li a:hover{
    color: #ffb3b3;
}

.items-slide-gallery .swiper-button-next:after, .items-slide-gallery .swiper-button-prev:after{
    font-size: 22px!important;
}

.items-slide-gallery .swiper-button-next, .items-slide-gallery .swiper-button-prev {
    background-color: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    width: 45px;
    height: 45px;
    border-radius: 100px;
}

.items-slide-gallery .swiper-button-next:hover, .items-slide-gallery .swiper-button-prev:hover {
    box-shadow: 0 0 6px rgb(0 0 0 / 40%);
    transition: all 3s;
}

.items-slide-galleryd .swiper-button-next, .items-slide-galleryd .swiper-button-prev {
    background-color: rgb(1, 1, 1,0.4);
}

.cp-container{
    padding-top: 50px;
    overflow-y: auto;
    padding-bottom: 100px;
}

.progress-bar-loader {
    height: 4px;
    background-color: #eaeaea;
    width: 100%;
    overflow: hidden;
}

.btn-mzd-danger{
    background-color: #ff1b1b;
}

.text-vl-dsf-item{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.progress-bar-value {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-animation: indeterminateAnimation 1s infinite linear;
            animation: indeterminateAnimation 1s infinite linear;
    transform-origin: 0% 50%;
}

.promotion-swiper{
    border-radius: 8px;
    overflow: hidden;
}

.promotion-slide-link{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    color: inherit;
    text-decoration: none!important;
    background: #f8fafc;
}

.promotion-slide-link--static{
    height: 100%;
    border-radius: 8px;
}

.promotion-slide-img{
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.promotion-slide-img.is-hidden{
    display: none!important;
}

.promotion-slide-fallback{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    padding: 28px 42px;
    background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,.86) 0, rgba(255,255,255,0) 32%),
        radial-gradient(circle at 86% 26%, rgba(14,165,233,.22) 0, rgba(14,165,233,0) 32%),
        linear-gradient(135deg, #fff7f7 0%, #fff 34%, #eef6ff 100%);
    border: 1px solid #e8edf4;
    color: #111827;
}

.promotion-slide-fallback[hidden]{
    display: none!important;
}

.promotion-slide-fallback::before{
    content: "";
    position: absolute;
    left: 32px;
    right: 32px;
    top: 30px;
    bottom: 30px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.8);
    pointer-events: none;
}

.promotion-slide-fallback::after{
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -58px;
    bottom: -72px;
    border-radius: 999px;
    background: rgba(239,59,51,.14);
}

.promotion-slide-fallback__content,
.promotion-slide-fallback__visual{
    position: relative;
    z-index: 1;
}

.promotion-slide-fallback__badge{
    display: inline-flex;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: #fff;
    color: #ef3b33;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.promotion-slide-fallback__content h2{
    max-width: 520px;
    margin: 14px 0 8px;
    color: #111827;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 800;
}

.promotion-slide-fallback__content p{
    max-width: 460px;
    margin: 0;
    color: #64748b;
    font-size: 15px;
    font-weight: 600;
}

.promotion-slide-fallback__chips{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.promotion-slide-fallback__chips span{
    display: inline-flex;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(226,232,240,.86);
}

.promotion-slide-fallback__visual{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    width: 130px;
    height: 130px;
    border-radius: 34px;
    background: linear-gradient(145deg, #ef3b33 0%, #fb7185 55%, #f59e0b 100%);
    color: #fff;
    box-shadow: 0 24px 48px rgba(239,59,51,.24);
    transform: rotate(-4deg);
}

.promotion-slide-fallback__mark{
    align-items: center;
    border: 6px solid rgba(255,255,255,.92);
    border-radius: 24px;
    display: inline-flex;
    font-size: 70px;
    font-weight: 900;
    height: 92px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    width: 92px;
}

.items .card-body{
    padding: 10px;
}

.ads .card-body{
    padding: 10px;
}

.tttl-lk-cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.items-mtr-slide-mz .item-img-slide-cont img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover!important;
       object-fit: cover!important;
    border: 0;
}

.tp-cats{
}

.cats-tops-inrsp{
    --_min-value: 15ch;
    --template: repeat(auto-fill, minmax(min(var(--_min-value), 100%), 1fr));
    --gap: 1.5rem;
    display: grid;
    align-items: start;
    gap: var(--gap, 1.5rem);
    grid-auto-rows: minmax(0, -webkit-max-content);
    grid-auto-rows: minmax(0, max-content);
    grid-template-columns: var(--template, minmax(0, auto));
}

.img-cats-dv{
    height: 85px;
    width: 85px;
    border-radius: 100px;
    background-color: #f8fafc;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
    transition: transform .18s ease, box-shadow .18s ease;
}

.img-cats-dv img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 2;
}

.category-real-image.is-hidden{
    display: none!important;
}

.category-fallback{
    --cat-bg: linear-gradient(145deg, #fff1f2 0%, #ffe4e6 48%, #fff 100%);
    --cat-ink: #ef3b33;
    --cat-shadow: rgba(239, 59, 51, .18);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: inherit;
    background: var(--cat-bg);
    color: var(--cat-ink);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
}

.category-fallback[hidden]{
    display: none!important;
}

.category-fallback::before{
    content: "";
    position: absolute;
    width: 72%;
    height: 72%;
    right: -22%;
    top: -18%;
    border-radius: 999px;
    background: rgba(255,255,255,.46);
}

.category-fallback::after{
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,.62);
}

.category-fallback__glyph{
    position: relative;
    z-index: 1;
    align-items: center;
    display: inline-flex;
    font-size: 26px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: 0 8px 18px var(--cat-shadow);
    text-transform: uppercase;
    width: 52px;
}

.category .item .category-fallback__glyph{
    font-size: 22px;
}

.category-fallback--vehicles{
    --cat-bg: linear-gradient(145deg, #fff1f2 0%, #ffe4e6 48%, #fff7ed 100%);
    --cat-ink: #ef3b33;
    --cat-shadow: rgba(239, 59, 51, .2);
}

.category-fallback--motorbikes{
    --cat-bg: linear-gradient(145deg, #ecfeff 0%, #cffafe 48%, #f8fafc 100%);
    --cat-ink: #0891b2;
    --cat-shadow: rgba(8, 145, 178, .18);
}

.category-fallback--property-sale{
    --cat-bg: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 50%, #f0fdf4 100%);
    --cat-ink: #059669;
    --cat-shadow: rgba(5, 150, 105, .18);
}

.category-fallback--property-rent{
    --cat-bg: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 50%, #f8fafc 100%);
    --cat-ink: #4f46e5;
    --cat-shadow: rgba(79, 70, 229, .18);
}

.category-fallback--jobs{
    --cat-bg: linear-gradient(145deg, #eff6ff 0%, #dbeafe 50%, #f8fafc 100%);
    --cat-ink: #2563eb;
    --cat-shadow: rgba(37, 99, 235, .18);
}

.category-fallback--phones{
    --cat-bg: linear-gradient(145deg, #faf5ff 0%, #f3e8ff 50%, #fff 100%);
    --cat-ink: #9333ea;
    --cat-shadow: rgba(147, 51, 234, .18);
}

.category-fallback--pets{
    --cat-bg: linear-gradient(145deg, #fefce8 0%, #fef3c7 50%, #fff 100%);
    --cat-ink: #ca8a04;
    --cat-shadow: rgba(202, 138, 4, .18);
}

.category-fallback--electronics{
    --cat-bg: linear-gradient(145deg, #f0f9ff 0%, #dbeafe 46%, #f5f3ff 100%);
    --cat-ink: #0f766e;
    --cat-shadow: rgba(15, 118, 110, .18);
}

.category-fallback--furniture{
    --cat-bg: linear-gradient(145deg, #fff7ed 0%, #fed7aa 50%, #fff 100%);
    --cat-ink: #ea580c;
    --cat-shadow: rgba(234, 88, 12, .18);
}

.category-fallback--business{
    --cat-bg: linear-gradient(145deg, #f0fdf4 0%, #dcfce7 48%, #fefce8 100%);
    --cat-ink: #16a34a;
    --cat-shadow: rgba(22, 163, 74, .18);
}

.category-fallback--books-sport{
    --cat-bg: linear-gradient(145deg, #fef2f2 0%, #fee2e2 45%, #eff6ff 100%);
    --cat-ink: #dc2626;
    --cat-shadow: rgba(220, 38, 38, .18);
}

.category-fallback--fashion{
    --cat-bg: linear-gradient(145deg, #fdf2f8 0%, #fce7f3 50%, #fff7ed 100%);
    --cat-ink: #db2777;
    --cat-shadow: rgba(219, 39, 119, .18);
}

.category-fallback--services{
    --cat-bg: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 48%, #f0fdf4 100%);
    --cat-ink: #475569;
    --cat-shadow: rgba(71, 85, 105, .2);
}

.category-fallback--kids{
    --cat-bg: linear-gradient(145deg, #fff7ed 0%, #ffedd5 48%, #fdf2f8 100%);
    --cat-ink: #f97316;
    --cat-shadow: rgba(249, 115, 22, .18);
}

.cats-dljjtitle{
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.cont-cats-tops{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cont-cats-tops:hover .img-cats-dv{
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, .12);
}

nav{
    z-index: 1000!important;
}

@-webkit-keyframes indeterminateAnimation {
    0% {
        transform:  translateX(0) scaleX(0);
    }
    40% {
        transform:  translateX(0) scaleX(0.4);
    }
    100% {
        transform:  translateX(100%) scaleX(0.5);
    }
}

@keyframes indeterminateAnimation {
    0% {
        transform:  translateX(0) scaleX(0);
    }
    40% {
        transform:  translateX(0) scaleX(0.4);
    }
    100% {
        transform:  translateX(100%) scaleX(0.5);
    }
}

.mob-mzd-filter{
    width: 100%;
    position: fixed;
    inset-block-end: 0;
    background-color: #fff;
    z-index: 2;
    left: 0;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    padding-bottom: 25px!important;
}

.main-container-navs{
    padding: 15px;
}

.main-container{
    padding-top: 30px;
}

.header-h4-dftp{
    font-size: 18px;
}

.mob-device-nav-prop{
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.smzd-text{
    font-size: 18px;
}

.sl-pksts{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.tlsd-infs-price *{
    font-size: 16px!important;
    font-weight: bold;
}

.li-sdtt{
    padding-left: 25px!important;
    padding-right: 25px!important;
}

a{
    color: #ff1b1b;
}

.txt-red{
    color: #ff1b1b;
}

.textTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-red{
    color: #ffc1c1!important;
}

.text-bk{
    color: #1f1f1f;
}

.font-light-w{
    font-weight: 400;
}

.font-medium{
    font-weight: 500;
}

.header-containerflex-md{
    display: flex;
    justify-content: space-between;
}

.header-containerflex-md a{
    color: #ff1b1b;
    font-weight: 400;
}

.mzdeal-bg-color{
    background-color: #ff1b1b!important;
}

.close-back{
    background-color: transparent;
    border: none;
}

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 */
}


input[type="text"]:focus,input[type="password"]:focus{
    outline: none;
}

#map {
    height: 200px;
    margin-top: 10px;
    border-radius: 5px;
}

infowindow-content .title {
    font-weight: bold;
}

.location{
    font-size: 12px;
    font-weight: 500;
}

.brand-item {
    display: flex;
}

.location-sship-select li{
    cursor: pointer;
}

.location-sship-select li.active{
    background: #e4e4e4;
}

.text-18{
    font-size: 18px;
}

.text-16{
    font-size: 16px;
}

.text-12{
    font-size: 12px!important;
}

.text-14{
    font-size: 14px!important;
}

.text-13{
    font-size: 13px!important;
}

.text-10{
    font-size: 11px!important;
}

.header-h4{
    font-size: 1.1rem;
}

.header-h3{
    font-size: 20px;
}

.text-rm-14{
    font-size: .875rem;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

#location-map{
    position: relative;
}

#use-current-location{
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#use-current-location:active{
    border: 1px solid #ff1b1b;
    background: #ff1b1b;
}

#use-current-location:active svg{
    fill: white;
    background-color: transparent;
}

.war-svg{
    fill: rgb(255, 255, 255);
    background-color: transparent;
}

.ads-list-style{
    height: 170px;
    display: flex;
    border-radius: 5px;
}

.image-ads-list-cont{
    border-radius: 5px 0px 0px 5px;
    width: 290px;
    height: 100%;
    background: rgb(241, 240, 240);
    position: relative;
    overflow: hidden;
}

.image-ads-list-cont img{
    border-radius: 5px 0px 0px 5px;
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.ads-list-cont-inform{
    width: 70%;
    height: 100%;
}

.width-props-item{
    min-width: 25%;
    padding-right: 5px;
}

.not-found-sad-search{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.not-found-sad-search .img-sad-se img{
    width: 200px;
    height: 200px;
}

.search-empty-state{
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: center;
    gap: 34px;
    margin: 28px 0 44px;
    padding: 34px;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #fff8f7 100%);
    box-shadow: 0 18px 45px rgba(17, 24, 39, .06);
}

.search-empty-state__art{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.search-empty-state__art svg{
    width: 100%;
    max-width: 220px;
    height: auto;
}

.search-empty-state__eyebrow{
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #b42318;
    background: #fff0ef;
    font-size: 13px;
    font-weight: 900;
}

.search-empty-state__body h2{
    margin: 0;
    color: #111827;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 950;
}

.search-empty-state__body p{
    max-width: 680px;
    margin: 12px 0 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 700;
}

.search-empty-state__body p strong{
    color: #111827;
    font-weight: 950;
}

.search-empty-state__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.search-empty-state__primary,
.search-empty-state__secondary{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.search-empty-state__primary{
    border: 1px solid #ef3833;
    color: #fff;
    background: #ef3833;
    box-shadow: 0 10px 24px rgba(239, 56, 51, .22);
}

.search-empty-state__primary:hover{
    color: #fff;
    background: #dc2626;
}

.search-empty-state__secondary{
    border: 1px solid #d9e0ea;
    color: #111827;
    background: #fff;
}

.search-empty-state__secondary:hover{
    color: #111827;
    border-color: #cbd5e1;
}

.search-empty-state__tips{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 22px;
}

.search-empty-state__tips > span{
    color: #667085;
    font-size: 13px;
    font-weight: 900;
}

.search-empty-state__tips > div{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-empty-state__tips a{
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid #e6ebf2;
    border-radius: 999px;
    color: #111827;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.search-empty-state__tips a:hover{
    border-color: #ef3833;
    color: #ef3833;
}

@media only screen and (max-width: 768px){
    .search-empty-state{
        grid-template-columns: 1fr;
        gap: 18px;
        margin: 18px 0 30px;
        padding: 24px 18px;
        text-align: center;
    }

    .search-empty-state__art{
        min-height: 130px;
    }

    .search-empty-state__art svg{
        max-width: 165px;
    }

    .search-empty-state__body h2{
        font-size: 24px;
    }

    .search-empty-state__body p{
        font-size: 14px;
    }

    .search-empty-state__actions,
    .search-empty-state__tips > div{
        justify-content: center;
    }
}

.post-tittle{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

#user-locations-found{
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
    background: #fff;
    position: absolute;
    top: 0;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
}

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

.prom-cod-cont{
    display: none;
}

.prom-cod-cont.active{
    display: block;
}

.bought-item-container .bought-cont-locs{
    display: flex;
}

.bought-item-container .bought-cont-locs .sm-bought-cont{
    width: 50px;
    display: flex;
    justify-content: center;
}

.bought-item-container .bought-cont-locs .lg-bought-cont{
    width: 95%;
    font-weight: 500;
    color: #000;
}

.bought-product-specs{
    display: flex;
}

.bought-product-specs .item-image-div{
    background-color: #f2f2f2;
    width: 100px;
    height: 100px;
}

._2e82a662 {
    font-weight: 700;
}

._261203a9 {
    font-size: 16px;
}

.boost-ads-options{
    display: flex;
    align-items: center;
}

.price-info-boost{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.promote-cont-ttls{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bought-product-specs img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.sub-title{
    font-size: 26px;
    color: #000;
}

.subscription-package{
    border-radius: 10px;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-firt-cotn-spec{
    width: 80%;
}

.trans-info{
    display: flex;
    align-items: center;
}

.image-cont-boost{
    width: 100px;
    height: 100px;
}

.image-cont-boost img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.promote-packages-page{
    background: #f4f5f7;
    min-height: calc(100vh - 80px);
    padding: 34px 18px 70px;
}

.promote-packages-shell{
    max-width: 1180px;
    margin: 0 auto;
}

.promote-packages-hero{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    padding: 34px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.promote-eyebrow{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 13px;
    border-radius: 999px;
    background: #fff1ef;
    color: #b42b20;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.promote-packages-hero h1{
    margin: 16px 0 10px;
    color: #111827;
    font-size: 34px;
    line-height: 1.14;
    font-weight: 900;
}

.promote-packages-hero p{
    max-width: 680px;
    margin: 0;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 650;
}

.promote-balance-card{
    min-width: 250px;
    padding: 20px;
    border-radius: 8px;
    background: #111827;
    color: #ffffff;
}

.promote-balance-card span,
.promote-balance-card a{
    display: block;
}

.promote-balance-card span{
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 700;
}

.promote-balance-card strong{
    display: block;
    margin-top: 8px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
}

.promote-balance-card a{
    margin-top: 18px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: 800;
}

.promote-ad-summary{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 18px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
}

.promote-ad-media{
    width: 112px;
    height: 88px;
    flex: 0 0 112px;
    overflow: hidden;
    border-radius: 8px;
    background: #f1f5f9;
}

.promote-ad-media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

.promote-ad-fallback{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b42b20;
    background: #fff1ef;
    font-size: 30px;
    font-weight: 900;
}

.promote-ad-copy{
    min-width: 0;
}

.promote-ad-copy span{
    color: #8b95a5;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.promote-ad-copy h2{
    margin: 6px 0 10px;
    color: #111827;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
}

.promote-ad-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.promote-ad-meta span{
    padding: 7px 10px;
    border-radius: 999px;
    background: #f4f5f7;
    color: #4b5563;
    font-size: 12px;
    text-transform: none;
}

.promote-error-container{
    margin-top: 16px;
}

.promote-recharge-alert{
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding: 16px 18px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff1f2;
}

#btn-recharge.promote-recharge-alert[style*="block"]{
    display: flex!important;
}

.promote-recharge-alert strong,
.promote-recharge-alert span{
    display: block;
}

.promote-recharge-alert strong{
    color: #991b1b;
    font-size: 15px;
}

.promote-recharge-alert span{
    margin-top: 3px;
    color: #7f1d1d;
    font-size: 13px;
}

.promote-recharge-alert a{
    flex: 0 0 auto;
    padding: 11px 18px;
    border-radius: 8px;
    background: #ef3b33;
    color: #ffffff;
    font-weight: 900;
}

.promote-package-form{
    margin-top: 22px;
}

.promote-packages-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.promote-package-card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    margin: 0;
    padding: 20px;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.promote-package-card:hover{
    border-color: #f2aaa4;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    transform: translateY(-2px);
}

.promote-package-card input{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.promote-package-topline,
.promote-card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.promote-card-status,
.promote-discount{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.promote-card-status{
    background: #f4f5f7;
    color: #4b5563;
}

.promote-discount{
    background: #ef3b33;
    color: #ffffff;
}

.promote-radio-mark{
    width: 22px;
    height: 22px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 5px #ffffff;
}

.promote-package-card input:checked ~ .promote-package-topline .promote-radio-mark{
    border-color: #ef3b33;
    background: #ef3b33;
}

.promote-package-card:has(input:checked){
    border-color: #ef3b33;
    box-shadow: 0 18px 44px rgba(239, 59, 51, 0.16);
}

.promote-package-title{
    margin-top: 24px;
}

.promote-package-title h3{
    min-height: 52px;
    margin: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.18;
    font-weight: 900;
}

.promote-package-title strong{
    display: block;
    margin-top: 14px;
    color: #111827;
    font-size: 26px;
    line-height: 1.18;
    font-weight: 950;
}

.promote-benefits{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    color: #606b7b;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

.promote-benefits li{
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.promote-check-icon{
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ecfdf3;
}

.promote-check-icon svg{
    fill: #16803c;
}

.promote-card-footer{
    margin-top: auto;
    padding-top: 22px;
}

.promote-example-link{
    color: #b42b20;
    font-weight: 900;
    text-decoration: underline;
}

.promote-ready,
.promote-needs-balance{
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.promote-ready{
    background: #ecfdf3;
    color: #16803c;
}

.promote-needs-balance{
    background: #fff1f2;
    color: #b91c1c;
}

.promote-package-card.is-low-balance{
    background: #fffdfd;
}

.promote-apply-bar{
    position: -webkit-sticky;
    position: sticky;
    bottom: 18px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
    padding: 16px 18px;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

.promote-apply-bar span,
.promote-apply-bar strong{
    display: block;
}

.promote-apply-bar span{
    color: #8b95a5;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.promote-apply-bar strong{
    max-width: 720px;
    overflow: hidden;
    color: #111827;
    font-size: 16px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promote-apply-bar small{
    display: block;
    max-width: 720px;
    margin-top: 4px;
    overflow: hidden;
    color: #6b7280;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promote-apply-bar .btn{
    min-width: 190px;
    min-height: 48px;
    border-radius: 8px;
    font-weight: 900;
    box-shadow: 0 14px 26px rgba(239, 59, 51, 0.22);
}

.promote-apply-bar .btn:disabled,
.promote-mobile-continue .btn:disabled{
    cursor: not-allowed;
    opacity: 1;
    border-color: #dbe1e9;
    background: #e7eaf0;
    color: #7b8493;
    box-shadow: none;
}

.promote-ads-page{
    min-height: calc(100vh - 80px);
    padding: 34px 18px 70px;
    background: #f4f5f7;
}

.promote-ads-shell{
    max-width: 1180px;
    margin: 0 auto;
}

.promote-ads-hero{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.promote-ads-hero h1{
    margin: 16px 0 10px;
    color: #111827;
    font-size: 34px;
    line-height: 1.14;
    font-weight: 900;
}

.promote-ads-hero p{
    max-width: 680px;
    margin: 0;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 650;
}

.promote-hero-metrics{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.promote-hero-metrics div{
    padding: 16px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e7eaf0;
}

.promote-hero-metrics span,
.promote-hero-metrics strong{
    display: block;
}

.promote-hero-metrics span{
    color: #6b7280;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.promote-hero-metrics strong{
    margin-top: 5px;
    color: #111827;
    font-size: 22px;
    font-weight: 950;
}

.promote-ad-picker{
    margin-top: 22px;
}

.promote-ad-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.promote-ad-card{
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.promote-ad-card:hover{
    transform: translateY(-2px);
    border-color: #f2aaa4;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.promote-ad-card input{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.promote-ad-card:has(input:checked){
    border-color: #ef3b33;
    box-shadow: 0 18px 44px rgba(239, 59, 51, 0.16);
}

.promote-ad-card input:checked ~ .promote-ad-card-body .promote-radio-mark{
    border-color: #ef3b33;
    background: #ef3b33;
}

.promote-ad-card-media{
    position: relative;
    height: 190px;
    overflow: hidden;
    background: #f1f5f9;
}

.promote-ad-card-media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

.promote-ad-image-fallback{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b42b20;
    background: #fff1ef;
    font-size: 42px;
    font-weight: 900;
}

.promote-ad-package{
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #b42b20;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}

.promote-ad-card-body{
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px;
}

.promote-ad-card-topline{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.promote-ad-card-body h2{
    min-height: 56px;
    margin: 16px 0 10px;
    color: #111827;
    font-size: 20px;
    line-height: 1.28;
    font-weight: 900;
}

.promote-ad-price{
    color: #111827;
    font-size: 18px;
    font-weight: 900;
}

.promote-ad-card-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.promote-ad-card-meta span{
    padding: 7px 10px;
    border-radius: 999px;
    background: #f4f5f7;
    color: #4b5563;
    font-size: 12px;
    font-weight: 800;
}

.promote-ad-card-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 20px;
}

.promote-ad-card-actions a{
    color: #4b5563;
    font-weight: 850;
    text-decoration: underline;
}

.promote-ad-card-actions span{
    color: #b42b20;
    font-weight: 900;
}

.promote-empty-state{
    margin-top: 22px;
    padding: 38px;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.promote-empty-state h2{
    margin: 0;
    color: #111827;
    font-size: 28px;
    font-weight: 900;
}

.promote-empty-state p{
    max-width: 560px;
    margin: 10px auto 22px;
    color: #6b7280;
    font-weight: 700;
}

.promote-mobile-continue{
    display: none;
    padding: 12px;
    box-shadow: 0 -12px 30px rgba(15, 23, 42, 0.1);
}

.promote-mobile-selection{
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.promote-mobile-selection span{
    overflow: hidden;
    color: #8b95a5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.promote-mobile-selection strong{
    max-width: calc(100vw - 176px);
    overflow: hidden;
    color: #111827;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promote-mobile-continue .btn{
    width: 100%;
    min-height: 48px;
    border-radius: 8px;
    font-weight: 900;
}

@media only screen and (max-width: 1024px){
    .promote-packages-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .promote-ads-hero{
        grid-template-columns: 1fr;
    }

    .promote-hero-metrics{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .promote-ad-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .promote-packages-hero{
        flex-direction: column;
    }

    .promote-balance-card{
        width: 100%;
    }
}

@media only screen and (max-width: 640px){
    .promote-ads-page,
    .promote-ads-shell,
    .promote-ad-picker,
    .promote-ad-grid,
    .promote-ad-card,
    .promote-ad-card-body,
    .promote-ads-tools,
    .promote-ad-search{
        width:100%;
        min-width:0;
        max-width:100%;
        box-sizing:border-box;
    }

    .promote-ads-page{
        overflow-x:hidden;
        padding:12px 12px calc(82px + env(safe-area-inset-bottom));
    }

    .promote-packages-page{
        padding: 18px 12px 86px;
    }

    .promote-packages-hero{
        padding: 22px;
    }

    .promote-packages-hero h1{
        font-size: 27px;
    }

    .promote-ad-summary{
        align-items: flex-start;
    }

    .promote-ad-media{
        width: 84px;
        height: 74px;
        flex-basis: 84px;
    }

    .promote-ad-copy h2{
        font-size: 18px;
    }

    .promote-packages-grid{
        grid-template-columns: 1fr;
    }

    .promote-package-card{
        min-height: 0;
    }

    .promote-apply-bar{
        left: 12px;
        right: 12px;
        bottom: 12px;
        flex-direction: column;
        align-items: stretch;
    }

    .promote-apply-bar strong{
        max-width: 100%;
    }

    .promote-apply-bar small{
        max-width: 100%;
    }

    .promote-apply-bar .btn{
        width: 100%;
    }

    .promote-recharge-alert{
        flex-direction: column;
        align-items: stretch;
    }

    .promote-recharge-alert a{
        text-align: center;
    }

    .promote-ads-hero{
        gap:16px;
        padding:16px 14px;
        border-radius:8px;
        box-shadow:none;
    }

    .promote-ads-hero h1{
        font-size:24px;
    }

    .promote-ad-grid{
        grid-template-columns: 1fr;
    }

    .promote-ad-card-media{
        height:164px;
    }

    .promote-ad-card{
        border-radius:8px;
    }

    .promote-ad-card-body{
        overflow:hidden;
        padding:16px;
    }

    .promote-ad-card-body h2{
        min-height:0;
        margin:14px 0 8px;
        overflow-wrap:anywhere;
        font-size:19px;
    }

    .promote-ad-price{
        overflow-wrap:anywhere;
        font-size:17px;
    }

    .promote-ad-card-meta{
        margin-top:12px;
    }

    .promote-mobile-continue{
        display: flex;
        align-items: center;
        gap: 10px;
        left:0;
        right:0;
        width:100%;
        box-sizing:border-box;
        padding:10px 12px calc(10px + env(safe-area-inset-bottom));
        border-top:1px solid #e7eaf0;
        background:#fff !important;
    }

    .promote-mobile-continue .btn{
        width: auto;
        min-width: 138px;
        flex: 0 0 auto;
    }

    .promote-ad-picker .promote-apply-bar{
        display: none;
    }
}

.error-empty-div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.error-empty-div img{
    width: 180px;
}

.bought-product-specs .item-info-cont {
    width: 90%;
    padding-left: 10px;
}

.item-info-title{
    color: #000;
    font-weight: 500;
}

.bought-product-specs .item-info-buttons{
    width: 20%;
}

.item-spec-info{
    font-weight: 450;
}

.item-totals-info-cont{
    display: flex;
    justify-content: flex-end;
}

.item-totals-info-cont .item-totals-info{
    width: 50%;
    display: flex;
}

.filter-tabs-orders{
    display: flex;
}

.filter-tabs-orders .filter-tab.active{
    border-bottom: 2px solid red;
}

.filter-tabs-orders .filter-tab {
    padding: 7px;
    padding-right: 15px;
    padding-left: 15px;
    border: 2px solid white;
    cursor: pointer;
}

.tabs-container-orders{
    display: flex;
    justify-content: space-between;
}

.filter-search-order{
    display: flex;
}

.orders-details-more{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orders-list > .bg-white,
#item-trade .bg-white,
.order-pay-result-cont{
    border: 1px solid #e7eaf0;
    border-radius: 8px;
}

.order-status-badge{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.order-status-badge.paid{
    color: #167a45;
    background: #e9f8ef;
}

.order-status-badge.waiting{
    color: #9a6100;
    background: #fff3d6;
}

.order-status-badge.expired{
    color: #a52b22;
    background: #feebea;
}

.order-overview-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf0;
}

.order-overview-item{
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.order-overview-item span{
    color: #697386;
    font-size: 12px;
}

.order-overview-item strong{
    color: #111827;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.orders-empty-state{
    padding: 48px 20px;
    text-align: center;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
}

.orders-empty-state h3{
    color: #111827;
    font-size: 20px;
    font-weight: 600;
}

.orders-empty-state p{
    color: #697386;
    margin: 8px 0 22px;
}

.buy-now-page,
.checkout-confirm-page,
.orders-page,
.payment-result-page{
    background: #f5f6f8;
}

.orders-page-header,
.checkout-hero,
.checkout-card,
.payment-result-card,
.orders-toolbar,
.order-list-card{
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .05);
}

.orders-page-header span,
.checkout-hero__eyebrow,
.checkout-card__kicker,
.payment-result-kicker{
    display: block;
    color: #a52b22;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.buy-now-page .ads-images-container,
.buy-now-page .price-container,
.buy-now-page .details-c,
.buy-now-page .seller-container,
.buy-now-page .related-ads{
    border-radius: 8px !important;
    border-color: #e4e7ec !important;
    box-shadow: 0 16px 38px rgba(17, 24, 39, .05);
}

.buy-now-page .price-container .price-item{
    color: #111827;
    font-size: 28px;
    font-weight: 900;
}

.buy-now-page .title-item{
    margin-top: 8px;
    color: #111827;
    font-size: 22px;
    line-height: 1.25;
}

.buy-now-page .meta-row,
.buy-now-page .stock-panel,
.buy-now-page .sell_now_details .opt-sell-now-dtls{
    border-radius: 8px;
}

.buy-now-page .btn-item-buy{
    width: 100%;
    min-height: 48px;
    border-radius: 8px;
    background: #e9302a;
    box-shadow: 0 14px 24px rgba(233, 48, 42, .18);
}

.buy-now-page .btn-item-buy:hover{
    background: #cc2722;
}

.checkout-hero{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding: 28px 30px;
}

.checkout-hero h1,
.orders-page-header h1{
    margin: 10px 0 8px;
    color: #111827;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
}

.checkout-hero p,
.orders-page-header p{
    margin: 0;
    color: #667085;
    font-weight: 700;
    line-height: 1.45;
}

.checkout-card{
    padding: 22px !important;
}

.checkout-card__header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.checkout-card__header h5,
.checkout-summary-card h5{
    color: #111827;
    font-size: 20px;
}

.checkout-link-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #d9dee8;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-weight: 900;
    cursor: pointer;
}

.checkout-link-button:hover{
    border-color: #111827;
}

.checkout-product-card .items-store{
    padding: 14px;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    background: #fbfcfd;
}

.checkout-summary-card{
    position: -webkit-sticky;
    position: sticky;
    top: 92px;
}

.checkout-summary-card .amount-ttlsp{
    align-items: center;
    padding: 8px 0;
}

.checkout-summary-card #total-lines-price{
    color: #111827;
    font-size: 24px;
    font-weight: 900;
}

.checkout-primary-action{
    min-height: 50px;
    border-radius: 8px;
    background: #e9302a;
    border-color: #e9302a;
    font-weight: 900;
    box-shadow: 0 14px 24px rgba(233, 48, 42, .2);
}

.checkout-trust-card{
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: center;
}

.checkout-trust-card svg{
    color: #167a45;
    fill: currentColor;
}

.orders-page-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 26px 30px;
}

.orders-header-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #d9dee8;
    border-radius: 8px;
    color: #111827;
    background: #fff;
    font-weight: 900;
    white-space: nowrap;
}

.orders-header-action:hover{
    color: #111827;
    border-color: #111827;
    text-decoration: none;
}

.orders-toolbar{
    align-items: center;
    border-radius: 8px;
}

.orders-toolbar .filter-tab{
    border-radius: 8px;
    font-weight: 900;
}

.orders-toolbar .filter-tabs-orders .filter-tab.active{
    border-color: #111827;
    border-bottom-color: #111827;
    background: #111827;
    color: #fff !important;
}

.orders-toolbar .filter-search-order .search-order{
    min-height: 42px;
    border-color: #e4e7ec;
    background: #fff;
}

.orders-toolbar .order-search-button{
    min-height: 42px;
    border: 0;
    border-radius: 0 8px 8px 0;
    background: #e9302a;
}

.order-list-card{
    border-left: 4px solid #e9302a;
}

.order-list-card .orders-details-more{
    gap: 16px;
}

.order-list-card .store-ttl a{
    color: #111827;
    font-weight: 900;
}

.order-list-card .bought-product-specs{
    border-radius: 8px;
    background: #fbfcfd;
    padding: 14px;
}

.order-list-card .item-image-div img{
    border-radius: 8px;
}

.order-list-card .item-info-buttons .btn{
    border-radius: 8px;
    font-weight: 900;
}

.order-overview-item{
    padding: 12px;
    border-radius: 8px;
    background: #fbfcfd;
}

.payment-result-page{
    min-height: 70vh;
}

.payment-result-card{
    padding: 24px !important;
}

.payment-result-card--center{
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.payment-result-card--success{
    border-color: #b7ebc8;
}

.payment-result-card--pending{
    border-color: #ffe2a8;
}

.payment-result-card .order-result-scont{
    align-items: flex-start;
    gap: 14px;
}

.payment-result-card .cont-fl-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    background: #ecfdf3;
}

.payment-result-card--pending .cont-fl-icon{
    background: #fff7e6;
}

.payment-result-card .pay-tttl-result{
    color: #111827;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
}

.payment-result-card .pay-tttl-info{
    margin-top: 6px;
    color: #667085;
    font-weight: 700;
}

.payment-result-action{
    min-height: 46px;
    border-radius: 8px;
    font-weight: 900;
}

.payment-result-card .df-text-bank-cont{
    padding-bottom: 12px;
    border-bottom: 1px solid #edf0f5;
}

.payment-result-card .df-text-bank-cont:last-child{
    border-bottom: 0;
}

.payment-result-card .upload_file_input{
    min-height: 42px;
    padding: 8px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fbfcfd;
}

.order-dtls-inf{
    display: flex;
    align-items: center;
}

.filter-search-order .search-order{
    height: 34px;
    width: 260px;
    border-radius: 5px 0px 0px 5px!important;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding-left: 10px;
}

.h3-style-ttl{
    font-size: 18px;
    color: #000;
}

.dts-fd-ord{
    background-color: #f3f3f3;
    padding: 10px;
}

.order-feedback{
    display: flex;
}

.div-feedback{
    width: 30%;
    display: flex;
}

.d-leave-fdk{
    display: flex;
    align-items: center;
}

.div-feedback .img-cont{
    width: 70px;
    height: 70px;
    background-color: #f2f2f2;
}

.div-feedback .img-cont img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.order-search-button{
    width: 40px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg,#ff640e,#ff3000);
    border-radius: 0 6px 6px 0;
    border: 1px solid transparent;
}

.items-mtr-slide-mz{
    padding-top: 10px;
    padding-bottom: 10px;
    height: 260px!important;
}

.items-mtr-slide-mz .item-slide-ads{
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
    border: none;
    height: 98%;
    display: flex;
    flex-direction: column;
}

.items-mtr-slide-mz .item-slide-ads .item-card-details-slide{
    flex: 1;
    justify-content: space-between;
}

.item-card-slide-title-ads{
    font-size: 16px;
}

.item-ttll-div-texts{
    font-weight: 500;
}

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

.mzd-tabs-more{
    display: flex;
}

.mzd-tabs-more .tabs-more-item{
    border-bottom: 1px solid rgb(224, 224, 224);
    padding-bottom: 15px;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    width: 100px;
    text-align: center;
}

.trans-sts{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trans-sts  .type-package-text span{
    width: 150px;
    display: inline-block;
}

.inpts-btn-prom-code {
    width: 100%;
    display: flex;
    border-radius: 4px;
    justify-content: space-between;
}

.inpts-btn-prom-code .input-text-prom-code{
    height: 40px;
    padding: 0 10px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ccc;
    flex: 1;
    width: 0;
}

.input-fr-new{
    height: 40px;
    padding: 0 10px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #ccc;
    flex: 1;
    width: 100%;
}

.input-fr-mob{
    display: flex;
    justify-content: center;
    align-items:center;
    height: 40px;
    padding: 0 10px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #ccc;
    border-right: 0px;
}

.inpts-btn-prom-code .button-prom-code{
    width: 100px;
    height: 40px;
    opacity: .5;
    background-image: linear-gradient(86deg,#ff640e 2%,#ff3000);
    opacity: 1;
    border-radius: 0 4px 4px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid transparent;
}

.contd-quantity{
    padding: 2px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    width: 40px!important;
    border: 1px solid #ffff!important;
    outline: none!important;
    text-align: center!important;
}

.user-evaluation .val-prgs{
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-evaluation-cont{
    border-radius: 5px;
}

.user-evaluation .val-prgs {
    margin-top: 5px;
}

.user-evaluation .val-prgs .text-stratrates{
    min-width: 80px;
}

.user-evaluation .val-prgs .text-perctsrates{
    min-width: 60px;
    text-align: center;
    border-radius: 3px;
    margin-left: 5px;
}

.users-vals-lines{
    min-height: 100px;
    display: flex;
}

.users-vals-lines .user-val-conttdf{
    width: 150px;
}

.users-vals-lines .user-ds-val-info .choosen-optsf span{
    display: inline-block;
    padding-right: 7px;
}

.users-vals-lines .user-ds-val-info{
    width: 100%;
}

.pytmsize{
    border-radius: 4px;
    overflow: hidden;
}

.pytmsize img{
    width: 50px;
    height: 30px;
    -o-object-fit:cover;
       object-fit:cover;
}

.qty-cont-ad{
    display: flex;
}

.back-minus-add button{
    border-radius: 50%!important;
    border: none;
    background: #f2f2f2;
    width: 24px;
    height: 24px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.address-phones-ds {
    display: flex;
}

.address-phones-ds .country_code{
    width: 15%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-right: 2px solid rgb(0, 47, 52);
    padding: 10px;
    color:black;
    text-align: center;
    border-radius: 0px;
    border-end-start-radius: 5px;
    border-top-left-radius: 5px;
}

.address-phones-ds #phone{
    border-end-start-radius: 0px;
    border-top-left-radius: 0px;
}

.expiration_card{
    display: flex;
    justify-content: center;
}

.expiration_card select{
    width: 100%;
    height: 45px;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 10px!important;
    color: #000000!important;
}

#amount-select{
    width: 100%;
    height: 45px;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 10px!important;
    color: #000000!important;
}

.card-info-container-ds{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f7b3b32f;
    padding: 10px;
    border-radius: 5px;
}

.card-info-container-ds .image-card-i img{
    width: 30px;
    height: 20px;
}

.card-info-container-ds img{
    width: 20px;
    margin-left: 5px;
}

.paymeny-select-defined-cont{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.paymeny-select-defined-cont img{
    width: 40px;
}

.order-pay-result-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-result-scont{
    display: flex;
    align-items: center;
}

.pay-tttl-result{
    font-size: 18px;
    color: #000;
}

.green-svg{
    fill: rgb(0, 183, 22);
    background-color: transparent;
}

.red-svg{
    fill: #ff1b1b;
    background-color: #fff;
}

.detaisl-p-bank-cont{
    display: flex;
}

.detaisl-p-bank-cont-end{
    display: flex;
    justify-content: space-between;
}

.payment-order-not-found-cont{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-direction: column;
}

.payment-order-not-found-cont img{
    width: 200px;
}

.detaisl-p-bank-cont .dfacont-bank-im img{
    width: 100px;
}

#user-locations-found ul{
    list-style: none;
    margin: 0px;
    padding: 5px;
}

.list-found-locations{
    overflow-y: scroll;
    height: 150px;
}

#user-locations-found ul li{
    padding: 5px;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
}

#user-locations-found ul li:hover{
    background: #e4e4e4;
}

.store-ttl{
}

.store-ttl .ttl{
    font-size: 15px;
    display: flex;
    align-items: center;
}

.items-store{
    display: flex;
}

.check-item-buy{
    display: flex;
    align-items: center;
}

.items-store .items-store-img-cont{
    width: 140px;
    height: 110px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border-radius: 12px;
    overflow: hidden;
}

.items-store .items-store-img-cont img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.items-store .items-store-details-cont{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.items-store .items-store-details-cont a{
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.item-price-cont .price{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.items-store-details-cont .item-shipment span{
    font-size: 12px;
    color: #747474;
    cursor: pointer;
}

.items-store .del-conts-items{
    width: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.del-btn-cart{
    border: 1px solid #fff;
    background: #fff;
}

.del-btn-cart:hover svg{
    fill: #ff4444;
    background-color: #fff;
}

.svg_err_pay{
    fill: #ff4444;
    background-color: #fff;
}

.docs-typisyle{
    display: flex;
    gap: 12px;
}

.amount-ttlsp{
    display: flex;
    color: #000;
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
}

.item-view-buy-s,.carrir-method,.qty-price-sm-content{
    display: flex;
    justify-content: space-between;
}

.mycart-mob-continue{
    background: red;
    padding: 10px;
    box-shadow: 0px 0px 4px rgb(175, 175, 175);
}

.ttl-selected-item{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.button-continue-ttl button{
    width: 150px;
}

.user-trade-address{
    display: flex;
    justify-content: space-between;
}

.achor-link{
    color: #2e9cc3;
    cursor: pointer;
}

.actual-country{
    font-size: 10px;
    margin-top: 3px;
    color: black;
}

.btn-notification{
    background-color: transparent;
    border: none;
    padding: 3px;
}

.new-notification-round{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #32CD32;
    border-radius: 100px;
}

.btn-notification:active{
    background-color: #ff1b1b;
    border-radius: 50px;
}

.btn-notification svg{
    border-radius: 50px;
}
.btn-notification:active svg{
    fill: white;
    background-color: #ff4444;
}

  .close-c{
      padding: 9px;
      height: 50px;
  }

  .nv-logo{
      margin-top: 2px;
  }

  .actual-country:hover{
    color: black;
  }

.bglight{
    background: #fff;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    /*background: rgb(247,248,249);*/
}

.bglight-3{
    background: rgb(247,248,249);
}

.bglight-2{
    background: #e4e4e4;
}

.bgdark{
    background:  #002f34;
}

.no-padding{
    padding-bottom: 5px;
    padding-top: 2px;
}

.root{
    /*
    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
    */

    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
}

.main-div-location{
    position: relative;
}

.opt-cont-dsll ol{
    box-sizing: inherit;
}

.opt-cont-dsll ol li{
    border: 1.5px solid #dbdbdb;
    display: inline-block;
    margin-right: 12px;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
}

.opt-cont-dsll ol li:hover{
    border: 1.5px solid #ff1b1b;
}

.opt-cont-dsll ol li.active{
    border: 1.5px solid #ff1b1b;
}

.opt-cont-dsll ol li .text-opt-df{
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    white-space: nowrap;
}

.opt-cont-dsll ol li .text-opt-img-dv{
    width: 50px;
    height: 50px;
}

.opt-cont-dsll ol li .text-opt-img-dv img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.buy-now-options-panel{
    border: 1px solid #f0e1de;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 247, 246, 0.98), #fff);
    padding: 14px 16px;
}

.buy-now-options-panel__title{
    font-size: 14px;
    font-weight: 700;
    color: #161d2f;
}

.buy-now-options-panel__subtitle{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
    color: #6b7280;
}

.red-svg{
    fill: #ff1b1b;
    background-color: transparent;
}

footer p{
    margin: 0px;
    margin-bottom: 5px;
}

.bold{
    font-weight: bold!important;
    color: black;
}

.bold-light{
    font-weight: 700;
    color: black;
}

.settings-size{
    font-size: 16px;
}

.textgray{
    color: #002f34;;
}

.list-unstyled li a{
    color: #002f34;;
}

.bold-w{
    font-weight: bold;
    color: white;
}

.logo{
    width: 105px;
}

.logo-modal{
    width: 60px;
}

.phone img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

a:hover{
    text-decoration: none;
}

.phone input,.phone .fk-input{
    width: 85%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    outline: none;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}

.border-bottom-dtls{
    border-bottom: 2px solid rgb(0, 47, 52);
}

.phone .email{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    border-radius:5px;
}

.phone .phone-country-code{
    width: 15%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-right: 2px solid rgb(0, 47, 52);
    padding: 10px;
    color:black;
    text-align: center;
    border-end-start-radius: 5px;
    border-top-left-radius: 5px;
}

.price-post-l input{
    width: 85%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    outline: none;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}

nav{
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
}

nav .nav-mzd{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
}

.simplenav{
    display: flex;
    z-index: 10;
    width: 100%;
    position: fixed;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    height: 69px;
    align-items: center;
    box-shadow: 0px 1px 6px rgb(212, 212, 212);
}

.simplenav-modal{
    height: 68px;
}

.navbar-back{
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}

.mzd-modules-nav{
    width: 100%;
    height: 40px;
    background: linear-gradient(-180deg,#f53d2d,#ff1b1b);
    display: flex;
    flex-wrap: wrap;
}

.mzd-modules-nav .content-module{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.mzd-modules-nav .module-nav  .link-cont-module{
    color: white;
    
}

.mzd-modules-nav .module-nav  .link-cont-module a{
    color: #fff;
    padding: 12px;
}

.mzd-modules-nav .module-nav  .link-cont-module a.active{
    background: rgb(247,248,249);
    width: 100%;
    color: #000;
}

.mzd-modules-nav .module-nav  .link-cont-module a.active svg{
    fill: #000;
    background-color: transparent;
}


.mzd-modules-nav .module-nav  .link-cont-module a svg{
    fill: #fff;
    background-color: transparent;
}

.mzd-modules-nav .module-nav  .link-cont-module a:hover{
    background: rgb(247,248,249);
    color: #000;
}

.mzd-modules-nav .module-nav  .link-cont-module a:hover svg{
    fill: #000;
    background-color: transparent;
}

/*------*/

.nav-modules-mob{
    background: linear-gradient(-180deg,#f53d2d,#ff1b1b);
    display: flex;
    overflow-x: auto;
}

.nav-modules-mob .nav-module-item{
    font-size: 12px;
    min-width: 150px;
}

.nav-modules-mob .nav-module-item a{
    display: block;
    margin-left: 10px;
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.nav-modules-mob .nav-module-item a.active{
    background: rgb(247,248,249);
    color: #000;
}

.nav-modules-mob .nav-module-item  a:hover{
    background: rgb(247,248,249);
    color: #000;
}

.nav-modules-mob .nav-module-item a:hover svg{
    fill: #000;
    background-color: transparent;
}

.nav-modules-mob .nav-module-item a svg{
    fill: #fff;
    background-color: transparent;
}

.nav-modules-mob .nav-module-item a.active svg{
    fill: #000;
    background-color: transparent;
}

/*------*/

.app-info-donwload-container{
    display: flex;
    align-items: center;
    min-height: 350px;
}

.app-info-donwload-container .max-cont-dow-cont{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-info-donwload-container .info-cont-app{
    width: 50%;
}

.app-info-donwload-container .info-cont-app .ttl-app-info{
    font-size: 32px;
    color: #ff1b1b;
}

.app-banner-img img{
    width: 450px;
    -o-object-fit: contain;
       object-fit: contain;
}

.qr-codecont{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.stores-download-cont .store-donwload{
    width: 150px;
}

.stores-download-cont .qrcode{
    width: 150px;
}

.stores-download-cont .qrcode svg{
    width: 100%;
    height: auto;
    display: block;
}

.app-banner-img {
    display: flex;
    align-items: flex-end;
}

.cat-c-text{
    font-size: 18px;
    font-weight: 600;
}

.select-location{
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    padding: 10px;
    width: 250px;
    border-radius: 3px;
    cursor:pointer;
}

.location-text{
    margin-left:5px;
}

.search{
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    padding: 10px;
    height: 46.4px;
    width: 550px;
    border-radius: 3px 0px 0px 3px;
}

.search:focus{
    border: 1px solid #fd5555;
}

.not-login{
    width: 650px!important;
}

.search-cont-sta{
    position: relative;
}

.search-display-items{
    background-color: #ffff;
    width: 100%;
    height: auto;
    max-height: 400px;
    position: absolute;
    box-shadow: 0px 1px 1px rgb(184, 184, 184);
    border-radius: 0px!important;
    overflow-y: auto;
}

.search-items-mzd{
    display: flex;
}

.search-recoms-list .search-recoms-items .founded-content-text{
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.search-recoms-list .search-recoms-items .founded-content-text:hover{
    background-color: #f3f3f3;
}

.search-recoms-list .search-recoms-items .search-text-rec{
    font-weight: 400;
}

.mzde33ul ul li{
    font-weight: 400;
    color: #000;
    padding: 10px!important;
}

.search-mobile{
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    padding: 10px;
    padding-left: 35px;
    width: 100%;
    border-radius: 5px;
    background-image: url('../files/search.svg');
    background-size: 20px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

.ad-filter-input{
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 7px;
    padding-left: 35px;
    width: 80%;
    border-radius: 5px;
    background-image: url('../files/search.svg');
    background-size: 20px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
}

.ad-filter-input:focus{
    outline: none;
}

.auto-focus:focus{
    border: 1px solid #fd5555;
    outline: none;
}

.searchBtn{
    background: #ff4444;
    border: 1px solid #ff4444;
    padding: 10px;
    border-radius: 0px 3px 3px 0px;
    color:white;
}

.ionicon{
    width: 22px;
}

.searchBtn svg{
    fill: white;
    background-color: #ff4444;
}

.white-svg{
    fill: white;
    background-color: transparent;
}

.mensageiro,.plus{
    width: 15px;
    margin-top: 10px;
    line-height: 40px;
}

.searchsvg,.filter-svg{
    fill: white;
    background-color: #ff4444;
}

.svg{
    width: 20px;
    font-weight: bold;
}

.opacity{
    opacity: 0.2;
}

.svg-d{
    font-weight: bold;
}

.submenu-sdscmzd{
    --submenu-border: #ebedf2;
    --submenu-panel-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    --submenu-soft: #fff4f4;
    --submenu-soft-border: #ffd8d8;
    --submenu-text: #18212f;
    --submenu-muted: #5f6b7a;
    background: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
    border-top: 1px solid rgba(15, 23, 42, 0.04);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.cont-submzd{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    position: relative;
}

.megamenu{
    display: flex;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    padding: 14px 0;
}

.submenu-trigger{
    flex-shrink: 0;
}

.submenu-trigger-label{
    align-items: center;
    background: #111827;
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.14);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    padding: 12px 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.submenu-trigger-label:hover{
    box-shadow: 0 14px 30px rgba(17, 24, 39, 0.18);
    transform: translateY(-1px);
}

.submenu-trigger-label .svg-d{
    fill: currentColor;
    height: 20px;
    width: 20px;
}

.submenu-shortcuts{
    -ms-overflow-style: none;
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: none;
}

.submenu-shortcuts::-webkit-scrollbar{
    display: none;
}

.submenu-shortcut-item{
    flex: 0 0 auto;
}

.submenu-shortcut-link{
    background: var(--submenu-soft);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--submenu-text) !important;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 10px 14px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

.submenu-shortcut-link:hover{
    background: #ffffff;
    border-color: var(--submenu-soft-border);
    color: #ff1b1b !important;
    transform: translateY(-1px);
}

.submenu-c{
    background: #ffffff;
    background: white;
    z-index: 1;
}

.submenu-c ul a{
    font-weight: 400;
}

.ct-nsubm{
    font-size: 14px;
}

.submenu-c  a{
    color: #000;
}

.submenu-c  a:hover{
    color: #ff1b1b;
}


.submenu{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    display: none;
    padding-top: 8px;
    z-index: 20;
}

.submenu.active{
    display: block;
}

.submenu-panel{
    background: #ffffff;
    border: 1px solid var(--submenu-border);
    border-radius: 28px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
    display: block;
    margin: 0;
    opacity: 1;
    padding: 28px 30px;
    width: 100%;
}

.submenu-panel-inner{
    background: #ffffff;
    max-height: min(72vh, 760px);
    overflow-y: auto;
    padding-right: 10px;
    width: 100%;
}

.submenu-panel-inner::-webkit-scrollbar{
    width: 8px;
}

.submenu-panel-inner::-webkit-scrollbar-thumb{
    background: #d9dce3;
    border-radius: 999px;
}

.submenu-panel-inner::-webkit-scrollbar-track{
    background: transparent;
}

.submenu-grid{
    -moz-column-count: 4;
         column-count: 4;
    -moz-column-gap: 52px;
         column-gap: 52px;
    display: block;
    margin: 0;
}

.submenu-grid > [class*="col-"]{
    max-width: none;
    padding: 0;
}

.submenu-group-wrap{
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    display: inline-block;
    flex: none !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 0 22px !important;
    width: auto !important;
    width: 100% !important;
}

.submenu-group{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dfe3ea;
    border-radius: 0;
    height: auto;
    padding: 0 0 16px;
    transition: none;
    width: 100%;
}

.submenu-group:hover{
    border-color: #dfe3ea;
    box-shadow: none;
    transform: none;
}

.submenu-group-title{
    border-bottom: 0;
    display: block;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
    width: 100%;
}

.submenu-group-title a{
    color: var(--submenu-text) !important;
    font-weight: 800 !important;
    overflow-wrap: break-word;
    word-break: normal;
}

.submenu-group-heading-link{
    align-items: center;
    display: inline-flex;
    gap: 10px;
    text-decoration: none;
}

.submenu-group-icon{
    align-items: center;
    background: #f4f6f8;
    border-radius: 10px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 34px;
}

.submenu-group-icon-img{
    display: block;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 5px;
    width: 100%;
}

.submenu-group-icon-img.is-hidden{
    display: none;
}

.submenu-group-icon-fallback{
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.submenu-group-icon-fallback.is-visible{
    display: inline-flex;
}

.submenu-group-icon-fallback .category-fallback__glyph{
    color: #111827;
    font-size: 13px;
    height: 26px;
    width: 26px;
}

.submenu-links{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 0 !important;
    width: 100%;
}

.submenu-link-item{
    margin: 0;
}

.submenu-link{
    border-radius: 8px;
    color: #1f2937 !important;
    display: block;
    font-size: 15px;
    font-weight: 500 !important;
    line-height: 1.3;
    overflow-wrap: break-word;
    padding: 6px 0;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    word-break: normal;
}

.submenu-link:hover{
    background: transparent;
    color: #ff1b1b !important;
    transform: translateX(3px);
}

@media only screen and (max-width: 1199px){
    .submenu-grid{
        -moz-column-count: 3;
             column-count: 3;
        -moz-column-gap: 34px;
             column-gap: 34px;
    }
}

@media only screen and (max-width: 991px){
    .submenu-grid{
        -moz-column-count: 2;
             column-count: 2;
        -moz-column-gap: 26px;
             column-gap: 26px;
    }

    .submenu-panel{
        padding: 22px;
    }
}

@media only screen and (max-width: 575px){
    .submenu-grid{
        -moz-column-count: 1;
             column-count: 1;
    }

    .submenu-panel{
        border-radius: 20px;
        padding: 18px;
    }
}

.messages{
    width: 35px;
    height: 35px;
    display: block;
    background: #f2f2f2;
    text-align: center;
}

.sell{
    border-radius: 50px;
    font-weight: bold;
    color: #000;
}

.login-text{
    border-bottom: 3px solid #000000;
    color: black;
    padding-bottom: 2px;
}

.login-text:hover{
    border-bottom: 3px solid none;
    color: black;
}

.image-pf{
    position: relative;
}

.mobile-edits .change-pf{
    background: rgb(0, 0, 0,0.4);
    width: 90px;
    height: 50px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 0px 0px 90px 90px;
}

.mobile-edits .change-pf svg{
    fill: white;
    background: rgb(0, 0, 0,0.4);
}

.publish{
    display: none;
}

/* Extra small devices (phones, iphone 5s and down) */
@media only screen and (max-width: 370px) {
    .logo{
        width: 90px;
    }

    nav{
        padding: 5px!important;
    }

    .search{
        width: 100px!important;
    }

    .sell-c{
        display: none;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    input,.megamenu, button{
        font-size: 12px;
    }

    .logo{
        width: 90px;
    }

    nav{
        padding: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .search{
        width: 140px;
    }

    .sell-c{
        display: none;
    }

    .publish{
        display: block;
    }

    .megamenu{
        padding: 5px;
        padding-left: 30px;
        padding-right: 30px;
        display:none;
    }
}

.all-categories{
    font-weight: bold;
}

.megamenu div a{
    color: black;
}

.megamenu div a:hover{
    color: #ff4444;
}

.bg-banner{
    height: 270px;
}

.bgmzd{
    background-color: #ff1b1b!important;
}

.container-c{
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

.brddetails{
    border-bottom: 1px solid #ff1b1b;
    font-size: 14px;
}

.cont-content-str{
    background: #f3f3f3;
}

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

.likes-count{
    width: 120px;
    height: 42px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sst-cont{
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
}

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

.packetfdf{
    width: 60px;
    height: 50px;
    background-color: #ffff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infofdf{
    width: 100%;
    font-size: 14px;
}

.tr-copy{
    width: 25px;
    height: 25px;
    background: #f16b6b;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.tr-copy:hover{
    background: #ff4444;
    cursor: pointer;
}

.tr-copy svg{
    fill: white;
    background-color: transparent;
}

.pttile{
    font-size: 16px;
}

.tr-contetntr{
    display: flex;
    justify-content: space-between;
}

.favourite-add-cart-btn{
    border: none;
    height: 26px;
    background-color: #fff;
}

.add-fav-sl{
    border: none;
    background-color: transparent;
}

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

.footer-sdmdsfmzd{
    margin: 0 auto;
    max-width: 1280px;
}

.container-item{
    margin: 0 auto;
    max-width: 1280px;
}

.container-settings{
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 10px;
}

.view-more{
    float: right;
    font-size: 14px;
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

.view-more:hover{
    color:black;
}

.load-more {
    border-radius: 5px;
    font-weight: bold;
    color: #ff4444;
}

.btn-outline-danger {
    border-color: #ff1b1b;
}

.ads{
    border: 1px solid red;
    padding: 0px;
}

.size{
    width: 25%!important;
    height: 240px;
}

.card-c{
    border-radius: 7px;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
}

@-webkit-keyframes loading {
    0%   {background: rgb(241, 240, 240,0.3);}
    100% {background: rgb(241, 240, 240);}
  }

@keyframes loading {
    0%   {background: rgb(241, 240, 240,0.3);}
    100% {background: rgb(241, 240, 240);}
  }

.image-c{
    border-radius: 7px 7px 0px 0px;
    height: 250px;
    background: rgb(241, 240, 240);
    position: relative;
    overflow: hidden;
    /*animation-name: loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;*/
}

.image-c img{
    z-index: 5;
}

.image-list-c-loading{
    background: rgb(241, 240, 240);
    width: 100%;
    height: 100%;
}

.price-list-loading{
    background: rgb(241, 240, 240);
    width: 200px;
    height: 15px;
}

.title-list-loading{
    background: rgb(241, 240, 240);
    width: 300px;
    height: 15px;
    margin-top: 10px;
}

.brand-list-loading{
    background: rgb(241, 240, 240);
    width: 100px;
    height: 15px;
    margin-top: 20px;
}

.location-list-loading{
    background: rgb(241, 240, 240);
    width: 70px;
    height: 15px;
    margin-top: 20px;
}

.featured-list{
    border-left: 5px solid #ff4444;
}

.featured-list-text{
    background-color: #ff4444;
    width: 90px;
    text-align: center;
    color: white;
}

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

.card-body{
    padding: 5px;
}

.title{
    margin: 0px;
    font-weight: 500;
}

.contents-t-s{
    margin: 0px;
    font-weight: 500;
}

.brand{
    font-weight: 400;
}

.date{
    font-size: 11px;
    color: gray;
}

.price-item{
    font-size: 24px;
    font-weight: bold;
    position: relative;
    color: #ff1b1b
}

.title-item{
    font-weight: bold;
    margin-top: 0px;
    font-size: 16px;
    color: #000;
}

.brand-item{
    font-weight: 400;
    margin-top: 5px;
}

.location-item{
    font-size: 13px;
    font-weight: 500;
}

.price{
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
    color: #000;
}

.post-ads{
    font-weight: 500;
    font-size: 18px;
    margin-left: 10px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coin-intd{
    display: flex;
}

select.coin-bscf{
    width: 15%;
    height: 46.39px;
    display: inline-block;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-right: 2px solid rgb(0, 47, 52);
    padding: 10px;
    padding-left: 5px;
    color:black;
    border-radius: 5px 0px 0px 5px;
    outline: none;
    text-align: center;
}

.propsr-create{
    display: flex;
    justify-content: space-between;
}

.direct-sale-empty-state{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px;
    border: 1px dashed rgba(255, 27, 27, 0.28);
    border-radius: 16px;
    background: rgba(255, 27, 27, 0.04);
    color: #111827;
}

.direct-sale-empty-state strong{
    font-size: 15px;
}

.direct-sale-empty-state span{
    color: #667085;
    font-size: 14px;
    line-height: 1.45;
}

select.sell-now{
    width: 100%;
    display: block;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 10px!important;
    color: #000000!important;
}

.featured{
    border-left: 10px solid #ff4444;
    border-radius: 0px 0px 0px 7px;
}

.featured-text{
    background: #ff4b4b;
    color: white;
    min-width: 96px;
    max-width: calc(100% - 96px);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 13;
    padding: 7px 12px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .02em;
    box-shadow: 0 14px 30px rgba(255, 27, 27, 0.24);
}

.featured-text span{
    display: inline-block;
    white-space: nowrap;
}

.featured-text-2{
    background: #e0c25d;;
    color: black;
    position: absolute;
    bottom: 3px;
    padding: 3px;
    font-size: 8px;
    border-radius: 3px;
    left: 3px;
}

.listing-badge-stack{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    max-width: calc(100% - 124px);
}

.listing-corner-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    max-width: 100%;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

.listing-corner-badge span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listing-corner-badge--buy-now,
.listing-inline-badge.is-buy-now{
    background: #0f172a;
    color: #fff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.24);
}

.item-img-slide-cont .listing-badge-stack--home,
.img-sct .listing-badge-stack--home{
    top: 12px;
    right: 12px;
    gap: 6px;
    max-width: calc(100% - 118px);
}

.item-img-slide-cont .listing-badge-stack--home .listing-corner-badge--buy-now,
.img-sct .listing-badge-stack--home .listing-corner-badge--buy-now{
    min-height: 34px;
    padding: 7px 15px;
    border-radius: 999px;
    background: #16203c;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .01em;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.28);
}

.item-img-slide-cont .listing-badge-stack--home .listing-corner-badge--buy-now span,
.img-sct .listing-badge-stack--home .listing-corner-badge--buy-now span{
    white-space: nowrap;
}

.listing-corner-badge.is-sold,
.listing-inline-badge.is-sold{
    background: #111827;
    color: #fff;
}

.listing-corner-badge.is-rented,
.listing-inline-badge.is-rented{
    background: #2563eb;
    color: #fff;
}

.listing-corner-badge.is-reserved,
.listing-inline-badge.is-reserved{
    background: #f59e0b;
    color: #111827;
}

.listing-corner-badge.is-exchanged,
.listing-inline-badge.is-exchanged{
    background: #7c3aed;
    color: #fff;
}

.listing-corner-badge.is-unavailable,
.listing-inline-badge.is-unavailable{
    background: #475569;
    color: #fff;
}

.items-store-img-cont,
.item-img-slide-cont{
    position: relative;
    overflow: hidden;
}

.image-ads-list-cont .listing-corner-badge,
.image-c .listing-corner-badge,
.items-store-img-cont .listing-corner-badge,
.item-img-slide-cont .listing-corner-badge{
    min-height: 28px;
    padding: 6px 11px;
    font-size: 10.5px;
}

.image-ads-list-cont .featured-text,
.image-c .featured-text,
.items-store-img-cont .featured-text,
.item-img-slide-cont .featured-text{
    min-width: 84px;
    padding: 6px 11px;
    font-size: 10.5px;
}

.myads-commerce-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.listing-inline-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #1f2937;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.listing-status-modal-copy{
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
    text-align: left;
}

.listing-status-options{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.listing-status-option{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    cursor: pointer;
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.listing-status-option:hover{
    border-color: rgba(255,27,27,.35);
    box-shadow: 0 16px 30px rgba(15, 23, 42, .08);
}

.listing-status-option input{
    margin-top: 2px;
}

.listing-status-option__content{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.listing-status-option__content strong{
    font-size: 14px;
    color: #0f172a;
}

.listing-status-option__content small{
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
}

.ads-link{
    display:block;
    text-decoration: none;
    color: black;
}

.ads-c{
    border-radius: 5px;
}

.ad-info{
    display: inline-block;
    width: 70%;
}

.ads-link:hover{
    color: black;
}

.l-title{
    width: 95%;
    height: 18px;
    background: rgb(241, 240, 240);
    border-radius: 5px;
}

.l-price{
    width: 100px;
    height: 14px;
    margin-top: 10px;
    background: rgb(241, 240, 240);
    border-radius: 5px;
}

.l-location{
    width: 120px;
    height: 16px;
    margin-top: 10px;
    background: rgb(241, 240, 240);
    border-radius: 5px;
}

.l-date{
    width: 90px;
    height: 10px;
    margin-top: 10px;
    background: rgb(241, 240, 240);
    border-radius: 5px;
}

@keyframes loading {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

.loading{
  -webkit-animation-name: loading;
          animation-name: loading;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.favorite{
    float: right;
}

.heart:hover{
    color: #ff4444;;
}

.pst-ads{
    font-size: 22px;
    font-weight: 400;
    margin: 0px;
}


.new-nt{
    min-width: 14px;
    height:14px;
    background: #ff4444;;
    border-radius: 50px;
    font-size: 9px;
    color: white;
    position: absolute;
    top:17px;
    margin-left: 20px;
    padding: 0.2em 0.45em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.messages .badge-notification{
    font-size: .6rem;
    margin-top: -0.1rem;
    margin-left: 0.5rem!important;
}
.btn-notification .badge-notification{
    font-size: .6rem;
    margin-top: -0.2rem;
    margin-left: 0.7rem!important;
}
.messages svg{
    margin-top: 8px;
    line-height: 40px;
}

.dropdown-c {
    position: absolute;
    top: 60px;
    right: 190px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: white;
    border-radius: 5px;
    display:none;
    overflow-y: auto;
    height: 600px;
}

.dropdown-c-2{
    position: absolute;
    top: 60px;
    right: 250px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: white;
    border-radius: 5px;
    display:none;
    height: 300px;
    overflow-y: scroll;
}

.dropdown-c-2 ul{
    margin: 0px;
    width: 260px;
}

.dropdown-c-2 ul li a, .ntdfjli ul li a{
    display: block;
    padding: 10px;
    color: black;
    display: flex;
}

.dropdown-c-2 ul li a div.cont-icn,.ntdfjli ul li a div.cont-icn{
    width: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dropdown-c-2 ul li a div.cont-icn img,.ntdfjli li a div.cont-icn img{
    width: 30px;
    height: 30px;
    background-size: cover;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
}

.dropdown-c-2 ul li a div.cont-infn, .ntdfjli ul li a div.cont-infn{
    width: 90%;
    font-size: 12px!important;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

#c-drop.active .dropdown-c,#c-drop-2.active .dropdown-c-2{
    display: block;
}

.r-c-container{
    padding: 15px;
    display: flex;
}


/*
.dropdown-c:before,.dropdown-c-2:before{
    content: "";
    position: absolute;
    top: -20px;
    left: 95%;
    transform: translate(-95%);
    border: 10px solid;
    border-color: transparent transparent white transparent;
}
*/

.chat-c{
    height: 600px;
    margin-top: 20px;
    display: flex;
    border-radius: 5px;
}

.chat-c-cont{
    width: 50%;
}

.chat-c-cont .no-chat-sec-info{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.chat-c-cont .no-chat-sec-info img{
    width: 130px;
    height: 130px;
    -o-object-fit: cover;
       object-fit: cover;
}

.h-cont-chat{
    display: flex;
    height: 60px;
    background-color: rgb(247,248,249);
    align-items: center;
}

.pad-left-chat{
    padding-left: 15px;
}

.h-cont-height{
    height: 70px;
}

.h-cont-chat h3{
   font-size: 18px;
}

.filter-chat-d{
    padding: 2px;
    margin-top: 3px;
}

.f-chat-d-option{
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    color: black;
    border: 1px solid #000000;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
}

.filter-chat-d .active{
    background-color: #ff1b1b;
    color: #fff;
    border: 1px solid #ff1b1b;;
}

.u-chats{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    display: flex;
    flex: 1;
    overflow-y: scroll;
    width: 100%;
    height: calc(100% - (60px + 70px));
    flex-direction: column;
}

.chat-mob, .chat-mob-u{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.u-chats-mobhecacl{
    flex: 1;
}

.u-chats .chat-select{
    height: 110px;
    width: 100%;
    cursor: pointer;
    padding-top: 3px;
}

.u-chats .chat-select.active{
    background-color: rgb(247,248,249);
}

.u-chats .chat-select .chat-muinfo{
    font-weight: 500;
    font-size: 12px!important;
    color: #000;
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
    position: relative;
}

.u-chats .chat-select .chat-muinfo .chat-more-opts{
    display: none;
    position: absolute;
    top: 1.6rem;
    width: 190px;
    right: 25px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(34 36 38 / 12%), 0 0.2rem 1rem 0 rgb(34 36 38 / 12%)
}

.u-chats .chat-select .chat-muinfo .chat-more-opts ul li{
    padding: 10px;
}

.u-chats .chat-select .chat-muinfo .chat-more-opts ul li:hover{
    padding: 10px;
    cursor: pointer;
    background-color: rgb(247,248,249);
}

.u-chats .chat-select .chat-muinfo .chat-more-opts ul li:active{
    background-color: #ff1b1b;
    color: #fff;
}

.u-chats .chat-select .chat-uinfo{
    display: flex;
}

.u-chats .chat-select .chat-uinfo .prof-chat{
    width: 80px;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}

.u-chats .chat-select .chat-uinfo .prof-chat img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.u-chats .chat-select .chat-uinfo .titles-chat{
    color: #000;
    flex: 1;
}

.oneTextLine{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.u-chats .chat-select .chat-uinfo .titles-chat .ads-item{
    font-size: 12px;
}

.u-chats .chat-select .chat-muinfo button{
    background-color: transparent;
    border: none;
}

.chat-c-cont .chat-header, .chat-mob-u .chat-header{
    display: flex;
    height: 60px;
}

.chat-c-cont .chat-header .chat-h-prof-c{
    width: 50%;
    display: flex;
    position: relative;
}

.chat-mob-u .chat-header .chat-h-prof-c{
    width: 50%;
    display: flex;
    position: relative;
}

.just-end-chat-item{
    justify-content: flex-end;
    align-items: center;
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-more-opts{
    display: none;
    position: absolute;
    top: 1.6rem;
    width: 190px;
    margin-top: 20px;
    right: 85px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(34 36 38 / 12%), 0 0.2rem 1rem 0 rgb(34 36 38 / 12%)
}

.chat-mob-u .chat-header .chat-h-prof-c .chat-more-opts{
    display: none;
    position: absolute;
    top: 1.6rem;
    width: 190px;
    margin-top: 20px;
    right: 20px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(34 36 38 / 12%), 0 0.2rem 1rem 0 rgb(34 36 38 / 12%);
    font-size: 12px!important;
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-more-opts.active,.chat-mob-u .chat-header .chat-h-prof-c .chat-more-opts.active{
    display: block;
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-more-opts ul li, .chat-mob-u .chat-header .chat-h-prof-c .chat-more-opts ul li{
    padding: 10px;
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-more-opts ul li:hover,.chat-mob-u .chat-header .chat-h-prof-c .chat-more-opts ul li:hover{
    padding: 10px;
    cursor: pointer;
    background-color: rgb(247,248,249);
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-more-opts ul li:active,.chat-mob-u .chat-header .chat-h-prof-c .chat-more-opts ul li:active{
    background-color: #ff1b1b;
    color: #fff;
}


.chat-c-cont .chat-header .chat-h-prof-c .chat-header-prof{
    width: 80px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}

.chat-mob-u .chat-header .chat-h-prof-c .chat-header-prof{
    width: 65px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}


.prof-chat img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.chat-c-cont .chat-header .chat-h-prof-c .chat-header-info, .chat-mob-u .chat-header .chat-h-prof-c .chat-header-info{
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.chat-h-prof-c button{
    background-color: transparent;
    border: none;
    height: 45px;
    width: 55px;
    border-radius: 100px;
}

.chat-mob-u .chat-h-prof-c button{
    background-color: transparent;
    border: none;
    height: 45px;
    width: 35px;
    border-radius: 100px;
}

.chat-c-cont .chat-ads-header, .chat-mob-u .chat-ads-header{
    display: flex;
}

.chat-c-cont .chat-ads-header .chat-ads-header-image, .chat-mob-u .chat-ads-header .chat-ads-header-image{
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-c-cont .chat-ads-header .chat-ads-header-image img, .chat-mob-u  .chat-ads-header .chat-ads-header-image img{
    width: 40px;
    height: 35px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}
.chat-c-cont .chat-ads-header .chat-ads-header-info{
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.chat-mob-u .chat-ads-header .chat-ads-header-info{
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
}

.chat-c-cont .chat-ads-header .chat-ads-header-button, .chat-mob-u .chat-ads-header .chat-ads-header-button{
    width: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 8px;
}

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

.users-chats{
    height: calc(100% - (60px + 70px));
    position: relative;
}

.swm-message{
    width: 100%;
    height: 60px;
    display: flex;
    position: absolute;
    bottom: 0;
    background-color: #fff;
}

.swm-m-share{
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swm-m-share button{
    width: 45px;
    height: 43px;
    border-radius: 100px;
    border: none;
    background-color: transparent;
}

.swm-m-input{
    width: 100%;
}

.swm-m-input textarea{
    height: 100%;
    border: none;
    width: 100%;
    margin-top: 0px;
    border-radius: 0px!important;
    resize: none;
    background: #fff;
    padding-top: 20px;
}

.swm-m-share button:active{
    background-color: #ff1b1b;
}

.swm-m-share button:active svg{
    fill: white;
    background-color: #ff1b1b;
}

.swm-m-button{
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swm-m-button button{
    width: 30px;
    height: 29px;
    background-color: #000;
    border-radius: 100%;
    border: 1px solid black;
}

.swm-m-button button svg{
    fill: white;
    background-color: #000;
    border-radius: 10px;
}

.chats-bt-u{
    height: 90%;
    background-color: rgb(247,248,249);
    padding: 10px;
    overflow-y: scroll;
}

.chats-bt-u div.dates{
    display: block;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chats-bt-u div.message-c{
    display: block;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.chats-bt-u div.message-c .message-sent{
    display: flex;
    background-color: #ffdbdb;
    align-items: center;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.chats-bt-u div.message-c .message-sent .ms-coltr{
    width: 65px;
    padding-left: 7px;
    display: flex;
}

.chats-bt-u div.message-c .message-sent .ms-coltr .hours-msd{
    font-size: 12px;
    color: #000;
    padding-top: 2px;
    padding-right: 3px;
    font-weight: 400;
}

.chats-bt-u div.message-c .message-sent .ms-coltr svg{
    fill: #f7b3b3;
    background-color: #ffdbdb;
}

.chats-bt-u div.message-r{
    display: block;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.chats-bt-u div.message-r .message-sent{
    display: flex;
    background-color: #ffdbdb;
    align-items: center;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    padding: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


.chats-bt-u div.message-r .message-sent .ms-coltr{
    width: 45px;
    padding-left: 7px;
    display: flex;
}

.chats-bt-u div.message-r .message-sent .ms-coltr .hours-msd{
    font-size: 12px;
    color: #000;
    padding-top: 2px;
    font-weight: 400;
}

.chats-bt-u div.message-r .message-sent .ms-coltr svg{
    fill: #f7b3b3;
    background-color: #ffdbdb;
}

.shares-l-ots{
    display: flex;
    justify-content: center;
    align-items: center;
}

.shares-l-ots button{
    border: 1px solid #fff;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.date-chat-strt{
    border: 1px solid #000;
    padding: 5px;
    border-radius: 10px;
    width: 180px;
    height: 30px;
    text-align: center;
    font-size: 12px;
}

.chat-mob-u .date-chat-strt{
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 10px;
    width: 130px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    padding: 0px;
}

.form-check-input:checked {
    border-color: red!important;
}

.form-check-input[type=radio]:checked:after {
    background-color: red!important;
}

.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: red!important;
}

.form-check-input{
    padding: 0!important;
}

.report{
    color:#ff1b1b;
}

.report-cont{
    padding-left: 30px;
}

.report-cont .form-check{
    padding: 5px
}

.report-othr .comment{
    width: 100%;
    height: 100px;
    resize: none;
}

.just-chat-item{
    align-items: center;
    justify-content: space-between;
}

.active-last{
    font-size: 10px;
}

.chat-c-mob{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
    background-color: #fff;
}

.chat-muinfo .loading-more-btn{
    width: 100px;
    height: 15px;
    background: #e4e4e4;
}

.chat-uinfo .prof-chat .prof-loading{
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: #e4e4e4;
}

.chat-uinfo .titles-chat .title-loading{
    width: 150px;
    height: 15px;
    background: #e4e4e4;
}

.chat-uinfo .titles-chat .u-response-loading{
    width: 350px;
    height: 15px;
    background: #e4e4e4;
    margin-top: 10px;
}

.chat-uinfo .titles-chat .ads-item-loading{
    width: 250px;
    height: 15px;
    background: #e4e4e4;
    margin-top: 7px;
}

.chat-muinfo .dt-us-loading{
    width: 70px;
    height: 15px;
    background: #e4e4e4;
    margin-top: 7px;
}

.pf-c{
    width: 80px;
    padding: 10px;
    height: 80px;
    display: flex;
    justify-content: center;
}

.pf-nv{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}

.pfimzd{
    width: 100px;
}

.cp-t{
    width: 300px;
    height: 70px;
}

.profile-mb-l{
    display: flex;
    flex-direction: row;
}

.hello{
    color: gray;
}

.dp-name{
font-size: 18px;
font-weight: bold;
margin: 0px;
}

.dp-link{
    color:black;
    text-decoration: underline;
}

.dp-link:hover{
    color:black;
    text-decoration: underline;
}


.dropdown-c ul li{
    font-size: 14px;
    padding: 15px;
    font-weight: 400;
}

.dropdown-c ul li a{
    text-decoration: none;
}

.dropdown-c ul li:hover{
    background: rgb(212, 212, 212);
}

.h-items-high .price{
    font-size: 16px;
}

.b-c{
    display:none;
}

.category{
    display: flex;
    overflow-x: auto;
    gap: 16px;
}

.category::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.lines2{
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.category .item{
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background: rgb(247,248,249);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
    transition: transform .18s ease, box-shadow .18s ease;
}

.category .item:hover{
    background: #ff4444;
}

.category a:hover .item{
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .12);
}

.category .item img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 2;
}

.s-page a{
    font-size: 14px;
    color: black;
}

.all-c{
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
    display:block;
}

.all-cat.hide,.all-country.hide{
    display:none;
}

.h1-mzd-search{
    font-size: 16px;
    color: #000;
}

.opt-parent-mzd{
    display: flex;
    align-items: center;
}

.genmzd-img-opt{
    width: 20px;
    height: 20px;
}

.genmzd-img-opt img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.sh-prp-link ul{
    font-weight: 400!important;
    font-size: 14px!important;
}

.s-page .row .filter p{
    font-size: 16px;
    font-weight: bold;
}

.query{
    font-size: 22px!important;
}

.float{
    float: right;
}

.price-f{
    margin-top: 15px;
}

.price-f input{
    background: rgb(247,248,249);
    width: 105px;
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inpts-search-gen {
    display: flex;
}

.inpts-search-gen input{
    background: rgb(247,248,249);
    width: 100%;
    border: none;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.price-f button,.inpts-search-gen button {
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    padding: 7px;
}

.price-f button svg, .inpts-search-gen button svg{
    transform: rotate(-90deg);
}

.s-page .filter.large-deivices > .elem.border-bottom,
.s-page .filter.large-deivices > .price-f.border-bottom,
.s-page .filter.large-deivices .sh-prp-link > .border-bottom{
    margin-bottom: 16px;
    padding: 18px 16px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.05);
}

.s-page .filter.large-deivices > .elem.border-bottom:last-child,
.s-page .filter.large-deivices .sh-prp-link > .border-bottom:last-child{
    margin-bottom: 0;
}

.s-page .filter.large-deivices .h1-mzd-search{
    margin-bottom: 14px !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.s-page .filter.large-deivices .all-country,
.s-page .filter.large-deivices .all-country a{
    color: #111827;
    font-weight: 700;
}

.s-page .filter.large-deivices .more-cities,
.s-page .filter.large-deivices .more-category{
    margin-top: 8px;
}

.s-page .filter.large-deivices .more-cities li,
.s-page .filter.large-deivices .more-category li{
    margin-bottom: 6px;
}

.s-page .filter.large-deivices .font-light-w,
.s-page .filter.large-deivices .opt-parent-mzd a{
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 14px;
    color: #0f172a;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.s-page .filter.large-deivices .font-light-w:hover,
.s-page .filter.large-deivices .opt-parent-mzd a:hover{
    background: #fff5f5;
    color: #b91c1c;
    transform: translateX(2px);
}

.s-page .filter.large-deivices .opt-parent-mzd{
    margin-bottom: 8px;
}

.s-page .filter.large-deivices .opt-parent-mzd:last-child{
    margin-bottom: 0;
}

.s-page .filter.large-deivices .genmzd-img-opt{
    width: 28px;
    height: 28px;
    border-radius: 999px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.s-page .filter.large-deivices .price-f{
    margin-top: 0;
}

.s-page .filter.large-deivices .inpts-search-gen{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 56px;
    gap: 10px;
    align-items: center;
}

.s-page .filter.large-deivices .price-f input,
.s-page .filter.large-deivices .inpts-search-gen input{
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    font-size: 16px;
    font-weight: 700;
    color: #111827;
}

.s-page .filter.large-deivices .price-f input::-moz-placeholder, .s-page .filter.large-deivices .inpts-search-gen input::-moz-placeholder{
    color: #94a3b8;
    font-weight: 600;
}

.s-page .filter.large-deivices .price-f input:-ms-input-placeholder, .s-page .filter.large-deivices .inpts-search-gen input:-ms-input-placeholder{
    color: #94a3b8;
    font-weight: 600;
}

.s-page .filter.large-deivices .price-f input::placeholder,
.s-page .filter.large-deivices .inpts-search-gen input::placeholder{
    color: #94a3b8;
    font-weight: 600;
}

.s-page .filter.large-deivices .price-f input:focus,
.s-page .filter.large-deivices .inpts-search-gen input:focus{
    border-color: rgba(255, 27, 27, 0.35);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 27, 27, 0.08);
}

.s-page .filter.large-deivices .price-f button,
.s-page .filter.large-deivices .inpts-search-gen button{
    width: 56px;
    height: 54px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(180deg, #ff5a5a 0%, #ff1b1b 100%);
    box-shadow: 0 14px 24px rgba(255, 27, 27, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.s-page .filter.large-deivices .price-f button svg,
.s-page .filter.large-deivices .inpts-search-gen button svg{
    fill: #fff;
}

.s-page .filter.large-deivices .form-check{
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #eef2f7;
    transition: background .18s ease, border-color .18s ease;
}

.s-page .filter.large-deivices .form-check:hover{
    background: #fff8f8;
    border-color: rgba(255, 27, 27, 0.16);
}

.s-page .filter.large-deivices .form-check-input{
    width: 22px;
    height: 22px;
    margin-top: 0;
    border-radius: 7px;
    border: 2px solid #cbd5e1;
    flex-shrink: 0;
}

.s-page .filter.large-deivices .form-check-label{
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}

.s-page .filter.large-deivices .sh-prp-link ul{
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.total-ads{
    background: #ff4444;
    padding: 2px;
    color:white;
    border-radius:5px;
}

.view-s button{
    margin-left: 10px;
    border: 1px solid white;
    background: white;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
}

.view-s button:hover{
    background: #ff4444!important;
    color: white;
}

.view-s button:hover svg{
    fill: #fff;
    background-color: transparent;
}

.view-s button i{
    font-size: 16px;
    width: 15px;
    margin-top: 8px;
    line-height: 8px;
}

.selected-v{
    background: #ff44448e!important;
    border: 1px solid #ff4444;
    color: #fff;
}

.select-c{
    width:250px;
    display: inline-block;
    margin-left: 10px;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
    padding: 6px;
    border-radius: 5px;
    /*border-left: 1px solid rgb(236, 236, 236);*/
}

.selected{
    cursor: pointer;
    padding-left: 15px;
}

.select{
    background: white;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
    position: absolute;
    top: 55px;
    z-index: 1;
    width: 250px;
    display:none;
    border-radius: 8px;
}

.select .option-s .option{
    cursor: pointer;
}

.select .option-s .option.active-option{
    color: rgb(255, 255, 255); 
    background-color: rgb(255, 68, 68);
}

.select .option-s .option span{
    margin-left: 25px;
}

.select .option-s .option{
    padding: 10px;
    display: block;
}

.select .option-s .option:hover{
    color: #000;
    background: rgb(236, 236, 236);
}

.selected.active .svg{
    transform: rotate(-180deg);
    transition: transform 1s;
}

.select.active{
    display:block;
}

.more-cities,.more-category{
    font-size: 15px;
    display: none;
}

.more-cities.active{
    display: block;
}

.svg-country.active{
    transform: rotate(-180deg);
    transition: transform 1s;
}

/*
.more-category.active{
    display: block;
}
*/

.more-category{
    display: block;
}

.tll-sc-sl{
    font-weight: 400;
}

.ul-lst-s a{
    font-weight: 400;
}

.svg-cat.active{
    transform: rotate(-180deg);
    transition: transform 1s;
}

.more-cities li,.more-category li{
    margin-top: 10px;
}

.lb-60{
    height: 40px;
    width: 60%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-80{
    height: 25px;
    width: 80%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-50{
    height: 15px;
    width: 50%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-70{
    height: 25px;
    width: 70%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-40{
    height: 15px;
    width: 40%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-60{
    height: 25px;
    width: 60%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-30{
    height: 15px;
    width: 30%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-50{
    height: 25px;
    width: 50%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.l-20{
    height: 15px;
    width: 20%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.loading-d div{
    display: inline-block;
}

.ld-30{
    height: 15px;
    width: 30%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.ld-20{
    height: 15px;
    width: 10%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.ld-45{
    height: 15px;
    width: 45%;
    margin-bottom:10px;
    background:rgb(241, 240, 240);
    border-radius: 5px;
}

.device-result{
    display:none;
}

.inner-sp-dv-search{
    display:none;
    justify-content: space-between;
    align-items:center
}

.filter-btn{
    background:#ff4444;
    border: 1px solid #ff4444;
    border-radius: 3px;
    width: 80px;
    text-align: center;
    padding: 7px;
    color: white;
}

.filter-sec .s-field{
    width: 30%;
}

.filter-options{
    width: 70%;
}

.loginbtn{
    background:#ff4444;
    border: 1px solid #ff4444;
    border-radius: 3px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px;
    color: white;
}

.loginbtn:hover{
    color: white;
}

.mobile-menu .more-btn{
    margin-right: 10px!important;
    background-color: transparent;
}

.mobile-menu{
    padding:10px!important;
    box-shadow: none!important;
}

.svgblack{
    fill: #000!important;
}

.mob-device-nav{
    padding: 10px;
}

.modal{
    z-index: 20000!important;
}

.modal ul li{
    padding: 10px;
    padding-left: 15px;
}

.modal ul li:hover{
    background: rgb(247,248,249);
}

.search-btn-text{
    padding-top: 3px;
    color: #002f34;
    background: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    border-bottom: 2px solid #002f34;
}

.search-btn-text:hover{
    color: #ff4444;
    border-bottom: 2px solid #ff4444;
}

.modal-dialog-full-width {
    background: white;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width:none !important;

}

.modal-content-full-width  {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    background-color: white !important
}

.modal-header-full-width  {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
    border-top: 1px solid #9ea2a2 !important;
}

.login-modal{
    width: 400px;
}

.stl-p{
    padding: 10px;
    padding-left: 15px;
}

.sort-f{
    height: 70px;
    display: flex;
    overflow-x: auto;
}

.ft-text{
    margin: 4px;
}

.sort-f .item{
    min-width: 90px;
    height: 50px;
    margin: 5px;
    border: 2px solid rgb(218, 218, 218);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0 0.8rem;
}

.sort-f .item.selected{
    background: #ff4444;
    border: 2px solid #ff4444;
    color: white;
}

.sort-f .s-selected{
    background: #ff4444;
    border: 2px solid #ec5656;
    color: white;
}

.view-f{
    height: 70px;
    display: flex;
    overflow-x: auto;
}

.view-f .item{
    width: 145px;
    height: 50px;
    margin: 5px;
    border: 2px solid rgb(218, 218, 218);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0 0.8rem;
}

.loc-f{
    border: 2px solid rgb(218, 218, 218);
    padding: 10px;
    border-radius: 4px;
}

.view-f .item.selected{
    background: #ff4444;
    border: 2px solid #ff4444;
    color: white;
}

.view-f .s-selected{
    background: #ff4444;
    border: 2px solid #ec5656;
    color: white;
}

.view-f .s-selected svg{
    fill: #fff;
    background-color: #ff4444;
}

.price-f .price-c{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.price-f .price-c input{
    background: rgb(247,248,249);
    width: 50%;
    border: 1px solid rgb(247,248,249);
    padding: 10px;
}

.mob-filter-btn, .mob-filter-btn-2{
    margin-top: 10px;
    width: 100%;
    background: #ff4444;
    border: 2px solid #ff4444;
    text-align: center;
    padding: 10px;
    color:white;
    border-radius: 5px;
}

.mob-btn-black{
    margin-top: 10px;
    width: 100%;
    background: #000;
    border: 2px solid #000;
    text-align: center;
    padding: 10px;
    color:white;
    border-radius: 5px;
}

.btn-item-buy{
    margin-top: 10px;
    width: 100%;
    background: #ff4444;
    border: 2px solid #ff4444;
    text-align: center;
    padding: 10px;
    color:white;
    border-radius: 5px;
}

.mob-filter-btn:hover{
    background: #ffffff;
    border: 2px solid #000000;
    color:black;
}

.cat-modal ul li{
    padding: 10px;
    padding-left: 30px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.cat-modal-a-op ul li{
    padding: 0px!important;
    padding-left: 30px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.a-option-mob{
    box-sizing: inherit;
    display: block;
    padding: 10px;
    cursor: pointer;
}

.continue-with .btn{
    display: block;
    margin-top: 10px;
    width: 100%;
    background: white;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.phoneload .btn{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.lg-phone .btn{
    background: #ff4444;
    border: 3px solid #ff4444;
}

.emailload .btn{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.info-login{
    font-size: 12px;
}

.phone-next{
    display: block;
    margin-top: 50px;
    width: 100%;
    background: #ff4444;
    border: 3px solid #ff4444;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    color: white;
}

.phone-next:hover{
    width: 100%;
    background: white;
    border: 3px solid #ff4444;
    color: black;
}

.px12{
    font-size: 12px;
}

.login-modal-content{
    height: 580px;
    border-radius: 5px;
}

.locations{
    position: absolute;
    top: 60px;
    width: 100%;
    min-height: 250px;
    max-height: 420px;
    background: white;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.14);
    border-radius: 18px;
    overflow: hidden;
    display: none;
    border: 1px solid rgba(226, 232, 240, 0.95);
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
}

.locations ul li{
    padding: 10px;
    cursor: pointer;
    font-weight: 200;
}

.locations ul li svg{
    fill: rgb(82, 82, 82);
    background-color: white;
}

.locations ul li:hover svg {
    fill: rgb(82, 82, 82)!important;
    background-color: rgb(236, 236, 236)!important;
}

.locations ul li:hover{
    background-color: rgb(236, 236, 236)!important;
    color: black;
}

.locations ul li.active-l{
    background-color: rgb(236, 236, 236)!important;
    color: black;
}

.locations ul li.active-l svg {
    fill: rgb(82, 82, 82)!important;
    background-color: rgb(236, 236, 236)!important;
}

.locations .mzJdffo00{
    display: flex;
    align-items: center;
    height: 48px;
    padding: 8px 8px 8px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.locations .mzJdffo00.brdfmz{
    border: none;
    border-top: 1px solid rgb(230, 230, 230);
}

.locations .mzJdffo00 span{
    color: rgba(0,47,52,.64);
    font-size: 12px;
    text-transform: uppercase;
} 

.locations .c-doreuih54{
    padding-top: 24px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0,47,52,.2);
}

.locations .c-doreuih54 .lds_DSd{
    display: flex;
    align-items: center;
    height: 48px;
    cursor: pointer;
    padding: 8px 8px 8px 14px;
    box-sizing: border-box;
}

.locations .c-doreuih54 .lds_DSd .mze3ss-0{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fd5555;
}

.locations .c-doreuih54 .lds_DSd .lsd_loc0 svg{
    fill: #fd5555;
    background-color: white;
}

.locations .c-doreuih54 .lds_DSd .mze3ss-0 .us-crtl span{
    font-weight: bold;
}

.search-border{
    border-radius: 5px;
}

.location-s.active .svg{
    transform: rotate(-180deg);
    transition: transform 1s;
}

.locations.active{
    display:flex;
    flex-direction: column;
}

.location-browser-shell{
    height: 100%;
    min-height: inherit;
    max-height: inherit;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}

.location-browser-loader{
    width: 100%;
    min-height: inherit;
    display: flex;
    flex: 1 1 auto;
}

.location-browser{
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #fdfdff 100%);
}

.location-browser__header{
    padding: 18px 18px 12px;
    border-bottom: 1px solid #eef2f7;
}

.location-browser__header--with-back{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.location-browser__title{
    font-size: 16px;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.02em;
}

.location-browser__subtitle{
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
    max-width: 26ch;
}

.location-browser__back{
    border: none;
    background: #fff5f5;
    color: #ff1b1b;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.location-browser__search{
    padding: 14px 18px 0;
}

.location-browser__toolbar{
    padding: 12px 18px 0;
}

.location-browser__search-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.location-browser__search-icon{
    flex-shrink: 0;
    color: #94a3b8;
}

.location-browser__search-input{
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    min-height: 46px;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    background: transparent;
    outline: none;
}

.location-browser__search-input::-moz-placeholder{
    color: #94a3b8;
    font-weight: 500;
}

.location-browser__search-input:-ms-input-placeholder{
    color: #94a3b8;
    font-weight: 500;
}

.location-browser__search-input::placeholder{
    color: #94a3b8;
    font-weight: 500;
}

.location-browser__search-wrap:focus-within{
    border-color: rgba(255, 27, 27, 0.35);
    box-shadow: 0 0 0 4px rgba(255, 27, 27, 0.08);
}

.location-browser__list{
    padding: 14px 18px 18px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
}

.location-browser__item-group{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid #eef2f7;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.location-browser__item-group > .location-browser__item{
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.location-browser__item,
.location-browser__secondary{
    width: 100%;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    background: #fff;
}

.location-browser__item{
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.03);
}

.location-browser__secondary{
    width: auto;
    align-self: flex-start;
    padding: 0 14px;
    min-width: 0;
    min-height: 36px;
    font-size: 12px;
    font-weight: 700;
    color: #ff1b1b;
    border-radius: 999px;
    background: #fff3f2;
    border-color: rgba(255, 27, 27, 0.08);
}

.location-browser__primary{
    width: 100%;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 27, 27, 0.08);
    border-radius: 14px;
    background: #fff3f2;
    color: #c2410c;
    font-size: 12px;
    font-weight: 800;
}

.location-browser__item:hover,
.location-browser__secondary:hover,
.location-browser__primary:hover{
    border-color: rgba(255, 27, 27, 0.18);
    background: #fff8f8;
}

.location-browser__copy{
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.location-browser__name{
    font-size: 13px;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
}

.location-browser__meta{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
}

.location-browser__action,
.location-browser__chip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff1f1;
    color: #c2410c;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.location-browser__action--arrow{
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
}

.location-browser__item.is-loading,
.location-browser__back.is-loading{
    pointer-events: none;
    opacity: 0.72;
}

.location-browser__item.is-loading .location-browser__action,
.location-browser__back.is-loading{
    background: #fff3f2;
    color: #ff1b1b;
    border-color: rgba(255, 27, 27, 0.16);
}

.location-browser__spinner{
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 999px;
    border: 2px solid rgba(255, 27, 27, 0.16);
    border-top-color: #ff1b1b;
    -webkit-animation: mzdeal-location-spin 0.8s linear infinite;
            animation: mzdeal-location-spin 0.8s linear infinite;
}

.location-browser__loading-spinner{
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 999px;
    border: 4px solid rgba(255, 27, 27, 0.14);
    border-top-color: #ff1b1b;
    -webkit-animation: mzdeal-location-spin 0.8s linear infinite;
            animation: mzdeal-location-spin 0.8s linear infinite;
}

@-webkit-keyframes mzdeal-location-spin{
    to{
        transform: rotate(360deg);
    }
}

@keyframes mzdeal-location-spin{
    to{
        transform: rotate(360deg);
    }
}

.location-browser__loading,
.location-browser__empty{
    padding: 28px 20px;
    text-align: center;
}

.location-browser__loading{
    width: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
}

.location-browser__empty-title{
    font-size: 14px;
    font-weight: 800;
    color: #111827;
}

.location-browser__empty-text{
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #64748b;
}

.location-browser__list > .location-browser__item{
    padding: 14px 15px;
    min-height: 72px;
    border-radius: 18px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045);
}

@media only screen and (max-width: 767px) {
    .locations{
        top: calc(100% + 10px);
        width: min(430px, calc(100vw - 24px));
        max-height: min(68vh, 560px);
        border-radius: 22px;
    }

    .location-browser__header{
        padding: 18px 18px 10px;
    }

    .location-browser__title{
        font-size: 15px;
    }

    .location-browser__subtitle{
        font-size: 11px;
        max-width: 24ch;
    }

    .location-browser__search{
        padding: 10px 18px 0;
    }

    .location-browser__toolbar{
        padding: 10px 18px 0;
    }

    .location-browser__search-wrap{
        min-height: 46px;
        border-radius: 15px;
    }

    .location-browser__search-input{
        min-height: 44px;
    }

    .location-browser__list{
        padding: 10px 18px 16px;
        gap: 8px;
    }

    .location-browser__list > .location-browser__item{
        min-height: 64px;
        padding: 12px 14px;
        border-radius: 16px;
    }

    .location-browser__item-group{
        padding: 12px 14px;
        border-radius: 18px;
        gap: 8px;
    }

    .location-browser__item-group > .location-browser__item{
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .location-browser__secondary{
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
    }

    .location-browser__primary{
        min-height: 38px;
        font-size: 11px;
    }

    .location-browser__chip,
    .location-browser__action{
        padding: 6px 9px;
        font-size: 10px;
    }

    .location-browser__name{
        font-size: 12px;
    }
}

.search-category-filter{
    padding-top: 10px;
}

.search-category-filter__all{
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 12px;
    font-weight: 700;
    color: #111827;
    text-decoration: none;
}

.search-category-filter__all.is-active{
    background: #fff5f5;
    color: #c2410c;
}

.search-category-filter__current{
    margin: 10px 0 8px;
    font-size: 12px;
    color: #64748b;
}

.search-category-filter__current span{
    color: #111827;
    font-weight: 700;
}

.search-category-tree{
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-category-tree-wrapper{
    width: 100%;
}

.search-category-tree--level-0{
    margin-top: 4px;
}

.search-category-tree--level-1,
.search-category-tree--level-2,
.search-category-tree--level-3,
.search-category-tree--level-4{
    margin-top: 6px;
    padding-left: 14px;
    border-left: 1px solid #eef2f7;
}

.search-category-tree__item + .search-category-tree__item{
    margin-top: 4px;
}

.search-category-tree__item[hidden]{
    display: none !important;
}

.search-category-tree__link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 12px;
    color: #1f2937;
    text-decoration: none;
}

.search-category-tree__link:hover{
    background: #f8fafc;
    color: #111827;
}

.search-category-tree__item.is-selected > .search-category-tree__link{
    background: #fff1f1;
    color: #b91c1c;
    font-weight: 800;
}

.search-category-tree__item.is-in-path:not(.is-selected) > .search-category-tree__link{
    background: #f8fafc;
    font-weight: 700;
}

.search-category-tree__label{
    min-width: 0;
    line-height: 1.35;
}

.search-category-tree__count{
    flex-shrink: 0;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
}

.search-category-tree__toggle{
    width: 100%;
    min-height: 38px;
    margin-top: 8px;
    border: 1px solid #fee2e2;
    border-radius: 12px;
    background: #fff7f7;
    color: #ef3833;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.search-category-tree__toggle:hover{
    background: #fff1f1;
    border-color: #fecaca;
}

.search-category-tree__toggle:focus{
    outline: 3px solid rgba(239, 56, 51, .18);
    outline-offset: 2px;
}

.search-category-tree__toggle-count{
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ffffff;
    color: #b91c1c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.ads-images-container{
    height: 500px;
    border-radius: 5px 5px 0px 0px;
}

.details-c{
    border-radius: 5px;
}

.details-c h3{
    font-size: 18px;
}

.profile-row h3{
    font-size: 15px;
}

.image-pf .prof-image{
    height: 90px;
    width: 90px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}

.seller-container h3,.posted-in h3,.send-message-modal h3{
    font-size: 18px;
}

.item-details{
    display: inline-block;
    width: 49.5%;
    padding: 5px;
    padding-right: 0px;
    padding-left: 0px;
}

.prt-item{
    font-weight: 450;
}

.prt-item-value{
    width: 100px;
    float: right;
    font-weight: bold;
    color: #000;
}

.ds-text{
    margin: 0px;
}

.price-container{
    border-radius: 5px;
}

.job-price-label {
    color: #68738a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.job-listing-panel {
    background:
        radial-gradient(circle at top right, rgba(255, 27, 27, .08), transparent 34%),
        #fff;
    border-color: #edf0f5 !important;
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
    padding: 24px;
}

.job-listing-panel__header {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.job-listing-panel__header > div {
    max-width: 760px;
}

.job-listing-panel__eyebrow {
    background: rgba(255, 27, 27, .09);
    border-radius: 999px;
    color: #b42318;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    margin-bottom: 12px;
    padding: 8px 12px;
    text-transform: uppercase;
}

.job-listing-panel h2 {
    color: #121827;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 8px;
}

.job-listing-panel p {
    color: #68738a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    margin: 0;
    max-width: 620px;
}

.job-listing-panel__cta {
    background: #ff1b1b;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 16px 30px rgba(255, 27, 27, .18);
    color: #fff;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 900;
    padding: 13px 18px;
}

.job-listing-panel__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
}

.job-listing-panel__item {
    align-items: center;
    background: rgba(248, 250, 252, .86);
    border: 1px solid #edf0f5;
    border-radius: 16px;
    display: grid;
    gap: 3px 12px;
    grid-template-columns: 42px 1fr;
    padding: 14px;
}

.job-listing-panel__icon {
    align-items: center;
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 14px;
    color: #ff1b1b;
    display: inline-flex;
    grid-row: span 2;
    height: 42px;
    justify-content: center;
    position: relative;
    width: 42px;
}

.job-listing-panel__icon::before {
    color: currentColor;
    content: "";
    font-size: 20px;
    font-weight: 900;
}

.job-listing-panel__icon.is-briefcase::before { content: "\25A3"; }
.job-listing-panel__icon.is-location::before { content: "\2316"; }
.job-listing-panel__icon.is-cash::before { content: "$"; }
.job-listing-panel__icon.is-star::before { content: "\2605"; }
.job-listing-panel__icon.is-school::before { content: "A"; }
.job-listing-panel__icon.is-document::before { content: "\2261"; }
.job-listing-panel__icon.is-check::before { content: "\2713"; }
.job-listing-panel__icon.is-user::before { content: "\25CF"; }

.job-listing-panel__label {
    color: #68738a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.job-listing-panel__item strong {
    color: #121827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
}

.job-application-box {
    align-items: center;
    background: linear-gradient(135deg, #fff7f7, #fff);
    border: 1px solid #ffe1e1;
    border-radius: 18px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 18px;
    padding: 16px;
}

.job-application-box span {
    color: #b42318;
    display: block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.job-application-box strong {
    color: #101828;
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-top: 4px;
}

.job-application-box p {
    flex-basis: 100%;
    max-width: none;
}

.job-application-box__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.job-application-box__actions a,
.job-application-box__actions button {
    background: #111827;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    padding: 11px 14px;
}

.job-detail-page {
    padding-bottom: 42px;
}

.job-detail-breadcrumb {
    align-items: center;
    background: linear-gradient(135deg, #fff, #fff8f8);
    border: 1px solid #f0e6e6;
    border-radius: 999px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .06);
    color: #68738a;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 900;
    gap: 10px;
    margin: 8px 0 18px;
    max-width: 100%;
    padding: 9px 12px;
}

.job-detail-breadcrumb a {
    color: #475467;
    line-height: 1;
}

.job-detail-breadcrumb a.is-current {
    color: #b42318;
}

.job-detail-breadcrumb__label {
    background: #111827;
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    letter-spacing: .08em;
    padding: 7px 10px;
    text-transform: uppercase;
}

.job-detail-breadcrumb__separator {
    color: #f04438;
    font-size: 15px;
    line-height: 1;
}

.job-detail-hero {
    background:
        linear-gradient(135deg, rgba(255, 27, 27, .08), rgba(255, 255, 255, .96) 36%),
        #fff;
    border: 1px solid #edf0f5;
    border-radius: 28px;
    box-shadow: 0 22px 70px rgba(15, 23, 42, .08);
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) 320px;
    padding: 34px;
}

.job-detail-hero.is-expired {
    background:
        linear-gradient(135deg, rgba(52, 64, 84, .08), rgba(255, 255, 255, .96) 36%),
        #fff;
}

.job-detail-expired-banner {
    align-items: flex-start;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 18px;
    color: #9a3412;
    display: flex;
    gap: 12px;
    margin: 0 0 16px;
    padding: 16px 18px;
}

.job-detail-expired-banner svg {
    flex: 0 0 auto;
    margin-top: 2px;
}

.job-detail-expired-banner strong {
    display: block;
}

.job-detail-expired-banner strong {
    color: #7c2d12;
    font-size: 16px;
    font-weight: 950;
}

.job-detail-hero__tag {
    background: #fff0f0;
    border-radius: 999px;
    color: #b42318;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    margin-bottom: 18px;
    padding: 9px 14px;
    text-transform: uppercase;
}

.job-detail-hero h1 {
    color: #101828;
    font-size: clamp(30px, 4vw, 54px);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1.03;
    margin: 0;
    max-width: 860px;
}

.job-detail-hero__meta {
    color: #667085;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 800;
    gap: 10px;
    margin-top: 18px;
}

.job-detail-hero__meta span {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 999px;
    padding: 8px 12px;
}

.job-detail-hero__salary {
    margin-top: 28px;
}

.job-detail-hero__salary span {
    color: #68738a;
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.job-detail-hero__salary strong {
    color: #101828;
    display: block;
    font-size: 30px;
    font-weight: 950;
    margin-top: 4px;
}

.job-detail-hero__salary small {
    color: #667085;
    font-size: 16px;
    font-weight: 850;
}

.job-detail-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.job-detail-btn {
    align-items: center;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 900;
    padding: 14px 20px;
}

.job-detail-btn.is-primary {
    background: #ff1b1b;
    box-shadow: 0 18px 34px rgba(255, 27, 27, .2);
    color: #fff;
}

.job-detail-btn.is-secondary {
    background: #111827;
    color: #fff;
}

.job-detail-hero__side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-detail-hero__side img,
.job-detail-hero__placeholder {
    aspect-ratio: 4 / 3;
    background: #f5f7fb;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
    width: 100%;
}

.job-detail-hero__placeholder {
    align-items: center;
    color: #ff1b1b;
    display: flex;
    font-size: 22px;
    font-weight: 950;
    justify-content: center;
}

.job-detail-save {
    align-items: center;
    background: #fff;
    border: 1px solid #ffe1e1;
    border-radius: 999px;
    box-shadow: 0 16px 35px rgba(255, 27, 27, .1);
    color: #b42318;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
    justify-content: center;
    min-height: 52px;
    padding: 10px 16px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.job-detail-save:hover,
.job-detail-save:focus {
    border-color: rgba(255, 27, 27, .35);
    box-shadow: 0 20px 44px rgba(255, 27, 27, .16);
    color: #ff1b1b;
    outline: none;
    transform: translateY(-1px);
}

.job-detail-save__icon {
    align-items: center;
    background: #fff1f1;
    border-radius: 50%;
    color: #ff1b1b;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    line-height: 1;
    width: 32px;
}

.job-detail-save.is-saved {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.job-detail-save.is-saved .job-detail-save__icon {
    background: #ff1b1b;
    color: #fff;
}

.job-detail-layout {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 360px;
    margin-top: 20px;
}

.job-detail-main,
.job-detail-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.job-detail-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 20px;
    box-shadow: 0 14px 44px rgba(15, 23, 42, .045);
    padding: 22px;
}

.job-detail-card h2 {
    align-items: center;
    color: #101828;
    display: flex;
    font-size: 22px;
    font-weight: 950;
    margin: 0 0 14px;
}

.job-detail-description {
    color: #344054;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}

.listing-video-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background:#101828;
}

.listing-video-slide video{
    display:block;
    width:100%;
    height:100%;
    max-height:620px;
    -o-object-fit:contain;
       object-fit:contain;
    background:#101828;
}

.job-detail-video video{
    display:block;
    width:100%;
    max-height:460px;
    margin-top:14px;
    border-radius:8px;
    background:#101828;
}

.job-detail-requirements {
    color: #344054;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.75;
    white-space: normal;
}

.job-detail-attributes {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.job-detail-attributes div {
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 15px;
    padding: 13px 14px;
}

.job-detail-attributes span {
    color: #667085;
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.job-detail-attributes strong {
    color: #101828;
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-top: 4px;
}

.job-detail-benefits {
    border-top: 1px solid #eef2f7;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
}

.job-detail-benefits h3 {
    flex-basis: 100%;
    font-size: 16px;
    font-weight: 950;
    margin: 0 0 4px;
}

.job-detail-benefits span {
    background: #fff0f0;
    border-radius: 999px;
    color: #b42318;
    font-size: 13px;
    font-weight: 900;
    padding: 8px 12px;
}

.job-detail-employer {
    align-items: center;
    color: #101828;
    display: flex;
    gap: 12px;
}

.job-detail-employer img {
    border-radius: 18px;
    height: 58px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 58px;
}

.job-detail-employer strong,
.job-detail-employer span {
    display: block;
}

.job-detail-employer span {
    color: #667085;
    font-size: 13px;
    margin-top: 4px;
}

.job-share-modal__link {
    background: #f8fafc;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    color: #344054;
    font-size: 14px;
    font-weight: 800;
    margin: 18px 0 14px;
    overflow-wrap: anywhere;
    padding: 13px 14px;
}

.job-share-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.job-share-modal__actions .job-detail-btn {
    min-height: 46px;
    padding: 11px 16px;
}

@media (max-width: 991px) {
    .job-detail-hero,
    .job-detail-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .job-detail-page {
        padding-left: 12px;
        padding-right: 12px;
    }

    .job-detail-hero {
        border-radius: 22px;
        padding: 22px;
    }

    .job-detail-hero__actions,
    .job-detail-btn {
        width: 100%;
    }

    .job-detail-attributes {
        grid-template-columns: 1fr;
    }

    .job-application-box {
        align-items: stretch;
        flex-direction: column;
    }

    .job-application-box__actions,
    .job-application-box__actions a,
    .job-application-box__actions button {
        width: 100%;
    }
}

.is-job-listing-card {
    border: 1px solid rgba(255, 27, 27, .12) !important;
}

.is-job-listing-card .item-img-slide-cont {
    background: linear-gradient(135deg, #fff7f7, #f8fafc);
}

.is-job-listing-card .img-sct {
    background: linear-gradient(135deg, #fff7f7, #f8fafc);
}

.is-job-listing-card .price,
.is-job-listing-card .price *,
.is-job-listing-card .item-card-price-slide,
.is-job-listing-card .lkfm-cont-price p {
    color: #111827 !important;
}

.job-card-badge {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 27, 27, .16);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .12);
    color: #b42318;
    font-size: 11px;
    font-weight: 950;
    left: 12px;
    letter-spacing: .04em;
    padding: 7px 12px;
    position: absolute;
    text-transform: uppercase;
    top: 12px;
    z-index: 4;
}

.listing-image-fallback {
    align-items: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 27, 27, .16), transparent 28%),
        linear-gradient(135deg, #fff7f7 0%, #f8fafc 55%, #eef2f7 100%);
    color: #b42318;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.listing-image-fallback::after {
    background: rgba(255, 255, 255, .68);
    border: 1px solid rgba(255, 27, 27, .12);
    border-radius: 999px;
    content: "";
    height: 76px;
    position: absolute;
    width: 76px;
}

.listing-image-fallback span {
    color: #b42318;
    font-size: 28px;
    font-weight: 950;
    letter-spacing: .02em;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.listing-image-fallback--error,
.promote-ad-image-fallback--error,
.promote-ad-fallback--error,
.myads-image-fallback--error {
    display: none !important;
}

.listing-image-fallback--error.is-visible,
.promote-ad-image-fallback--error.is-visible,
.promote-ad-fallback--error.is-visible,
.myads-image-fallback--error.is-visible {
    display: flex !important;
}

.listing-image-broken {
    display: none !important;
}

.slider-cont,
.swiper-zoom-container {
    position: relative;
}

.listing-gallery-fallback {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(239, 68, 68, .2), transparent 30%),
        linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
    color: #b42318;
    display: none !important;
    inset: 0;
    justify-content: center;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.listing-gallery-fallback.is-visible {
    display: flex !important;
}

.listing-gallery-fallback::before {
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(239, 68, 68, .16);
    border-radius: 999px;
    content: "";
    height: 128px;
    position: absolute;
    width: 128px;
}

.listing-gallery-fallback span {
    color: #b42318;
    font-size: 42px;
    font-weight: 950;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.full-screen-gallery .listing-gallery-fallback {
    background:
        radial-gradient(circle at 50% 42%, rgba(239, 68, 68, .25), transparent 32%),
        linear-gradient(135deg, #111827 0%, #1f2937 100%);
}

.listing-gallery-thumb-fallback {
    align-items: center;
    background:
        radial-gradient(circle at 30% 30%, rgba(239, 68, 68, .2), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #e5e7eb 100%);
    color: #b42318;
    display: flex;
    font-size: 11px;
    font-weight: 950;
    height: 100%;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}

.listing-gallery-thumb-fallback.has-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mzdeal-action-modal {
    border: 0;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 52px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
    overflow: hidden;
}

.mzdeal-action-modal .close-c {
    padding: 16px 18px 0;
}

.mzdeal-action-modal__body {
    overflow-y: auto;
    padding: 8px 28px 28px;
}

.mzdeal-action-modal__eyebrow {
    background: #fff0f0;
    border-radius: 999px;
    color: #b42318;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    margin-bottom: 12px;
    padding: 8px 12px;
    text-transform: uppercase;
}

.mzdeal-action-modal__body h3,
.mzdeal-action-modal__body h4 {
    color: #101828;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.12;
    margin: 0 0 8px;
    text-align: left !important;
}

.mzdeal-action-modal__body p {
    color: #667085;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.55;
    margin-bottom: 18px;
}

.mzdeal-action-modal textarea {
    background: #f8fafc;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    color: #101828;
    font-size: 15px;
    min-height: 106px;
    padding: 16px;
}

.mzdeal-action-modal .mob-filter-btn {
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(255, 27, 27, .2);
    min-height: 52px;
}

.mzdeal-action-modal .message-form .mt-3 {
    background: linear-gradient(180deg, rgba(255,255,255,0), #fff 28%);
    bottom: -28px;
    margin-left: -28px;
    margin-right: -28px;
    padding: 18px 28px 28px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
}

.recommend-smg {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.recommend-chip {
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 999px;
    color: #344054;
    font-size: 13px;
    font-weight: 850;
    padding: 9px 12px;
}

.recommend-chip:hover {
    background: #fff0f0;
    border-color: #ffc9c9;
    color: #b42318;
}

.modal .login-modal .modal-content:not(.modal-content-full-width),
.modal .map-modal .modal-content:not(.modal-content-full-width),
.modal .login-modal .modal-content.mzdeal-action-modal,
.modal .map-modal .modal-content.mzdeal-action-modal {
    border: 0;
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
}

.modal .login-modal .close,
.modal .map-modal .close,
.modal .login-modal .mzdeal-action-modal .close,
.modal .map-modal .mzdeal-action-modal .close {
    color: #111827;
    opacity: .72;
}

.modal .login-modal .close:hover,
.modal .map-modal .close:hover,
.modal .login-modal .mzdeal-action-modal .close:hover,
.modal .map-modal .mzdeal-action-modal .close:hover {
    opacity: 1;
}

.modal .login-modal .modal-content:not(.modal-content-full-width) .close-c,
.modal .map-modal .modal-content:not(.modal-content-full-width) .close-c {
    min-height: 48px;
    padding: 16px 18px 0;
}

.modal .login-modal .modal-content:not(.modal-content-full-width) .modal-body,
.modal .map-modal .modal-content:not(.modal-content-full-width) .modal-body {
    border-radius: inherit;
}

.mzdeal-action-modal .pf-nv {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    display: inline-flex;
    margin-bottom: 12px;
    padding: 10px 12px;
}

.mzdeal-action-modal .report-cont {
    display: grid;
    gap: 10px;
    margin: 14px 0;
}

.mzdeal-action-modal .report-cont .form-check {
    align-items: center;
    border: 1px solid #e8edf5;
    border-radius: 14px;
    display: flex;
    margin: 0;
    min-height: 48px;
    padding: 11px 14px;
}

.mzdeal-action-modal .report-cont .form-check-input {
    margin-left: 0;
    margin-top: 0;
    position: static;
}

.mzdeal-action-modal .report-cont .form-check-label {
    color: #344054;
    font-size: 14px;
    font-weight: 800;
    margin-left: 10px;
}

.mzdeal-action-modal .report-othr .small {
    color: #98a2b3;
    display: block;
    font-weight: 800;
    margin-top: 6px;
    text-align: right;
}

@media (max-width: 767px) {
    .job-detail-breadcrumb {
        border-radius: 18px;
        display: flex;
        margin-top: 0;
    }

    .job-detail-breadcrumb__label {
        flex-basis: 100%;
        justify-content: center;
        text-align: center;
    }

    .mzdeal-action-modal {
        border-radius: 22px 22px 0 0;
        max-height: calc(100vh - 24px);
    }

    .mzdeal-action-modal__body {
        padding: 6px 18px 22px;
    }

    .mzdeal-action-modal__body h3,
    .mzdeal-action-modal__body h4 {
        font-size: 24px;
    }

    .mzdeal-action-modal .message-form .mt-3 {
        bottom: -22px;
        margin-left: -18px;
        margin-right: -18px;
        padding: 16px 18px 22px;
    }
}

.mzdeal-report-option {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e8edf5;
    border-radius: 14px;
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    padding: 12px 14px;
}

.mzdeal-report-option .form-check-input {
    margin: 0;
    position: static;
}

.mzdeal-report-option .form-check-label {
    color: #344054;
    font-weight: 800;
}

.seller-container{
    border-radius: 5px;
}

.profile-container{
    display: inline-block;
    width: 70px;
    height: 70px;
}

.profile-container img, .send-message-modal img{
    width: 50px;
    height: 50px;
    border-radius: 100px;
    -o-object-fit: cover;
       object-fit: cover;
}

.seller-name{
    margin-top: 10px;
    display: inline-block;
    width: 70%;
    height: 70px;
}

.link-seller{
    display: block;
    color: black;
}

.link-seller:hover{
    color: black;
}

.more-seller{
    margin-top: 25px;
}

.user-name{
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
}

.user-name-2{
    font-size: 22px;
    font-weight: bold;
}

.membertime{
    margin: 0px;
    font-weight: 500;
}

.posted-in{
    margin-top: 10px;
    border-radius: 5px;
}

.br-rd{
    border-radius: 5px;
}

.map{
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgb(212, 212, 212);
    cursor: pointer;
}

.map .mp-loc-text{
    display: flex;
    justify-content: space-between;
}

.map-picture{
    height: 150px;
    position: relative;
    overflow: hidden;
}

.map-view{
    position: relative;
    overflow: hidden;
}

.map .map-picture img,.map-view img{
    border-radius: 5px;
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.map .map-picture:after, .map-view::after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    content: "";
    border-radius: 50%;
    padding-bottom: 30%;
    margin: -15% 0 0 -15%;
    background-color: rgb(247, 70, 70,0.3);
    border: 0.1rem solid #ff4444;
}

.modal-body-centeredfull{
    height: 100%;
}

.map-modal{
    width: 70%;
}
.map-view{
    height: 450px;
}

.report,.show-nb{
    font-weight: 500;
    color: #ff1b1b;
    background: #fff;
    border: 1px solid white;
}

.report:active{
    color: black;
}

.mobile-price{
    display:none;
}

.message-form input{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.message-form .recommend-smg{
    padding-bottom: 10px;
}

.payments-methos-selectf-conh .image-stands-type{
    width: 90px;
    height: 35px;
}
.payments-methos-selectf-conh .payments-s-images-type img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.payments-methos-selectf-conh{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.continue-card-select-item{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.message-form .recommend-smg button{
    border: 2px solid #000;
    background-color: #fff;
    padding: 5px;
    min-width: 120px;
    margin-top: 10px;
    border-radius: 10px;
    color: #000;
}

.sub-folders ol li {
    display:inline;
}

.related-ads{
    margin-top: 10px;
    border-radius: 5px;
}

.full-screen-gallery{
    overflow: hidden;
    overflow: initial;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000!important;
    background-color: rgb(0, 0, 0,0.8);
}

.full-screen-gallery .image-gallery.swiper{
    border-radius: 0px!important;
    background-color: transparent;
}

.full-screen-gallery .image-gallery .slider-cont{
    height: 85%!important;
}

.full-gallery{
    height: 90%;
}

.full-screen-gallery .image-gallery .swiper-slide{
    background: transparent;
}

.full-screen-gallery .btn-xcont{
    display: flex;
    justify-content: flex-end;
}

.full-screen-gallery .btn-xcont button{
    border: none;
    background: transparent;
}

.full-screen-gallery .btn-xcont button svg{
    fill: white;
}

.share-item{
    display: none;
    position: absolute;
    background: white;
    width: 90px;
    height: 40px;
    top: 50px;
    right: 0px;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
}

.share-item.active{
    display: block;
    transition: display 4s;
}

.share-item-2.active{
    display: block;
    transition: display 4s;
}


.share-item-2{
    display: none;
    position: absolute;
    right: 10px;
    top: 45px;
    background: white;
    width: 90px;
    height: 40px;
    box-shadow: 0px 0px 3px rgb(212, 212, 212);
}

.share-item-c-2{
    width: 50px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 80%;
    transform: translateX(-50%) translateY(-100%);
    overflow: hidden;
}

.share-item-c{
    width: 90px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 47px;
    transform: translateX(-50%) translateY(-100%);
    overflow: hidden;
}

.share-item-c::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: translateX(-50%) translateY(50%) rotate(225deg);
    top: 0;
    right: 0px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
}

.share-item-c-2::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: translateX(-50%) translateY(50%) rotate(225deg);
    top: 0;
    left: 55%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
}

.call-and-message{
    border: 2px solid #ff4444;
    background: #ff4444;
}

.chat{
    display: inline-block;
    width: 50%;
    background: #ff4444;
    border: 2px solid #ff4444;
    text-align: center;
    padding: 10px;
    color: white;
}

.call{
    display: inline-block;
    width: 49%;
    background: #ff4444;
    border: 2px solid #ff4444;
    text-align: center;
    padding: 10px;
    color: white;
}

.call svg, .chat svg{
    fill: white;
    background-color: #ff4444;
}

.call:active,.chat:active{
    background: #ffffff;
    color:black;
}

.call:hover svg, .chat:hover svg{
    fill: black;
    background-color: white;
}

.user-pf{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.user-pf .profile{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    -o-object-fit:cover;
       object-fit:cover;
}

.some-info{
}

.brns{
    border: 1px solid #f3f3f3;;
    border-radius: 10px;
    padding: 12px;
}

.member-since,.pf-container{
    font-size: 13px;
}

.mobil-user-info{
    display: none;
}

.caption{
    font-weight: 500;
}

.fl-fg{
    display: flex;
    width: 100%;
}

.followers{
    width: 50%;
}

.following{
    width: 50%;
}

.loading-slider-img{
    background: rgb(241, 240, 240);
    width:100%;
    height: 100px;
}

.description-loading{
    background: rgb(241, 240, 240);
    width:30%;
    height: 20px;
    margin-top: 10px;
}

.other-loading{
    background: rgb(241, 240, 240);
    width:40%;
    height: 10px;
    margin-top: 10px;
}

.c-price-loading{
    background: rgb(241, 240, 240);
    width: 60%;
    height: 30px;
}

.other-c-price-loading{
    background: rgb(241, 240, 240);
    width:30%;
    height: 20px;
    margin-top: 10px;
}

.cpf-c{
    display: inline-block;
    width: 40%
}

.c-name-loading{
    background: rgb(241, 240, 240);
    width:100%;
    height: 20px;
    margin-top: 10px;
}

.c-profile-loading{
    margin-left: 30px;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    background: rgb(241, 240, 240);
    margin-top: 10px;
}

.c-next-loading{
    display: inline-block;
    background: rgb(241, 240, 240);
    width:30%;
    height: 15px;
    margin-top: 40px;
}

.ct-map-loading{
    margin-top: 10px;
    background: rgb(241, 240, 240);
    width:30%;
    height: 20px;
}

.ct-map-loading-2{
    margin-top: 10px;
    background: rgb(241, 240, 240);
    width:40%;
    height: 15px;
}

.map-loading{
    margin-top: 10px;
    background: rgb(241, 240, 240);
    width:100%;
    height: 100px;
}

.rp-c-loading{
    margin-top: 10px;
    background: rgb(241, 240, 240);
    width:30%;
    height: 20px;
}

.rp-c-loading-2{
    margin-top: 10px;
    background: rgb(241, 240, 240);
    width:40%;
    height: 15px;
}

.navmnlist{
    padding-bottom: 10px;
}

.settings-d h3{
    font-size: 18px;
}

.change-p{
    border-radius: 5px;
}

.col8-h{
    height: 250px;
}

.change-p input{
    display: block;
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.upload_file_input{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    border-radius: 5px;
}

.email-login input{
    display: block;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 8px;
}

.email-login img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.code-input{
    height: 48px;
    text-align: center;
}

.success-icon{
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    background-color: #32CD32;
}
.success-cont{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.id_icons{
    width: 200px;
    height: 200px;
    border: 2px solid #dbdbdb;
    border-radius: 10px;
    cursor: pointer;
}

.id_icons img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    overflow: hidden;
}

select,input{
    padding: 10px!important;
}

.post-d-select, .post-input input, .post-input textarea{
    display: block;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    /*
    border: 1px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    */
    font-size:14px;
    outline: none;
    border-radius: 5px;
    color: #000000!important;
}

input:focus, textarea:focus, select:focus {
    border-color: rgb(0, 47, 52)!important;
    box-shadow: inset 0 0 0 1px rgb(0, 47, 52)!important;
}

input, textarea, input:focus, textarea:focus {
    transition: all .1s linear!important;
    box-shadow: none!important;
}

select, select:focus {
    transition: all .1s linear!important;
    box-shadow: none!important;
}

.post-input span{
    font-size: 13px;
    margin-top: 5px;
}

.post-d-select select{
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    outline: none;
    border-radius: 5px;
    color: #000;
}

.attr-adds input{
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 7px!important;
    color: #000000!important;
}

.direct-sale-modal-copy__text{
    color: #6b7280;
    font-size: 13px;
    line-height: 1.5;
}

select.atrf{
    width: 100%;
    display: block;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 8px!important;
    color: #000000!important;
}

.attr-adds .image-attrsd{
    border: 1px dashed #d0d5dd;
    width: 120px;
    height: 100px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #f8fafc;
}

.direct-sale-template-admin__title{
    font-size: 28px;
    font-weight: 700;
    color: #161d2f;
    margin-bottom: 6px;
}

.direct-sale-template-admin__grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
}

.direct-sale-template-admin__builder{
    min-width: 0;
}

.direct-sale-template-preview-card{
    border: 1px solid #eceef2;
    border-radius: 18px;
    background: #fff;
    padding: 18px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
    margin-bottom: 14px;
}

.direct-sale-template-preview-card__kicker,
.direct-sale-template-preview-card__label{
    display: block;
    color: #98a2b3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.direct-sale-template-preview-card h4{
    margin: 8px 0 10px;
    font-size: 20px;
    line-height: 1.25;
    color: #161d2f;
}

.direct-sale-template-preview-card strong{
    color: #161d2f;
    font-size: 16px;
    line-height: 1.4;
}

.direct-sale-template-preview-card__stats{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.direct-sale-template-preview-list{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.direct-sale-template-preview-pill{
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff5f5;
    color: #b42318;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1200px){
    .direct-sale-template-admin__grid{
        grid-template-columns: 1fr;
    }
}

.swal2-container{
    z-index: 30000!important;
    padding: 22px!important;
    background: rgba(15, 23, 42, 0.42)!important;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.swal2-popup.swal2-modal{
    width: min(92vw, 480px)!important;
    padding: 28px!important;
    border: 1px solid rgba(255,255,255,0.82)!important;
    border-radius: 28px!important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%)!important;
    color: #111827!important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24)!important;
    overflow: hidden!important;
}

.swal2-popup.swal2-modal::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #ff1b1b 0%, #ff6b6b 54%, #111827 100%);
}

.swal2-popup .swal2-title{
    margin: 8px 0 10px!important;
    color: #111827!important;
    font-size: 24px!important;
    font-weight: 800!important;
    letter-spacing: -0.03em!important;
    line-height: 1.15!important;
}

.swal2-popup .swal2-html-container{
    margin: 0 auto 4px!important;
    color: #64748b!important;
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: 1.55!important;
}

.swal2-popup .swal2-icon{
    width: 64px!important;
    height: 64px!important;
    margin: 8px auto 14px!important;
    border-width: 3px!important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12)!important;
}

.swal2-popup .swal2-icon.swal2-warning{
    border-color: #ffb4b4!important;
    color: #ff1b1b!important;
}

.swal2-popup .swal2-icon.swal2-success{
    border-color: #bbf7d0!important;
    color: #16a34a!important;
}

.swal2-popup .swal2-icon.swal2-error{
    border-color: #fecaca!important;
    color: #dc2626!important;
}

.swal2-popup .swal2-actions{
    width: 100%;
    gap: 12px;
    margin-top: 24px!important;
}

.swal2-popup .swal2-styled,
.swal2-popup .swal2-actions .btn{
    min-height: 48px;
    margin: 0!important;
    padding: 12px 22px!important;
    border: 0!important;
    border-radius: 999px!important;
    box-shadow: none!important;
    font-size: 15px!important;
    font-weight: 800!important;
    letter-spacing: -0.01em!important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}

.swal2-popup .swal2-styled:hover,
.swal2-popup .swal2-actions .btn:hover{
    transform: translateY(-1px);
}

.swal2-popup .swal2-confirm,
.swal2-popup .swal2-actions .btn-success,
.swal2-popup .swal2-actions .btn-danger{
    background: linear-gradient(135deg, #ff1b1b 0%, #d90404 100%)!important;
    color: #fff!important;
    box-shadow: 0 14px 28px rgba(255, 27, 27, 0.24)!important;
}

.swal2-popup .swal2-cancel,
.swal2-popup .swal2-actions .btn-light{
    background: #f8fafc!important;
    color: #111827!important;
    border: 1px solid #e2e8f0!important;
}

.swal2-popup .swal2-input,
.swal2-popup .swal2-select,
.swal2-popup .swal2-textarea{
    height: 52px!important;
    margin: 14px 0 0!important;
    border: 1px solid #e2e8f0!important;
    border-radius: 16px!important;
    background: #fff!important;
    color: #111827!important;
    font-size: 16px!important;
    box-shadow: none!important;
}

.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-select:focus,
.swal2-popup .swal2-textarea:focus{
    border-color: #ff1b1b!important;
    box-shadow: 0 0 0 4px rgba(255, 27, 27, 0.12)!important;
}

.swal2-popup .swal2-validation-message{
    margin-top: 14px!important;
    border-radius: 16px!important;
    background: #fff1f2!important;
    color: #b91c1c!important;
    font-weight: 700!important;
}

@media (max-width: 575px){
    .swal2-container{
        padding: 14px!important;
    }

    .swal2-popup.swal2-modal{
        padding: 24px 20px!important;
        border-radius: 24px!important;
    }

    .swal2-popup .swal2-actions{
        flex-direction: column-reverse;
    }

    .swal2-popup .swal2-styled,
    .swal2-popup .swal2-actions .btn{
        width: 100%;
    }
}

.mt-p-s .mtps-d{
    
}

.mt-p-s .mtps-d button{
    width: 150px;
    background: white;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px;
    color: #000;
}

.mt-p-s .mtps-d-ms button{
    width: 150px;
    background: white;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px;
    color: #000;
}

.mt-p-s .mtps-d-ms .an-opt.active{
    background-color: #ff4444;
    color:white;
    font-weight: 400!important;
}

.mt-p-s .mtps-d button:hover{
    background-color: #ff4444;
    color:white;
    font-weight: 400!important;
}

.mt-p-s .mtps-d button:hover{
    background-color: #ff4444;
    color:white;
    font-weight: 400!important;
}

.mt-p-s .mtps-d .an-opt.active{
    background-color: #ff4444;
    color:white;
    font-weight: 400!important;
}

.change-cat{
    color: #000!important;
    font-weight: bold;
    border-bottom: 2px solid #000000;
}

.info-atd{
    display: flex;
    flex-direction: row;
}

.atd-c{
    width: 65%;
}

.atd-c .socil-dfv{
    padding: 10px;
}

.atd-c-2{
    width: 35%;
    height: 100px;
}

.atd-c-2 button{
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 3px;
}

.edit-p input,textarea{
    display: block;
    width: 50%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.textarea{
    height: 250px;
}

.edit-p .capton-max{
    display: block;
    width: 50%;
}

.minimun-charecter{
    font-size: 11px;
}

.changepassword{
    border: 4px solid #ff4444;
    background-color: #ff4444;
    color: white;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}

.changepassword:hover{
    border: 4px solid #ff4444;
    background-color: white;
    color: #ff4444;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}

.delete-account button{
    border: 4px solid #ff4444;
    background-color: #ff4444;
    color: white;
    border-radius: 5px;
    padding: 7px;
    width: 49%;
}

.attributes-post button{
    border: 4px solid #ff4444;
    background-color: #ff4444;
    color: white;
    border-radius: 5px;
    padding: 7px;
    width: 100px;
}

.disabled-post-btn{
    border: 4px solid #ff4444!important;
    background-color: #ff4444!important;
}

.delete-account button:hover{
    border: 4px solid #ff4444;
    background-color: white;
    color: black;
    border-radius: 5px;
    padding: 7px;
    margin-top: 10px;
}

.recharge-c .paybtn button{
    border: 4px solid #ff4444;
    background-color: #ff4444;
    color: white;
    border-radius: 5px;
    padding: 7px;
    width: 100%;
}

.recharge-c .paybtn button:hover{
    border: 4px solid #ff4444;
    background-color: white;
    color: black;
    border-radius: 5px;
    padding: 7px;
}

.delete-account-modal{
    margin-top: 15%;
}

.view-profile{
    display: block;
    margin-top: 10px;
    border: 2px solid black;
    background-color: white;
    color: black;
    border-radius: 5px;
    padding: 7px;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.navmnlist a{
    color: black;
}

.navmnlist span{
    color: gray;
}

.phone-l{
    cursor: pointer;
}

.phone-l .fk-input,.phone-l-mobile .fk-input{
    display: inline-block;
    width: 70%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    border-radius:0px 5px 5px
    0px;
}

.phone-l .phone-country-code, .phone-l-mobile .phone-country-code{
    display: inline-block;
    width: 30%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-right:2px solid rgb(0, 47, 52);
    padding: 10px;
    color:black;
    border-radius: 5px 0px 0px 5px;
}

.price-post-l .phone-country-code{
    width: 15%;
    background: white;
    border: 1px solid #747474;
    border-right: 1px solid none;
    padding: 10px;
    color:black;
    border-radius: 5px 0px 0px 5px;
}

.price-post-l input{
    width: 85%;
    background: white;
    border: 1px solid #747474;
    border-left: 1px solid none;
    padding: 10px;
    border-radius:0px 5px 5px
    0px;
}

.email-l .email-ds{
    display: inline-block;
    width: 50%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.email-l-mobile .email-ds{
    display: inline-block;
    width: 100%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    border-left: 1px solid none;
    padding: 10px;
    border-radius: 5px;
}

.input-name{
    width: 75%;
    padding: 5px;
    padding-top: 20px;
}

.input-name input{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    padding: 10px;
    border-radius: 5px;
}

.mobile-textarea textarea{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    padding: 10px;
    border-radius: 5px;
}

.image-pf{
    width: 25%;
}

.phone-l .phone-ds{
    width: 50%;
    display: flex;
    flex-direction: row;
}

.phone-l-mobile .phone-ds{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.email-l .right-caption{
    display: inline-block;
    width: 50%;
}

.phone-l .right-caption{
    display: inline-block;
    width: 50%;
}

.discard{
    font-weight: bold;
    color: black;
    border-bottom: 2px solid black;
    padding-bottom: 10px;
}

.cap-mobile{
    color: gray;
}

.discard:hover{
    border-bottom: none;
    text-decoration: none;
}

.edit-mobile-devices{
    display: none;
}

.myads-mobile-devices{
    display: none;
}

.pf-picture{
    width: 250px;
    height: 260px;
    background: rgb(0, 0, 0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pf-picture .profile-update{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    cursor: pointer;
}

.profilepicture{
    display: flex;
    flex-direction: row;
}

.profile-navbar{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.profile-navbar-2{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.profile-navbar-3{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.profilepicture div span{
    font-size: 14px;
}

.upload-c{
    width: 65%;
}


.rui section .t-nv .ul-list span{
    display:inline;
    margin-left: 0px!important;
    border-bottom: 1px solid rgb(224, 224, 224);
    padding-bottom: 15px;
    font-weight: 500;
    cursor: pointer;
}

.rui-2SwH7 section .post-tb{
    width:65%;
    border-radius: 5px;
    margin: 25px auto;
}

.rui-2SwH7 section h3{
    font-size: 22px;
    font-weight: 700;
}

.rui-2SwH7 section .post-tb h3, .rui-2SwH7 .mobile-cat-select h3{
    font-size: 18px;
}

.rui-2SwH7 section .main-cat-d{
    display: flex;
    flex-direction: row;
}

.rui-2SwH7 section .main-cat-d div{
    width:50%;
}

.rui-2SwH7 section .main-cat{
    min-height: 450px;
}

.rui-2SwH7 section .main-cat-d ul li{
    padding: 10px;
    cursor:pointer;
    font-weight: 400;
}

.rui-2SwH7 section .post-cat-m{
    width: 75%;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.rui-2SwH7 section .choose-cat-mob ul li img{
    width: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rui-2SwH7 section .choose-cat-mob ul li{
    width: 50%;
    height: 110px;
    border-bottom: 1px solid rgb(214, 214, 214);
    border-left: 1px solid rgb(214, 214, 214);
}

.rui-2SwH7 section .choose-cat-mob ul li button{
    width: 100%;
    background-color: white;
    border: 1px solid white;
}

.rui-2SwH7 section .main-cat-d .main-sub-cat ul li{
    padding: 12px;
}

.rui-2SwH7 section .main-cat-d ul li:hover{
    background: rgb(212, 212, 212);
}

.rui-2SwH7 section .main-cat-d ul li:active{
    background: rgb(212, 212, 212);
}

.rui-2SwH7 section .main-cat-d ul li span{
    margin-left: 5px;
}

.rui-2SwH7 section .main-cat-d ul li img{
    width: 25px;
}

.ft-post-mobile{
    font-size: 11px;
}

.mob-nvt .my-ads-tabs{
    width: 50%;
    text-align: center;
}

.mob-nvt .my-ads-tabs span{
    display: block;
}

.mob-nvt .my-ads-tabs span a{
    margin: 0px;
    color: black;
}

.active-tab{
    border-bottom: 4px solid #000000!important;
    font-weight: bold!important;
}

.rui section .t-nv .ul-list span a{
    margin: 0px;
    color: black;
}

.filter-options{
    display: inline;
}

.fl-by{
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

.filter-options .f-i-options{
    display: inline;
    border-radius: 20px;
    margin-left: 10px;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    background: #fff;
}

.f-i-options-active{
    background: #ff4444!important;
    color: #fff;
    border: none!important;
}

.mz-caption{
    padding: 15px;
    font-weight: 400;
    background: #fff;
    border-radius: 5px;
    color: #1f1f1f;
}

.mz-caption-mobile{
    padding: 15px;
    font-weight: 400;
    background: #eaeaea;
    border-radius: 5px;
    color: #1f1f1f;
}

.discount,.view-packages{
    width: 50%;
}

.mz-caption-mobile div .viewpack{
    background: transparent;
    border: 2px solid white;
    border-radius: 5px;
    padding: 5px;
    font-weight: 400;
    font-size: 11px!important;
    color: white;
}

.mz-caption div .viewpack{
    background: transparent;
    border: 2px solid white;
    border-radius: 5px;
    padding: 7px;
    font-weight: 600;
    font-size: 13px!important;
    color: white;
}

.ads-rej-ac{
    border-radius: 5px;
    border-left: 5px solid #ff4444;
    box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07), 0 10px 20px -2px rgba(0,0,0,0.04);
    background-color: #fff;
    display: flex;
    flex-direction: row;
}

.user-ads-loading{
    height: 130px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #9ea2a2;
}

.ads-rej-ac-data{
    text-align: center;
    background: #fff;
    width: 10%;
    font-weight: 400;
    opacity: 0.8;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    border-right: 1px solid #eaeaea;
}

.ads-rej-ac-data-loading{
    text-align: center;
    background: #e4e4e4;
    width: 10%;
    height: 100%;
    padding-top: 50px;
}

.ads-left-c{
    width: 90%;
    padding: 5px;
    height: 100%;
}

.pagination-links-app nav{
    display: flex;
    justify-content: flex-end;
    box-shadow: none!important;
}

.pagination-links-app nav ul li {
    padding: 5px;
    margin-left: 10px;
}

.pagination-links-app nav .page-link:hover {
    color: #ffffff;
    background-color: #ff4444!important;
    border-radius: 50px!important;
    height: 32px;
}

.ads-left-c-loading{
    width: 90%;
    padding: 5px;
}

.an-loading{
    background: #e4e4e4;
    width: 80%;
    height: 50px;
}

.an-loading-2{
    background: #e4e4e4;
    width: 100%;
    height: 25px;
    margin-top:20px;
}

.ads-rej-ac-2{
    width: 85%;
}

.ads-rej-ac-2 .ads-details .image-my-ads{
    width: 70px;
    height: 70px;
    background: #e4e4e4;
    border-radius: 5px;
    float: left;
    overflow: hidden;
}

.ads-rej-ac-2 .ads-details .image-my-ads img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    border-radius: 5px;
}

.ads-rej-ac-mobile .image-info .image-my-ads img{
    width: 100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    border-radius: 5px;
}

.ads-rej-ac-2 .ads-details .myAdsCardinfo{
    padding-left: 5px;
    width:25%;
    margin-top: 20px;
    float: left;
    font-weight: 600;
}

.ads-rej-ac-2 .ads-details .myAdsCardPrice{
    width:15%;
    margin-top: 20px;
    float: left;
}

.ads-rej-ac-2 .ads-details .rejected-accepted{
    width:15%;
    margin-top: 15px;
    float: left;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
}

.ads-rej-ac-2 .ads-details .rejected-accepted label{
    padding: 2px;
    background: #ff1b1b;
    text-align: center;
    color: white;
    border-radius: 10px;
    margin: 0px;
    margin-left: 10px;
    width: 60%;
}

.pending{
    background: rgb(62, 114, 255)!important;
}

.pending-br{
    border-left: 5px solid rgb(62, 114, 255)!important;
}

.live{
    background: rgb(62, 255, 110)!important;
    color: #000!important;
}

.live-br{
    border-left: 5px solid rgb(62, 255, 110)!important;
}

.ads-rej-ac-2 .ads-details .myAdsMessageCard{
    width:30%;
    margin-top: 20px;
    float: left;
}

.user-ads .myAdsremove{
    width:15%;
    margin-top: 20px;
    float: left;
    position: relative;
    border: 1px solid red;
}

.user-ads .myAdsremove .remove-option{
    display: none;
    position: absolute;
    left:-20px;
    top: 25px;
    width: 160px;
    background: white;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 4px 7px rgb(230, 230, 230);
}

.user-ads .myAdsremove .remove-option.active{
    display: block;
}

.user-ads .myAdsremove .remove-option ul li{
    padding: 10px;
    cursor: pointer;
}

.user-ads .myAdsremove .remove-option ul li:hover{
    background:rgb(212, 212, 212);
}

.user-ads .myAdsremove .remove-option ul li:active{
    background: #ff4444;
}

.user-ads .ads-rej-ac .myAdsremove{
    background: transparent;
    border: none;
    width:15%;
}

.view-likes{
    min-width: 190px;
    font-size: 11px;
    padding: 5px;
}

.view-likes div{
    display: inline;
    padding: 7px;
}

.c-edit-now a{
    background: white;
    border: 2px solid #ff4444;
    border-radius: 5px;
    min-width: 100px;
    height: 35px!important;
    text-align: center;
    color: #ff4444;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.c-edit-now a:hover{
    background:#ff4444;
    border: 2px solid #ff4444;
    border-radius: 5px;
    text-align: center;
    color: white;
    text-decoration: none;
}

.c-edit-now .darkbtn{
    background: #002;
    border: 2px solid #002;
    border-radius: 5px;
    min-width: 100px;
    text-align: center;
    padding: 4px!important;
    color: #fff;
}

.c-edit-now .sold{
    background: white;
    border: 2px solid #000!important;
    border-radius: 5px;
    min-width: 100px;
    height: 35px;
    text-align: center;
    color: #000;
}

.c-edit-now .listing-status-trigger{
    background: #fff;
    border: 2px solid #000 !important;
    border-radius: 8px;
    min-width: 142px;
    height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
    line-height: 1.1;
    color: #000;
    font-weight: 600;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.c-edit-now .sold-m{
    background-color: #ff4444;
    padding: 10px;
    color: '#fff';
    border-radius: 10px;
}

.c-edit-now .sold-m span{
    color: '#fff'!important;
}

.list-sl-pkg{
}

.slld-balance{
    font-size: 14px;
}



.c-edit-now .sold:hover{
    background:#002!important;
    border: 2px solid #002!important;
    border-radius: 5px;
    width: 80px;
    text-align: center;
    color: white;
}

.c-edit-now .listing-status-trigger:hover{
    background: #002 !important;
    border-color: #002 !important;
    color: #fff;
    text-decoration: none;
}

.c-edit-now .boost{
    background:rgb(62, 255, 110)!important;
    border: 2px solid rgb(62, 255, 110)!important;
    border-radius: 5px;
    width: 80px;
    text-align: center;
    padding: 5px;
    color: #000;
}

.c-edit-now .boost:hover{
    background:rgb(62, 255, 110)!important;
    border: 2px solid rgb(62, 255, 110)!important;
    border-radius: 5px;
    width: 80px;
    text-align: center;
    padding: 5px;
    color: #000;
}

.user-ads .ads-rej-ac .myAdsremove button{
    background: transparent;
    border: 1px solid transparent;
    float: right;
}

.user-ads-mobile .ads-rej-ac-mobile{
    border-radius: 5px;
    border-left: 5px solid #ff4444;
    box-shadow: 0px 0px 2px #9ea2a2;
    background-color: #fff;
}

.user-ads-mobile-loading .ads-rej-ac-mobile-loading{
    margin-top: 15px;
    height: 270px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #9ea2a2;
}

.ads-rej-ac-mobile .data-and-rem,.ads-rej-ac-mobile-loading .data-and-rem-loading{
    padding: 5px;
    background: #e4e4e4;
    font-size:13px;
}

.ads-rej-ac-mobile .data-and-rem .rem-c{
    position: relative;
    width:50%;
}

.ads-rej-ac-mobile .data-and-rem .rem-c button{
    background: transparent;
    border: 1px solid transparent;
    float: right;
}

.ads-rej-ac-mobile .data-and-rem .rem-c .remove-option ul li{
    padding: 10px;
}

.ads-rej-ac-mobile .data-and-rem .rem-c .remove-option ul li:hover{
    background:rgb(212, 212, 212);
}

.ads-rej-ac-mobile .data-and-rem .rem-c .remove-option ul li:active{
    background: #ff4444;
}

.ads-rej-ac-mobile .data-and-rem .rem-c .remove-option.active{
    display:block;
}

.ads-rej-ac-mobile .data-and-rem .rem-c .remove-option{
    display: none;
    position: absolute;
    top: 25px;
    left: 40%;
    width: 160px;
    background: white;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 4px 7px rgb(230, 230, 230);
}

.ads-rej-ac-mobile .image-info .image-my-ads,.ads-rej-ac-mobile-loading .image-info-loading .image-my-ads-loading{
    background: #e4e4e4;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
}

.myads-image-fallback{
    width: 100%;
    height: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    text-decoration: none;
    background:
        radial-gradient(circle at 24% 18%, rgba(255,255,255,0.72), rgba(255,255,255,0) 34%),
        linear-gradient(135deg, #fff1f1 0%, #ffe1e1 46%, #ff1b1b 100%);
    border: 1px solid rgba(255, 27, 27, 0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.58);
}

.myads-image-fallback span{
    width: 42px;
    height: 42px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b51f17;
    background: rgba(255,255,255,0.86);
    font-size: 17px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.04em;
    box-shadow: 0 10px 24px rgba(181,31,23,0.18);
}

.myads-image-fallback:hover,
.myads-image-fallback:focus{
    text-decoration: none;
}

.ads-rej-ac-mobile .image-info .title-price-ads,.ads-rej-ac-mobile-loading .image-info-loading .title-price-ads-loading{
    width: 75%;
}

.ads-rej-ac-mobile .image-info .title-price-ads .title{
    font-weight: 500;
}

.mob-views-likes div{
    width: 50%;
    text-align: center;
}

.ads-rej-ac-mobile .rejected-accepted label{
    padding: 2px;
    background: #ff1b1b;
    text-align: center;
    color: white;
    border-radius: 10px;
    margin: 0px;
    width: 100px;
    font-size: 11px;
}

.ads-rej-ac-mobile-loading .rejected-accepted-loading{
    padding: 2px;
    background: #e4e4e4;
    border-radius: 10px;
    margin: 0px;
    width: 100px;
    height:20px;
    font-size: 11px;
}

.filter-button{
    font-size:14px;
    border:1px solid white;
}

.recharge-c{
    width:600px;
    margin: 0 auto;
    border-radius:5px;
    background-color: #fff;
}

.recharge-c .tasn .recharger{
    height:150px;
    background-color: #fff6d9;
    margin: 12px;
    border-radius: 4px;
    padding:10px;
}

.recharge-c .tasn .recharger img{
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.recharge-c .tasn .recharger h3{
    font-size:18px;
    text-align: center;
}


.upload-max .add-p-c{
    width: 100px;
    height: 100px;
    border: 2px solid #000000;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    margin: 5px;
}

.upload-max-w{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.upload-max .add-p-c span{
    font-size: 500;
}
.container_pf{
    display: flex;
    flex-direction: 'row';
}

.container_pf .pf-c{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pf-input-c{
    height: 100px;
    padding: 5;
    display: flex;
    flex: 1
}

.profile_c_image{
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: rgb(247,248,249);
    cursor: pointer;
}

.sgv-cam{
    padding-left: 5px;
}

.disabled-post-btn{
    background: #a5a5a5!important;
    border: 2px solid #a5a5a5!important;
    color: #7c7c7c!important;
}

.not-found-c{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 45px auto 52px;
    max-width: 777px;
    padding: 0 24px;
    max-height: 100%;
    height: 100%;
}

.not-found-c .ntf_c_r1 ._ntf_ntxt_h1{
    font-weight: 700;
    font-size: 112px;
    margin-bottom: 19px;
    color: #ff4444;
}

.container-c .btn-wrapper-try{
    bottom: 0;
    box-shadow: 0 -2px 3px 0 rgb(0 47 52 / 26%);
    box-sizing: border-box;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%;
}

.container-c .btn-wrapper-try .retry{
    font-size: 16px;
    font-weight: bold;
    padding: 16px;
}

.not-found-c .ntf_c_r1 ._ntf_ntxt_h3{
    font-size: 32px;
    margin-bottom: 22px;
}

.not-found-c .ntf_c_r1 ._ntf_ntxt_err{
    color: #f16b6b;
    font-size: 14px;
    margin-bottom: 2px;
}


.not-found-c .ntf_c_r1 ._ntf_ntxt{
    font-size: 14px;
}

.not-found-c .ntf_c_r1 ._ntf_ntxt a{
    color: #f16b6b;
}

.not-found-c .ntf_c_r1 ._ntf_ntxt a:hover{
    color: #f16b6b;
}

.not-found-c .ntf_c_r1{
    margin-right: 5%;
    margin-top: 4px;
    max-width: 394px;
}

.not-found-c .ntf_c_r2{
    max-height: 301px;
    max-width: 301px;
    min-height: 188px;
    min-width: 188px;
    margin: auto 0;
}

.not-found-c .ntf_c_r2 ._ntf_npicture img{
    height: 250px;
    width: 250px;
}

.container-c .content-c h1{
    font-size: 24px;
    -webkit-margin-before: 0.67em;
            margin-block-start: 0.67em;
    -webkit-margin-after: 0.67em;
            margin-block-end: 0.67em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}
.container-c .content-c h2{
    font-size: 20px;
    font-weight: normal;
    -webkit-margin-before: 0.83em;
            margin-block-start: 0.83em;
    -webkit-margin-after: 0.83em;
            margin-block-end: 0.83em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
}


.container-c .mzdkfh{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}

.container-c .mzdkfh .mzddsdu{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.container-c .mzdkfh .mzddsdu .p-sdsgh{
    font-size: 16px;
    line-height: 24px;
    color: #f16b6b;
    font-weight: 700;
}

.container-c .mzdkfh .mzddsdu .p-sdfg{
    font-size: 14px;
    line-height: 20px;
    width: 60%;
    color: rgba(0,47,52,.36);
}

.container-c .mzdkfh .mzddsdu button {
    padding: 10px;
    font-size: 16px;
    width: 150px;
}

.ft-maince{
    font-size: 38px!important;
}

.ft-maince-b{
    font-size: 24px!important;
}

#search-modal .mzde33ul .popular-cat li img{
    width: 20px;
    height: 20px;
}

#search-modal .mzde33ul .ttl-pd{
    display: flex;
    align-items: center;
    height: 40px;
}

#search-modal .mzde33ul .ttl-pd span{
    color: rgba(0,47,52,.64);
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px;
}

#search-modal .mzde33ul .mzrerJrj{
    padding-top: 10px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgb(230, 230, 230);
}

#search-modal .mzde33ul .mzrerJrj .lds_DSd{
    display: flex;
    align-items: center;
    height: 48px;
    cursor: pointer;
    padding: 8px 8px 8px 5px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}

#search-modal .mzde33ul .mzrerJrj .lds_DSd:hover{
    background: rgb(247,248,249);
}

#search-modal .mzde33ul .mzrerJrj .lds_DSd .mze3ss-0{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#search-modal .mzde33ul .mzrerJrj .lds_DSd .lsd_loc0 svg{
    fill: #f16b6b;
    background-color: white;
}

#search-modal .mzde33ul .mzrerJrj .lds_DSd .mze3ss-0 span{
    color: #f16b6b;
}

.code-cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
}

.code-cont input{
    width: 20%;
}

.post-verify-d {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffdbdb;
    border-radius: 8px;
    gap: 5px;
}

.btn-danger {
    background-color: #ff1b1b!important;
}

.fts-ads-mzd{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ft-values-ads{
    width: 25%;
}

.mobile-foot-cntr{
    display: none;
}

.mobile-foot-contatainer{
    margin-top: 10px;
    padding-top: 10px;
}

.accordion{
    border-radius: 0px!important;
    --mdb-accordion-border-radius: 0rem;
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    background-color: #ff1b1b;
    color: #ffff;
    box-shadow: none;
}

.accordion-borderless .accordion-item .accordion-button {
    border-radius: 0px;
}

/*
.accordion-button:not(.collapsed):after {
   background-image: url('../arroww_expan.png');
   background-size: 38px;
   background-position: -7px;
   height: 30px;
   width: 30px;
}
*/

.accordion-header button {
    color: #002f34;
    font-size: .775rem;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    color: #002f34;
}

.accordion-body{
    background-color: #ff1b1b32;
}

.links-accordition-item{
    font-size: .9rem;
    line-height: 1.8;
}

.links-accordition-item li a{
    color: #000;
    font-weight: 400;
}

.accordion-item-out-item{
    padding: 13px;
}

.get-connected{
    font-size: .875rem;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-item.active .page-link {
    background-color: #ff4444!important;
    border-radius: 50px!important;
    box-shadow: none;
    height: 32px;
}

.socials-connects-dv{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.foot-mob-copyright-sect{
    border: 1px solid red;
    background-color: #ff1b1b;
    padding: 15px;
    font-size: 11px;
    text-align: center;
}

.text-muted{
    color: #4f4f4f;
}

.main-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

a[rel="prev"],a[rel="next"]{
    color: red!important;
}

/*Checkbox*/
.onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 11px; padding: 0; line-height: 11px;
    border: 0px solid #FFFFFF; border-radius: 19px;
    background-color: #9E9E9E;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 19px; margin: -4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 28px;
    border-radius: 19px;
    box-shadow: 0 6px 12px 0px #757575;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #42A5F5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #42A5F5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
    background-color: #2196F3;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 320px) {
    .pointer-download-qr{
        display: none;
    }
}

/* Extra small devices (phones, iphone 5s and down) */
@media only screen and (max-width: 370px) {

    .tlsd-infs-price{
        width: 35%!important;
    }

    .tlsd-infs{
        width: 50%;
    }

    .detaisl-p-bank-cont-end{
        flex-direction: column;
    }

    .qty-price-sm-content{
        flex-direction: column;
    }

    .ads-rej-ac-mobile .data-and-rem .rem-c .remove-option{
        left: 20%;
    }

    .image-pf{
        width: 35%;
    }

    .input-name{
        width: 65%;
        padding: 5px;
        padding-top: 20px;
    }

    .fl-fg{
        width: 60%;
    }

    .profile-container{
        width: 65px;
    }

    .seller-name{
        width: 60%;
    }

    .price-list-loading{
        background: rgb(241, 240, 240);
        width: 150px!important;
        height: 15px;
    }

    .title-list-loading{
        background: rgb(241, 240, 240);
        width: 120px!important;
        height: 15px;
        margin-top: 10px;
    }

    .brand-list-loading{
        background: rgb(241, 240, 240);
        width: 80px!important;
        height: 15px;
        margin-top: 15px;
    }

    .location-list-loading{
        background: rgb(241, 240, 240);
        width: 50px!important;
        height: 15px;
        margin-top: 15px;
    }

    .logo{
        width: 90px;
    }

    nav{
        padding: 5px!important;
    }

    select{
        width: 50px;
        display: none;
    }

    .search{
        width: 100px!important;
    }

    .sell-c{
        display: none;
    }
    .image-c{
        border-radius: 7px 7px 0px 0px;
        height: 150px!important;
    }
    .dropdown-c {
        left: 25px!important;
    }

    .p-ads .items{
        min-width: 120px!important;
    }

    .p-ads .items .card{
        height: 100%!important;
    }

    .p-ads .items .card .image-c{
        height: 90px!important;
    }

    .p-ads .items .card .price{
        font-size: 15px;
    }
}

@media only screen and (max-width: 435px) {
    .id_icons{
        height: 110px!important;
    }
}

/* Extra small devices (phones, 467px and down for item view) */
@media only screen and (max-width: 467px) {

    .btn-gflx-upload{
        width: 100%;
    }

    .tlsd-infs-price *{
        font-size: 14px!important;
    }

    .price-info-boost{
        flex-direction: column;
    }

    .bought-pks .transcont{
        flex-direction: column;
    }

    .filter-search-order .search-order{
        width: 100%;
    }

    .trans-sts{
        margin-top: 15px!important;
    }

    .trans-sts  .type-package-text span{
        width: 300px;
        display: inline-block;
    }

    .order-pay-result-cont{
        flex-direction: column;
    }

    .more-ddts-result-cont{
        width: 100%;
        margin-top: 10px;
    }

    .ads-rej-ac-mobile .data-and-rem .rem-c .remove-option{
        width: 90px!important;
    }

    .rui-2SwH7 section .post-cat-m{
        width: 100%;
        border-radius: 5px;
        margin: 0 auto;
        margin-bottom: 10px;

        border: none!important;
    }

    .seller-name{
        width: 60%;
    }

    .item-details{
        display: inline-block;
        width: 100%;
    }

    .coin-intd {
        flex-direction: column;
    }

    .coin-intd .coin-bscf {
        width: 100%;
        border-radius: 5px;
        border-right: 0px;
    }

    .coin-intd #price{
        width: 100%;
        margin-top: 4px;
        border-radius: 5px;
    }

    .items-slide-gallery .swiper-button-next, .items-slide-gallery .swiper-button-prev {
        background-color: rgb(1, 1, 1,0.4);
    }

    .image-c{
        height: 150px!important;
    }

    .id_icons{
        height: 130px;
    }

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


    .app-info-donwload-container{
        margin-top: 5px;
    }

    .max-cont-dow-cont{
        flex-direction: column;
        align-items: baseline;
    }

    .info-cont-app{
        width: 100%!important;
    }

    .post-tittle{
        font-size: 14px;
    }

    .ads-list-cont-inform .price{
        font-size: 15px;
    }

    .ft-values-ads{
        width: 50%;
    }

    .pay-with-bank,#order_details_add_cart,.pay-order-now{
        display: block;
        margin-left: 0px!important;
        margin-top: 15px;
        width: 100%;
    }

    .coin-intd .coin-bscf{
        padding-left: 0px;
        padding-right: 0px;
    }

    .ads-rej-ac-mobile .data-and-rem .rem-c .remove-option{
        width: 120px;
    }

    .not-found-c{
        text-align: center;
    }

    .rui-2SwH7 section .post-tb{
        width:100%;
        border: none!important;
        margin: 0px auto!important;
    }

    .email-l .email-ds{
        display: block;
        width: 100%;
    }

    .edit-p input,textarea{
        display: block;
        width: 100%;
    }

    .phone-l .fk-input{
        width: 70%;
    }

    .phone-l .phone-country-code{
        width: 30%;
    }

    .edit-p .capton-max{
        display: block;
        width: 100%;
    }

    .container-settings{
        margin: 10px!important;
        margin-top: 15px!important;
    }

    .container-item{
        margin: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .phone input{
        padding: 9.3px;
    }

    .phone .phone-country-code{
        padding: 9px;
    }

    .price-list-loading{
        background: rgb(241, 240, 240);
        width: 180px;
        height: 15px;
    }

    .title-list-loading{
        background: rgb(241, 240, 240);
        width: 200px;
        height: 15px;
        margin-top: 10px;
    }

    input,.megamenu, button{
        font-size: 12px;
    }

    .logo{
        width: 90px;
    }

    nav{
        padding: 5px!important;
        padding-left: 25px;
        padding-right: 25px;
    }

    .search{
        width: 140px;
    }

    .sell-c{
        display: none;
    }

    .publish{
        display: block;
    }

    .ads{
        border: none;
        padding: 5px;
    }

    .image-c{
        border-radius: 7px 7px 0px 0px;
        height: 200px;
    }

    .pf-arrow{
        display:none;
    }

    .p-ads .items{
        min-width: 190px!important;
    }

    .p-ads .items .card{
        height: 100%;
    }

    .p-ads .items .card .image-c{
        height: 100px;
    }

    .p-ads .items .card .price{
        font-size: 16px;
    }

    .pst-ads{
        font-size: 15px;
        color: #000
    }

    .b-c{
        display:block;
    }

    .ads-images-container{
        height: 350px!important;
        border-radius: 5px 5px 0px 0px;
    }

    .bg-banner{
        height: 150px!important;
    }

    .id_icons{
        height: 150px;
    }

}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 767px) {

    .promotion-slide-fallback{
        gap: 14px;
        padding: 18px 20px;
    }

    .promotion-slide-fallback::before{
        left: 12px;
        right: 12px;
        top: 12px;
        bottom: 12px;
        border-radius: 18px;
    }

    .promotion-slide-fallback__badge{
        padding: 5px 9px;
        font-size: 11px;
    }

    .promotion-slide-fallback__content h2{
        max-width: 230px;
        margin: 10px 0 6px;
        font-size: 21px;
        line-height: 1.08;
    }

    .promotion-slide-fallback__content p{
        max-width: 230px;
        font-size: 12px;
        line-height: 1.35;
    }

    .promotion-slide-fallback__chips{
        gap: 6px;
        margin-top: 10px;
    }

    .promotion-slide-fallback__chips span{
        padding: 5px 8px;
        font-size: 10px;
    }

    .promotion-slide-fallback__visual{
        min-width: 68px;
        width: 68px;
        height: 68px;
        border-radius: 20px;
    }

    .promotion-slide-fallback__mark{
        border-radius: 14px;
        border-width: 4px;
        font-size: 36px;
        height: 48px;
        width: 48px;
    }

    .image-ads-list-cont{
        width: 40%;
    }

    .ads-list-cont-inform{
        width: 60%;
    }

    .header-h4{
        font-size: 0.9rem;
    }

    .p-dnm-size{
        font-size: 13px;
    }

    .head-mzd-h{
        font-size: 16px!important;
    }

    .device-result{
        display: block;
    }

    .inner-sp-dv-search{
        display: flex;
    }
    
    .large-deivices{
        display:none;
    }

    .app-banner-img {
        display: flex;
        height: 100%;
        width: 50%;
        display: none;
    }

    .app-info-donwload-container{
        min-height: 120px;
        padding: 10px;
        margin-bottom: 30px;
    }

    .qr-codecont{
        display: none;
    }

    .app-banner-img img{
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }

    .ttl-app-info-small{
        font-weight: 400;
    }

    .app-info-donwload-container .info-cont-app .ttl-app-info{
        font-size: 18px;
    }

    .stores-download-cont .store-donwload{
        width: 100px;
    }
    
    .stores-download-cont .qrcode{
        width: 100px;
    }

    .text-scan{
        font-size: 12px;
        font-weight: 400;
    }

    .my-cart-padding {
        padding: 0px!important;
    }

    .order-feedback{
        flex-direction: column;
    }

    .div-feedback{
        width: 100%!important;
    }

    .rates-order{
        padding-left: 0px!important;
        padding-top: 10px;
        border: none!important;
    }

    .dts-fd-ord{
        flex-direction: column;
    }

    .removed-float{
        float: none!important;
    }

    .div-feedback{
        width: 70%;
    }

    .auto-width{
        width: 100%!important;
    }

    .tabs-container-orders{
        flex-direction: column;
    }

    .filter-search-order{
        padding-top: 10px;
    }

    .bought-product-specs{
        flex-direction: column;
    }
    .item-info-buttons{
        width: 100%!important;
        padding-top: 10px;
    }

    .order-overview-grid{
        grid-template-columns: 1fr;
    }

    .item-firt-cotn-spec{
        width: 100%;
    }

    .location{
        font-size: 12px;
    }

    .image-gallery .swiper-pagination-bullet {
        width: 35px!important;
        height: 35px!important;
    }

    .full-gallery .image-gallery .swiper-pagination-bullet {
        width: 40px!important;
        height: 40px!important;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 26px!important;
    }

    .login-bd-swipe .swiper-button-prev,.login-bd-swipe .swiper-button-next{
        display: none!important;
    }

    .image-gallery .slider-cont{
        height: 90%!important;
    }

    .full-screen-gallery  .image-gallery .slider-cont{
        height: 100%!important;
    }

    .search{
        width: 165px;
    }

    .cp-t{
        width: 80%;
    }

    .size{
        width: 50%!important;
        height: 240px;
    }

    .recharge-c{
        width: 85%;
    }

    .edit-mobile-devices{
        display: block;
    }

    .myads-mobile-devices{
        display: block;
    }

    .myads-large-devices{
        display: none;
    }

    .edit-large-devices{
        display: none;
    }

    .member-since{
        font-size: 10px;
    }

    .mobil-user-info{
        display: block;
    }

    .mobile-pf-c{
        display:none;
    }

    .mobile-device{
        display:none;
    }

    .call-and-message,.mycart-mob-continue{
        display: block;
    }

    .sc-cont{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .sc-cont a{
        padding: 15px;
        color: #000;
        font-weight: bold;
    }

    .related-item-mobile{
        display: block!important;
    }

    .related-item-mobile .p-ads .items{
        height: 250px!important
    }

    .related-ads{
        display: none;
    }

    .report-item{
        border: 1px solid rgb(226, 226, 226);
        border-radius: 5px;
        margin-top: 10px;
      }

    .mobile-price{
        display: block!important;
    }

    .price-container{
        display:none;
    }

    .ads-images-container{
        height: 350px;
        border-radius: 5px 5px 0px 0px;
    }

    .login-modal-content{
        height: auto !important;
        min-height: 100% !important;
        border-radius: 0 !important;
        background-color: white !important;
    }

    .phoneload,.emailload,.continue-with{
        display: flex;
        justify-content: center;
    }

    .login-modal{
        background: white;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width:none !important;
    }

    #location-view .modal-dialog-centered{
        display: block!important;
    }

    .megamenu{
        padding: 5px;
        padding-left: 30px;
        padding-right: 30px;
        display:none;
    }

    .mobile-menu{
        display: block;
    }

    nav{
        display: none;
    }

    .mzd-modules-nav-large{
        display: none;
    }

    .logo{
        width: 90px;
    }

    .post-cat-m{
        background-color: #fff;
    }

    .spscnr{
        padding-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    body{
        padding-top: 130px;
    }
}

@media only screen and (max-width: 782px) {
    .app-banner-img{
        display: none!important;
    }
    .info-cont-app{
        width: 100%!important;
    }
    .search{
        width: 150px!important;
    }
}

@media only screen and (max-width: 860px) {
    .dropdown-c-2{
        right: 240px!important;
    }

    .mzd-modules-nav .module-nav  .link-cont-module a{
        padding-right: 5px!important;
    }
}

@media only screen and (max-width: 867px) {
    .footer-hide-mob{
        display:  none;
    }

    .mobile-foot-cntr{
        display: block;
    }

    .mobile-foot-contatainer{
        margin-top: 0px;
        padding-top: 0px;
    }

    .app-info-donwload-container {
        padding-bottom: 0px!important;
    }

    .header-h3{
        font-size: 1rem;
    }

    .clsbgmzd{
        background-color: transparent!important;
    }
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 992px) {
    .mzd-modules-nav .content-module .module-nav{
        font-size: 12px;
    }

    .mzd-modules-nav .module-nav  .link-cont-module a{
        width: 100%;
        color: #fff;
        padding: 14px;
        padding-left: 5px;
    }
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 1167px) {

    .post-d-select,.post-input,.post-input input, .post-input textarea{
        width: 100%!important;
    }
    .price-post-l{
        width: 100%!important;
    }
    .upload-max-w{
        width: 100%!important;
    }
    .rui-2SwH7 section .post-tb{
        border-radius: 5px;
        margin: 25px auto;
    }
    .change-cat-li{
        float: right;
    }

    .mzd-modules-nav .content-module .module-nav{
        font-size: 14px;
    }

    .main-container{
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .user-ads .myAdsremove .remove-option{
        width: 100px;
    }

    .logo{
        width: 90px;
    }

    .search{
        width: 190px;
    }

    nav{
        padding: 5px!important;
        padding-left: 40px;
        padding-right: 40px;
    }

    .sell-c{
        display: none;
    }

    .ads{
        border: none;
        padding: 10px;
    }
    .image-c{
        border-radius: 7px 7px 0px 0px;
        height: 200px;
    }

    .p-ads .items{
        min-width: 200px!important;
    }

    .p-ads .items .card{
        height: 100%;
    }

    .p-ads .items .card .image-c{
        height: 120px;
    }

    .select-c{
        width:140px;
        display: inline-block;
        margin-left: 0px;
    }

    .value{
        margin: 0px!important;
    }

    .selected{
        padding-left:2px;
    }

    .select{
        width: 200px;
    }

    .view-s button{
        margin-left: 3px!important;
    }

    .s-page .ads .card .image-c{
        height: 150px!important;
    }

    .select-c{
        width: 145px
    }

    .select-c{
        width: 145px;
    }

    .rui-2SwH7 section .post-tb{
        width:90%;
    }

}

/* Medium devices (landscape tablets, 622px and down for dropdown) */
@media only screen and (min-width: 620px) {
    .select-c{
        width: 140px;
    }

    .select-c{
        width: 140px;
    }
}


/* Medium devices (landscape tablets, 640px and down for dropdown) */
@media only screen and (min-width: 640px) {

    .select-c{
        width: 160px;
    }

    .select-c{
        width: 160px;
    }
}

/* Medium devices (landscape tablets, 740px and down for dropdown) */
@media only screen and (min-width: 700px) {
    .select-c{
        width: 190px;
    }

    .select-c{
        width: 190px;
    }

    .user-ads .myAdsremove .remove-option{
        width: 120px;
    }

    .ads-rej-ac-mobile .data-and-rem .rem-c .remove-option{
        width: 185px;
    }
}

/* Medium devices (landscape tablets, 740px and down for dropdown) */
@media only screen and (min-width: 720px) {

    .select-c{
        width: 200px;
    }

    .select-c{
        width: 200px;
    }
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (min-width: 767px) {
    
    .select-location{
        width: 170px!important;
    }

    .dropdown-c {
        right: 30px!important;
    }

    .select-c{
        width: 205px;
    }

    .mobile-menu{
        display:none;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .mobile-pf-c{
        display:block;
    }

    .call-and-message, .mycart-mob-continue{
        display: none;
    }

    .related-item-mobile{
        display: none!important;
    }

    .logo{
        width: 90px;
    }

    .select-c{
        width: 135px;
    }

    .select-c{
        width: 135px;
    }

    .search{
        width: 175px;
    }

    .sell-c{
        display: block;
    }

    .image-c{
        border-radius: 7px 7px 0px 0px;
        height: 200px;
    }

    .dropdown-c {
        right: 185px!important;
    }

    .p-ads .items{
        min-width: 200px!important;
    }

    .p-ads .items .card{
        height: 100%;
    }

    .p-ads .items .card .image-c{
        height: 120px;
    }

    .selected{
        padding-left:5px;
    }

    .price-f input{
        width: 50px;
    }

    .view-s .v-btn{
        margin: 0px!important;
    }

    .not-login{
        width: 210px!important;
    }
    
    .item-pay-smf{
        margin-top: 1.5rem;
    }

}

/* Large devices (laptops/desktops, 860px and up) */
@media only screen and (min-width: 860px) {
    .dropdown-c-2{
        right: 240px!important;
    }

    .select-location{
        width: 200px!important;
    }

    .select-c{
        width: 165px;
    }
}

@media only screen and (min-width: 902px) {
    .dropdown-c-2{
        right: 250px!important;
    }

    .select-c{
        width: 180px;
        display: inline-block;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 958px) {
    .seller-name{
        width: 55%;
    }

    .select-c{
        width: 200px;
        display: inline-block;
        margin-left: 0px;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .dropdown-c-2{
        right: 270px!important;
    }

    .seller-name{
        width: 60%;
    }

    .logo{
        width: 90px;
    }

    .search{
        width: 250px;
    }

    .sell-c{
        display: block;
    }

    .p-ads .items{
        min-width: 200px!important;
        height: 280px!important;
    }

    .p-ads .items .card{
        height: 100%;
    }

    .p-ads .items .card .image-c{
        height: 150px;
    }

    .select-c{
        width: 180px;
        display: inline-block;
        margin-left: 7px;
    }

    .selected{
        padding-left:5px;
    }

    .price-f input{
        width: 65px;
    }

    .select{
        width: 180px;
    }

    .price-f input{
        width: 100px;
    }

    .not-login{
        width: 390px!important;
    }
}

/* Extra large devices (large laptops and desktops, 1050px and up) */
@media only screen and (min-width: 1050px) {
    /*
    .dropdown-c-2{
        right: 300px!important;
    }
    */
    .user-ads .myAdsremove .remove-option{
        width: 160px;
    }

    .select-c{
        width: 205px;
        display: inline-block;
        margin-left: 5px;
    }

    .select{
        width: 205px;
    }

}

/* Compact search filter sidebar */
.s-page .filter.large-deivices > .elem.border-bottom,
.s-page .filter.large-deivices > .price-f.border-bottom,
.s-page .filter.large-deivices .sh-prp-link > .border-bottom{
    margin-bottom: 12px;
    padding: 14px 14px !important;
    border-radius: 18px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045);
}

.s-page .filter.large-deivices .h1-mzd-search{
    margin-bottom: 10px !important;
    font-size: 11px;
    letter-spacing: 0.12em;
}

.s-page .filter.large-deivices .all-country,
.s-page .filter.large-deivices .all-country a{
    font-size: 15px;
}

.s-page .filter.large-deivices .more-cities,
.s-page .filter.large-deivices .more-category{
    margin-top: 4px;
}

.s-page .filter.large-deivices .more-cities li,
.s-page .filter.large-deivices .more-category li,
.s-page .filter.large-deivices .opt-parent-mzd{
    margin-bottom: 4px;
}

.s-page .filter.large-deivices .font-light-w,
.s-page .filter.large-deivices .opt-parent-mzd a{
    min-height: 34px;
    padding: 0 10px;
    border-radius: 12px;
    font-size: 15px;
}

.s-page .filter.large-deivices .genmzd-img-opt{
    width: 24px;
    height: 24px;
}

.s-page .filter.large-deivices .inpts-search-gen{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 48px;
    gap: 8px;
}

.s-page .filter.large-deivices .price-f input,
.s-page .filter.large-deivices .inpts-search-gen input,
.s-page .filter.large-deivices .price-f .price-c input{
    width: 100% !important;
    height: 46px;
    padding: 0 14px;
    border-radius: 14px;
    font-size: 14px;
}

.s-page .filter.large-deivices .price-f button,
.s-page .filter.large-deivices .inpts-search-gen button{
    width: 48px;
    min-width: 48px;
    height: 46px;
    border-radius: 14px;
    box-shadow: 0 10px 18px rgba(255, 27, 27, 0.16);
}

.s-page .filter.large-deivices .price-f button svg,
.s-page .filter.large-deivices .inpts-search-gen button svg{
    width: 24px;
    height: 24px;
}

.s-page .filter.large-deivices .form-check{
    gap: 10px;
    min-height: 0;
    padding: 8px 10px;
    border-radius: 12px;
}

.s-page .filter.large-deivices .form-check-input{
    width: 18px;
    height: 18px;
    border-radius: 6px;
}

.s-page .filter.large-deivices .form-check-label{
    font-size: 14px;
    line-height: 1.2;
}

.s-page .filter.large-deivices .sh-prp-link ul{
    gap: 6px;
}

.cont-searhcs-filtr.search-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px !important;
    padding: 14px 18px 16px !important;
    border: 1px solid #eef2f7 !important;
    border-bottom: 1px solid #eef2f7 !important;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.05);
}

.search-toolbar__summary{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 !important;
}

.search-toolbar__query{
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.search-toolbar__query .bold{
    color: #111827;
}

.search-toolbar__count{
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 12px !important;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff6c63 0%, #ff3a33 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 10px 18px rgba(255, 27, 27, 0.14);
}

.search-toolbar__controls{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
    margin-left: auto;
}

.search-toolbar__view{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    background: #fff;
}

.search-toolbar__label{
    font-size: 14px;
    font-weight: 700 !important;
    color: #111827;
    white-space: nowrap;
}

.cont-searhcs-filtr.search-toolbar .v-btn{
    margin: 0 !important;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.cont-searhcs-filtr.search-toolbar .v-btn svg{
    fill: #111827;
    background-color: transparent;
}

.cont-searhcs-filtr.search-toolbar .v-btn:hover{
    transform: translateY(-1px);
}

.cont-searhcs-filtr.search-toolbar .selected-v{
    background: #ffe5e2 !important;
    border-color: #ff9c96;
    color: #111827;
}

.cont-searhcs-filtr.search-toolbar .selected-v svg{
    fill: #111827;
}

.search-toolbar__sort.select-c{
    position: relative;
    width: auto;
    min-width: 320px;
    margin-left: 0;
    padding: 0;
    box-shadow: none;
    border: 1px solid #eef2f7;
    border-radius: 16px;
    background: #fff;
}

.search-toolbar__sort .selected{
    min-height: 52px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-toolbar__sort .sortby{
    color: #64748b;
    font-size: 13px;
}

.search-toolbar__sort .value{
    margin-left: 0 !important;
    flex: 1;
    min-width: 0;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-toolbar__sort .svg{
    margin-left: auto;
}

.search-toolbar__sort .select{
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
    border: 1px solid #eef2f7;
    border-radius: 16px;
}

.search-toolbar__sort .select .option-s .option{
    padding: 12px 16px;
}

.s-page .filter.large-deivices .search-filter-block--price,
.s-page .filter.large-deivices .search-filter-block--range,
.s-page .filter.large-deivices .search-filter-block--input{
    gap: 10px;
}

.s-page .filter.large-deivices .search-range-bar,
.s-page .filter.large-deivices .search-range-form{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 48px;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.s-page .filter.large-deivices .search-range-shell{
    width: 100%;
}

.s-page .filter.large-deivices .search-filter-block--input .search-range-bar{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.s-page .filter.large-deivices .search-range-bar input,
.s-page .filter.large-deivices .search-range-form input{
    width: 100% !important;
}

.s-page .filter.large-deivices .search-filter-options--checkbox{
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 6px;
}

.s-page .filter.large-deivices .search-filter-options--checkbox .opt-parent-mzd{
    margin: 0;
    display: flex;
}

.s-page .filter.large-deivices .search-filter-options--checkbox .form-check{
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 16px;
    gap: 14px;
    padding-left: 16px;
    border-radius: 999px;
    width: auto;
    max-width: 100%;
}

.s-page .filter.large-deivices .search-filter-options--checkbox .form-check-input{
    float: none;
    position: static;
    margin: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0;
}

.s-page .filter.large-deivices .search-filter-options--checkbox .form-check-label{
    font-weight: 700;
    padding-left: 0;
    margin: 0;
}

/* Extra large devices (large laptops and desktops, 1100px and up) */
@media only screen and (min-width: 1100px) {

    .select-c{
        width: 220px;
        display: inline-block;
        margin-left: 10px;
    }

    .selected{
        padding-left:10px;
    }

    .view-s .v-btn{
        margin: 0px!important;
    }

    .select{
        width: 220px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .dropdown-c-2{
        right: 220px!important;
    }

    .logo{
        width: 90px;
    }

    .search{
        width: 510px;
    }

    .sell-c{
        display: block;
    }

    .p-ads{
        display: flex;
        overflow-x: auto;
    }

    .p-ads .items{
        min-width: 240px;
        height: 240px;
        margin: 5px;
    }

    .select-c{
        width: 260px;
        display: inline-block;
        margin-left: 10px;
    }

    .select{
        width: 260px;
    }

    .not-login{
        width: 550px!important;
    }

    .select-location{
        width: 250px!important;
    }

}

/* Extra large devices (large laptops and desktops, 1285px and up) */
@media only screen and (min-width: 1296px) {

    .dropdown-c-2{
        right: 340px!important;
    }
    .select-c{
        width: 290px;
        display: inline-block;
        margin-left: 15px;
    }

    .select{
        width: 290px;
    }

    .view-s button{
        margin-left: 15px;
    }

    .not-login{
        width: 650px!important;
    }

    .seller-name{
        width: 70%;
    }
}

.swiper-container {
    height: 200px;
}

.sl-info{
    font-size: 14px;
    text-align: center;
    margin: 30px;
    font-weight:400;
}

.post-flow-page{
    padding: 24px 16px 48px;
}

.post-flow-shell{
    width: min(1520px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 18px;
}

.rui-2SwH7 .post-flow-shell .post-tb{
    width: 100%;
    margin: 0;
    border-radius: 24px;
}

.post-flow-intro,
.post-flow-browser,
.post-flow-summary,
.post-package-board,
.post-tb.card,
.post-flow-package-summary,
.post-flow-selected-plan{
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    background: #fff;
}

.post-flow-intro{
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.post-flow-intro h2,
.post-flow-browser__hero h3,
.post-package-board__header h3{
    margin: 8px 0 10px;
    font-size: clamp(1.55rem, 2vw, 2.1rem);
    line-height: 1.12;
    color: #111827;
    font-weight: 700;
}

.post-flow-intro p,
.post-flow-browser__hero p,
.post-package-board__header p,
.post-flow-section__help{
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.post-flow-kicker{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 27, 27, 0.08);
    color: #c91414;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.post-description-editor{
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.post-description-editor__toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #eef0f4;
    background: #fbfcfd;
}

.post-description-editor__actions{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border: 1px solid #e7ebf0;
    border-radius: 10px;
    background: #fff;
}

.post-description-editor__toolbar button,
.post-description-editor__toolbar select{
    height: 34px;
    border: 1px solid transparent;
    background: #fff;
    color: #344054;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    outline: none;
}

.post-description-editor__toolbar button{
    width: 34px;
    padding: 0;
}

.post-description-editor__toolbar select{
    width: auto;
    max-width: 260px;
    padding: 0 34px 0 12px;
    font-weight: 700;
    border-color: #e7ebf0;
}

.post-description-editor__toolbar button:hover,
.post-description-editor__toolbar select:hover{
    border-color: rgba(180, 35, 24, 0.28);
    color: #b42318;
}

.post-description-editor__toolbar button:focus,
.post-description-editor__toolbar select:focus{
    border-color: rgba(180, 35, 24, 0.36);
    box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.08);
}

.post-description-editor textarea{
    border: 0 !important;
    border-radius: 0;
    min-height: 190px;
    line-height: 1.55;
    resize: vertical;
}

.post-flow-selected-plan{
    padding: 20px 24px;
}

.post-flow-selected-plan__header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.post-flow-selected-plan__header span{
    display: block;
    margin-bottom: 4px;
    color: #b42318;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.post-flow-selected-plan__header h3{
    margin: 0;
    color: #111827;
    font-size: 1.25rem;
    font-weight: 800;
}

.post-flow-selected-plan__header strong{
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 10px;
    background: #f8fafc;
    color: #111827;
    font-weight: 800;
}

.post-flow-selected-plan__benefits{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.post-flow-selected-plan__benefits span{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid #e7ebf0;
    border-radius: 999px;
    background: #fff;
    color: #667085;
    font-size: 13px;
    font-weight: 700;
}

.post-flow-intro__meta{
    min-width: 190px;
    display: grid;
    gap: 12px;
}

.post-flow-stat{
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
    border: 1px solid rgba(255, 27, 27, 0.1);
}

.post-flow-stat strong{
    display: block;
    font-size: 1.45rem;
    line-height: 1;
    color: #111827;
}

.post-flow-stat span{
    display: block;
    margin-top: 8px;
    color: #6b7280;
    font-size: .95rem;
}

.post-flow-browser{
    padding: 22px;
    display: grid;
    gap: 16px;
}

.post-flow-browser__header,
.post-flow-browser__hero{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.post-flow-back-btn,
.post-flow-breadcrumb,
.post-flow-root-item,
.post-flow-card,
.post-package-card{
    transition: .18s ease;
}

.post-flow-back-btn{
    border: 0;
    background: #fff1f1;
    color: #b42318;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 600;
}

.post-flow-back-btn:hover,
.post-flow-breadcrumb:hover,
.post-flow-root-item:hover{
    transform: translateY(-1px);
}

.post-flow-breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.post-flow-breadcrumb{
    border: 1px solid #eadede;
    background: #fff;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: .9rem;
    color: #4b5563;
}

.post-flow-breadcrumb.is-active{
    border-color: rgba(255, 27, 27, 0.25);
    background: #ffefef;
    color: #b42318;
}

.post-flow-all-btn{
    min-width: 180px;
    border-radius: 14px;
    padding: 13px 20px;
    font-weight: 700;
    box-shadow: 0 14px 26px rgba(255, 27, 27, 0.18);
}

.post-flow-browser__content{
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.post-flow-root-list{
    border-right: 1px solid #eef0f3;
    padding-right: 18px;
}

.post-flow-root-list__label,
.post-flow-current-note{
    color: #98a2b3;
    font-size: .9rem;
    font-weight: 600;
}

.post-flow-root-list__items{
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.post-flow-root-item{
    border: 1px solid #eceef2;
    background: #fff;
    border-radius: 18px;
    padding: 14px 16px;
    text-align: left;
}

.post-flow-root-item span,
.post-flow-root-item small{
    display: block;
}

.post-flow-root-item span{
    color: #111827;
    font-weight: 700;
    font-size: .98rem;
}

.post-flow-root-item small{
    margin-top: 6px;
    color: #6b7280;
    font-size: .82rem;
}

.post-flow-root-item.is-active{
    border-color: rgba(255, 27, 27, 0.22);
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
    box-shadow: 0 10px 26px rgba(255, 27, 27, 0.09);
}

.post-flow-levels{
    display: grid;
    gap: 12px;
    align-content: start;
}

.post-flow-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    align-content: start;
}

.post-flow-card{
    border: 1px solid #eceef2;
    background: #fff;
    border-radius: 22px;
    padding: 16px;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    text-align: left;
}

.post-flow-card:hover,
.post-package-card:hover{
    border-color: rgba(255, 27, 27, 0.2);
    box-shadow: 0 18px 34px rgba(17, 24, 39, 0.08);
    transform: translateY(-2px);
}

.post-flow-card__media{
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-flow-card__media img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.post-flow-card__placeholder{
    font-size: 1.35rem;
    font-weight: 800;
    color: #b42318;
}

.post-flow-card__body strong{
    display: block;
    color: #111827;
    font-size: 1rem;
    line-height: 1.35;
}

.post-flow-card__body p,
.post-flow-card__meta{
    margin: 6px 0 0;
    color: #6b7280;
    font-size: .88rem;
}

.post-flow-card__action{
    grid-column: 2;
    margin-top: 4px;
    color: #b42318;
    font-weight: 700;
    font-size: .9rem;
}

.post-flow-empty{
    border: 1px dashed #f2c6c6;
    background: #fff8f8;
    border-radius: 20px;
    padding: 22px;
}

.post-flow-empty__title{
    color: #111827;
    font-weight: 700;
    margin-bottom: 6px;
}

.post-flow-summary,
.post-package-board{
    padding: 22px;
}

.post-flow-package-summary{
    padding: 22px;
    display: grid;
    gap: 16px;
}

.post-flow-package-summary__header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.post-flow-package-summary__name{
    margin-top: 10px;
    color: #111827;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
}

.post-flow-package-summary__price{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.post-flow-package-summary__features{
    display: grid;
    gap: 10px;
}

.post-flow-package-summary__feature{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #475467;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.45;
}

.post-flow-package-summary__feature svg{
    flex: 0 0 auto;
}

.post-flow-actions{
    display: grid;
    gap: 14px;
}

.post-flow-summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.post-flow-summary__label{
    display: block;
    color: #98a2b3;
    font-size: .85rem;
    margin-bottom: 5px;
}

.post-flow-summary__content strong,
.post-flow-form-path{
    color: #111827;
    font-weight: 700;
    line-height: 1.5;
}

.post-flow-summary__link{
    color: #b42318;
    font-weight: 700;
}

.post-flow-inline-context{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-top: 14px;
}

.post-flow-inline-context__label{
    color: #98a2b3;
    font-size: .86rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.post-flow-inline-context strong{
    color: #111827;
    font-weight: 700;
    line-height: 1.45;
}

.post-package-board__header{
    margin-bottom: 18px;
}

.post-package-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.post-package-card{
    position: relative;
    border: 1px solid #eceef2;
    background: #fff;
    border-radius: 22px;
    padding: 18px;
    display: grid;
    align-content: start;
    align-items: start;
    gap: 12px;
    text-align: left;
}

.post-package-card.is-subscription{
    background: linear-gradient(180deg, #fff6f6 0%, #fff 100%);
}

.post-package-card.is-locked{
    opacity: .84;
}

.post-package-card.is-selected{
    border-color: rgba(255, 27, 27, 0.32);
    box-shadow: 0 18px 36px rgba(255, 27, 27, 0.12);
}

.post-package-card.is-pending::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 22px;
    border: 2px solid rgba(255, 27, 27, 0.18);
}

.post-package-card__status{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    align-self: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.post-package-card__status.is-active,
.post-package-card__status.is-ready{
    background: #ecfdf3;
    color: #027a48;
}

.post-package-card__status.is-locked{
    background: #fff4ed;
    color: #c4320a;
}

.post-package-card h4{
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 700;
}

.post-package-card__price{
    color: #111827;
    font-size: 1.4rem;
    font-weight: 800;
}

.post-package-card__features{
    margin: 0;
    padding-left: 18px;
    color: #667085;
    display: grid;
    gap: 6px;
}

.post-package-card__cta{
    margin-top: 4px;
    color: #b42318;
    font-weight: 700;
}

.post-package-footer{
    margin-top: 16px;
}

.post-flow-form-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.post-flow-form-path{
    margin-top: 10px;
    font-size: .95rem;
}

.post-flow-section{
    position: relative;
}

.post-flow-inline-status{
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #475467;
    font-size: .92rem;
}

.post-flow-inline-status.is-info{
    background: #f5f8ff;
    border-color: #dbe6ff;
    color: #1849a9;
}

.post-flow-inline-status.is-warning{
    background: #fff7ed;
    border-color: #fed7aa;
    color: #b54708;
}

.post-flow-inline-status.is-error{
    background: #fff1f1;
    border-color: #fecaca;
    color: #b42318;
}

.post-flow-inline-status.is-success{
    background: #ecfdf3;
    border-color: #abefc6;
    color: #027a48;
}

.post-flow-counter{
    color: #98a2b3;
    font-size: .82rem;
}

.post-flow-clear-btn{
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b42318;
    font-weight: 700;
    font-size: .88rem;
}

.post-flow-modal__subtitle{
    margin-top: 4px;
    color: #98a2b3;
    font-size: .88rem;
    line-height: 1.45;
}

.post-flow-modal__title{
    color: #101828;
    font-size: 1.65rem;
    line-height: 1.1;
    font-weight: 800;
}

.post-flow-modal__title--center{
    flex: 1;
    margin: 0 10px;
    text-align: center;
}

.post-flow-modal__subtitle--center{
    flex: 1;
    margin: 0 10px;
    text-align: center;
}

.post-flow-modal__subtitle--stacked{
    margin: 8px 0 0;
}

.post-flow-search-meta{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #98a2b3;
    font-size: .82rem;
}

.street-search-feedback.is-error{
    color: #b42318;
    font-weight: 600;
}

.street-search-feedback.is-warning{
    color: #b54708;
    font-weight: 600;
}

.street-search-feedback.is-info,
.street-search-feedback.is-neutral{
    color: #667085;
    font-weight: 500;
}

.post-flow-chip{
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff1f1;
    color: #b42318;
    font-size: .78rem;
    font-weight: 700;
}

.inpt-street-selection{
    min-height: 50px;
    padding: 0 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.inpt-street-selection:hover{
    border-color: #f4b0b0;
}

.contetn-mzdmodal{
    max-width: 620px;
}

.post-flow-modal--location{
    border: 1px solid #eef0f3;
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.post-flow-modal--location .modal-body{
    display: block !important;
    padding: 0 28px 28px;
}

.post-flow-modal--location .close-smd{
    align-items: flex-start;
    gap: 18px;
    padding: 28px 28px 0;
}

.post-flow-modal--location .content-sh-md{
    width: 100%;
}

.post-flow-modal--location .content-loaderssf{
    display: block;
    width: 100%;
    min-height: 0;
}

.post-flow-picker-search{
    margin-top: 22px;
}

.post-flow-modal--location .selector_search_motors{
    min-height: 62px;
    border-radius: 18px;
    border: 1px solid #e4e7ec;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.post-flow-modal--location .selector_search_motors:focus-within{
    border-color: rgba(255, 27, 27, 0.35);
    box-shadow: 0 0 0 4px rgba(255, 27, 27, 0.08);
}

.post-flow-modal--location .selector_search_motors input{
    font-size: 1rem;
    color: #101828;
}

.post-flow-modal--location .streets-list{
    display: grid;
    gap: 12px;
    width: 100%;
    height: auto;
    align-content: start;
}

.post-flow-picker-results{
    max-height: 390px;
    overflow-y: auto;
    padding-right: 4px;
}

.post-flow-modal--location .item-street-cty{
    border: 1px solid #eef0f3;
    border-radius: 18px;
    padding: 16px 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.post-flow-modal--location .item-street-cty:hover{
    border-color: #f2caca;
    box-shadow: 0 14px 32px rgba(17, 24, 39, 0.07);
}

.post-flow-modal--location .post-flow-picker-card{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    text-align: left;
    cursor: pointer;
}

.post-flow-modal--location .post-flow-picker-card__copy{
    min-width: 0;
    flex: 1;
}

.post-flow-modal--location .ttllskk-street{
    font-size: 1rem;
    font-weight: 800;
    color: #111827;
}

.post-flow-modal--location .post-flow-picker-card__meta{
    margin-top: 5px;
    color: #667085;
    font-size: .9rem;
    line-height: 1.45;
}

.post-flow-modal--location .post-flow-picker-card__action{
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #b42318;
    font-size: .82rem;
    font-weight: 800;
}

.post-flow-modal--location .post-flow-picker-empty{
    padding: 18px 20px;
    border: 1px dashed #e4e7ec;
    border-radius: 18px;
    background: #fcfcfd;
}

.post-flow-modal--location .post-flow-picker-empty.is-warning{
    border-color: #f7d8a5;
    background: #fffaf0;
}

.post-flow-modal--location .post-flow-picker-empty.is-error{
    border-color: #f5c2c7;
    background: #fff5f5;
}

.post-flow-modal--location .post-flow-picker-empty__title{
    color: #111827;
    font-size: .98rem;
    font-weight: 800;
}

.post-flow-modal--location .post-flow-picker-empty__text{
    margin-top: 6px;
    color: #667085;
    font-size: .9rem;
    line-height: 1.55;
}

.post-flow-manual-select{
    margin-top: 6px;
}

.post-flow-manual-select .btn{
    min-height: 48px;
    border-radius: 16px;
    font-weight: 700;
}

.add-p-c{
    position: relative;
    overflow: hidden;
}

.add-p-c.is-filled > div:first-child{
    opacity: 0;
    pointer-events: none;
}

.post-flow-upload-progress{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 6px 8px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.74);
    color: #fff;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
}

.post-flow-image-remove{
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.84);
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.post-flow-image-badge{
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    padding: 6px 10px;
    border-radius: 999px;
    background: #ff1b1b;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.post-flow-primary-action{
    min-height: 54px;
    align-self: flex-end;
    min-width: 220px;
    padding: 0 24px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff1b1b 0%, #d92d20 100%);
    box-shadow: 0 18px 34px rgba(217, 45, 32, 0.22);
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.post-flow-primary-action:hover,
.post-flow-primary-action:focus{
    background: linear-gradient(135deg, #ff2d2d 0%, #b42318 100%);
    box-shadow: 0 20px 36px rgba(180, 35, 24, 0.24);
    color: #fff;
}

.post-flow-primary-action:disabled{
    opacity: .88;
    box-shadow: none;
}

#postAd.is-loading,
#postAdUdpdate.is-loading{
    opacity: .8;
    cursor: wait;
}

@media only screen and (max-width: 991px){
    .post-flow-intro,
    .post-flow-browser__header,
    .post-flow-browser__hero,
    .post-flow-summary,
    .post-flow-form-header{
        flex-direction: column;
        align-items: stretch;
    }

    .post-flow-browser__content{
        grid-template-columns: 1fr;
    }

    .post-flow-root-list{
        border-right: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px){
    .post-flow-page{
        padding: 16px 10px 36px;
    }

    .post-flow-intro,
    .post-flow-browser,
    .post-flow-summary,
    .post-package-board{
        padding: 18px;
        border-radius: 20px;
    }

    .post-flow-grid,
    .post-package-grid{
        grid-template-columns: 1fr;
    }

    .post-flow-inline-context{
        align-items: flex-start;
        gap: 8px 12px;
    }

    .post-flow-primary-action{
        width: 100%;
        min-width: 0;
    }

    .post-flow-package-summary__header{
        flex-direction: column;
        align-items: stretch;
    }

    .post-flow-package-summary__price{
        justify-content: flex-start;
    }

    .post-flow-card{
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .post-flow-card__media{
        width: 52px;
        height: 52px;
    }

    .contetn-mzdmodal{
        max-width: calc(100vw - 20px);
        margin: 0 auto;
    }

    .post-flow-modal--location .modal-body{
        padding: 0 16px 18px;
    }

    .post-flow-modal--location .close-smd{
        padding: 18px 16px 0;
    }

    .post-flow-modal__title{
        font-size: 1.35rem;
    }

    .post-flow-picker-results{
        max-height: 320px;
    }

    .post-flow-picker-card{
        padding: 14px 15px;
        gap: 12px;
    }
}

.job-location-fields{
    border: 1px solid #ffe1e1;
    border-radius: 22px;
    padding: 18px;
    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 72%);
}

.job-location-fields__header{
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.job-location-fields__header span{
    display: block;
    color: #b42318;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.job-location-fields__header strong{
    display: block;
    color: #111827;
    font-size: .98rem;
    line-height: 1.35;
    margin-top: 4px;
}

.job-location-fields__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.job-location-fields select{
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
    color: #111827;
    font-weight: 700;
    min-height: 54px;
    padding: 0 14px;
}

.job-location-fields select:focus{
    border-color: #ff1b1b;
    box-shadow: 0 0 0 4px rgba(255, 27, 27, .08);
    outline: none;
}

.job-location-fields__note{
    margin: 12px 0 0;
    color: #667085;
    font-weight: 700;
    line-height: 1.45;
}

.edit-profile-card-header,
.edit-profile-section-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.edit-profile-view-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 2px solid #111827;
    border-radius: 8px;
    color: #111827;
    background: #fff;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.edit-profile-view-button:hover{
    color: #fff;
    background: #111827;
    text-decoration: none;
}

.profile-menu-link-with-badge{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.profile-menu-link-with-badge > span{
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.profile-menu-count-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: #e9302a;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.applications-page{
    background: #f6f7f9;
    min-height: 70vh;
    padding: 34px 0 56px;
}

.applications-shell{
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
}

.applications-hero,
.applications-filter-panel,
.applications-list-panel{
    border: 1px solid #e6e8ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(17, 24, 39, .05);
}

.applications-hero{
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 30px 34px;
}

.applications-eyebrow{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #fff2f1;
    color: #b42318;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.applications-hero h1{
    margin: 16px 0 8px;
    color: #111827;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: 0;
}

.applications-hero p,
.applications-filter-panel__header p,
.applications-list-panel__header p,
.applications-muted,
.applications-empty p{
    margin: 0;
    color: #667085;
    font-weight: 700;
    line-height: 1.45;
}

.applications-hero__actions{
    display: flex;
    align-items: flex-start;
}

.applications-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border-radius: 8px;
    padding: 0 18px;
    border: 1px solid transparent;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.applications-button svg{
    width: 19px;
    height: 19px;
    fill: currentColor;
    flex: 0 0 auto;
}

.applications-button:hover{
    text-decoration: none;
}

.applications-button--primary{
    background: #e9302a;
    color: #fff;
    box-shadow: 0 10px 22px rgba(233, 48, 42, .22);
}

.applications-button--primary:hover{
    color: #fff;
    background: #cc2722;
}

.applications-button--light,
.applications-button--ghost,
.applications-button--outline{
    background: #fff;
    color: #111827;
    border-color: #d9dee8;
}

.applications-button--light:hover,
.applications-button--ghost:hover,
.applications-button--outline:hover{
    color: #111827;
    border-color: #111827;
}

.applications-metrics{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
}

.applications-metric{
    min-height: 112px;
    padding: 20px;
    border: 1px solid #e6e8ee;
    border-radius: 8px;
    background: #fff;
}

.applications-metric span{
    display: block;
    color: #667085;
    font-weight: 800;
}

.applications-metric strong{
    display: block;
    margin-top: 10px;
    color: #111827;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

.applications-metric--accent{
    border-color: rgba(233, 48, 42, .3);
    background: #fff8f7;
}

.applications-filter-panel{
    padding: 24px;
    margin-bottom: 18px;
}

.applications-filter-panel__header,
.applications-list-panel__header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.applications-filter-panel h2,
.applications-list-panel__header h2{
    margin: 0 0 6px;
    color: #111827;
    font-size: 22px;
    font-weight: 900;
}

.applications-filter-grid{
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(200px, 1.1fr) minmax(160px, .8fr) minmax(150px, .7fr) minmax(150px, .7fr) auto;
    gap: 14px;
    align-items: end;
}

.applications-filter-grid label,
.applications-card__actions label{
    display: block;
    margin: 0;
    color: #344054;
    font-weight: 900;
}

.applications-filter-grid label span,
.applications-card__actions label{
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
}

.applications-filter-grid input,
.applications-filter-grid select,
.applications-card__actions select{
    width: 100%;
    min-height: 46px;
    border: 1px solid #d9dee8;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-weight: 800;
    padding: 0 12px;
}

.applications-filter-grid input:focus,
.applications-filter-grid select:focus,
.applications-card__actions select:focus{
    outline: none;
    border-color: #e9302a;
    box-shadow: 0 0 0 4px rgba(233, 48, 42, .08);
}

.applications-list-panel{
    padding: 24px;
}

.applications-card{
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 1fr) minmax(240px, .75fr);
    gap: 22px;
    padding: 22px 0;
    border-top: 1px solid #edf0f5;
}

.applications-list-panel__header + .applications-card{
    border-top: 0;
    padding-top: 0;
}

.applications-card__identity{
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 14px;
    min-width: 0;
}

.applications-avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    font-weight: 900;
}

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

.applications-card h3{
    margin: 0;
    color: #111827;
    font-size: 20px;
    font-weight: 900;
}

.applications-status{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.applications-status--new{
    background: #fff2f1;
    color: #b42318;
}

.applications-status--reviewed{
    background: #eef4ff;
    color: #3538cd;
}

.applications-status--shortlisted{
    background: #ecfdf3;
    color: #027a48;
}

.applications-status--rejected{
    background: #f2f4f7;
    color: #475467;
}

.applications-status--hired{
    background: #e7f8ef;
    color: #05603a;
}

.applications-dot{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 8px 2px;
    border-radius: 50%;
    background: #c8ced8;
}

.applications-contact-row{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.applications-contact-row span,
.applications-file-note,
.applications-source{
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    background: #f6f7f9;
    color: #475467;
    font-size: 13px;
    font-weight: 800;
}

.applications-card__listing span{
    display: block;
    color: #667085;
    font-size: 13px;
    font-weight: 900;
}

.applications-card__listing strong{
    display: block;
    margin: 5px 0 10px;
    color: #111827;
    font-size: 17px;
    font-weight: 900;
}

.applications-card__listing p{
    margin: 0;
    color: #475467;
    font-weight: 700;
    line-height: 1.5;
}

.applications-card__actions{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.applications-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    border-top: 1px solid #edf0f5;
    text-align: center;
}

.applications-empty__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 8px;
    background: #fff2f1;
    color: #e9302a;
}

.applications-empty__icon svg{
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.applications-empty h3{
    margin: 16px 0 8px;
    color: #111827;
    font-weight: 900;
}

@media only screen and (max-width: 767px){
    .edit-profile-section-title{
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 16px;
    }

    .edit-profile-view-button{
        width: 100%;
    }

    .job-location-fields{
        padding: 14px;
        border-radius: 18px;
    }

    .job-location-fields__grid{
        grid-template-columns: 1fr;
    }

    .applications-page{
        padding: 18px 0 34px;
    }

    .applications-shell{
        width: calc(100% - 24px);
    }

    .applications-hero,
    .applications-filter-panel__header,
    .applications-list-panel__header{
        flex-direction: column;
    }

    .applications-hero,
    .applications-filter-panel,
    .applications-list-panel{
        padding: 18px;
    }

    .applications-hero h1{
        font-size: 30px;
    }

    .applications-metrics,
    .applications-filter-grid,
    .applications-card{
        grid-template-columns: 1fr;
    }

    .applications-button,
    .applications-hero__actions{
        width: 100%;
    }

    .applications-card__identity{
        grid-template-columns: 48px 1fr;
    }

    .applications-avatar{
        width: 48px;
        height: 48px;
    }

    .checkout-hero,
    .orders-page-header,
    .orders-toolbar,
    .orders-details-more,
    .order-dtls-inf,
    .order-overview-grid{
        display: grid;
        grid-template-columns: 1fr;
    }

    .checkout-hero,
    .orders-page-header{
        padding: 20px;
    }

    .checkout-hero h1,
    .orders-page-header h1{
        font-size: 28px;
    }

    .checkout-card{
        padding: 18px !important;
    }

    .checkout-card__header{
        flex-direction: column;
    }

    .checkout-link-button,
    .orders-header-action{
        width: 100%;
    }

    .checkout-summary-card{
        position: static;
    }

    .orders-toolbar{
        gap: 14px;
    }

    .filter-tabs-orders{
        overflow-x: auto;
    }

    .filter-search-order,
    .filter-search-order .search-order{
        width: 100%;
    }

    .payment-result-card .order-result-scont,
    .detaisl-p-bank-cont-end,
    .detaisl-p-bank-cont{
        display: grid;
        grid-template-columns: 1fr;
    }

    .payment-result-card .pay-tttl-result{
        font-size: 22px;
    }
}

@media only screen and (max-width: 1250px){
    .cont-submzd{
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* Compact promote ads selector */
.promote-ads-page .promote-ads-hero-compact{
    display:grid;
    grid-template-columns:minmax(280px, .9fr) minmax(420px, 1.1fr);
    align-items:center;
    gap:22px;
    padding:20px 22px;
}

.promote-ads-page .promote-ads-heading h1{
    margin:10px 0 6px;
    font-size:28px;
    line-height:1.08;
}

.promote-ads-page .promote-ads-heading p{
    max-width:560px;
    font-size:14px;
    line-height:1.45;
}

.promote-ads-tools{
    display:grid;
    gap:12px;
}

.promote-ad-search{
    padding:14px;
    border:1px solid #e8edf3;
    border-radius:16px;
    background:#f8fafc;
}

.promote-ad-search label{
    display:block;
    margin-bottom:8px;
    color:#667085;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.promote-ad-search div{
    display:flex;
    align-items:center;
    gap:8px;
}

.promote-ad-search input{
    min-width:0;
    flex:1;
    height:44px;
    padding:0 14px;
    border:1px solid #d8dee8;
    border-radius:12px;
    background:#fff;
    color:#111827;
    font-weight:700;
}

.promote-ad-search button,
.promote-ad-search a{
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    border-radius:12px;
    font-weight:900;
}

.promote-ad-search button{
    border:0;
    background:#ef3b32;
    color:#fff;
}

.promote-ad-search a{
    color:#667085;
    background:#fff;
    border:1px solid #e8edf3;
}

.promote-stat-strip{
    display:grid;
    grid-template-columns:1.4fr .8fr .8fr;
    gap:10px;
}

.promote-stat-strip div{
    min-height:68px;
    padding:12px 14px;
    border:1px solid #e8edf3;
    border-radius:14px;
    background:#fff;
}

.promote-stat-strip span{
    display:block;
    color:#667085;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.promote-stat-strip strong{
    display:block;
    margin-top:6px;
    color:#111827;
    font-size:20px;
    line-height:1.1;
    font-weight:950;
}

.promote-ads-page .promote-ad-grid{
    margin-top:16px;
}

@media only screen and (max-width: 992px){
    .promote-ads-page .promote-ads-hero-compact{
        grid-template-columns:1fr;
    }
}

@media only screen and (max-width: 640px){
    .promote-ads-page .promote-ads-hero-compact{
        padding:16px 14px;
    }

    .promote-ads-page .promote-ads-heading h1{
        font-size:24px;
    }

    .promote-stat-strip{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .promote-stat-strip .is-balance{
        grid-column:1 / -1;
    }

    .promote-stat-strip div{
        min-height:0;
        padding:10px 12px;
        border-radius:8px;
    }

    .promote-stat-strip strong{
        margin-top:4px;
        font-size:18px;
    }

    .promote-ad-search div{
        gap:6px;
    }

    .promote-ad-search{
        padding:10px;
        border-radius:8px;
    }

    .promote-ad-search input{
        height:42px;
        padding:0 10px;
    }

    .promote-ad-search button{
        flex:0 0 auto;
        height:42px;
        padding:0 12px;
    }

    .promote-ad-search a{
        height:42px;
        padding:0 10px;
    }
}

.video-boost-next-step{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    max-width:280px;
    margin:12px auto 6px;
    padding:14px;
    border:1px solid #d8efe0;
    border-radius:14px;
    background:#f4fbf6;
    text-align:left;
}

.video-boost-next-step span{
    color:#2f7d46;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.video-boost-next-step strong{
    color:#111827;
    font-size:15px;
    line-height:1.2;
    font-weight:950;
}

.video-boost-next-step p{
    margin:0;
    color:#667085;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
}

.video-boost-next-step a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    margin-top:4px;
    padding:10px 12px;
    border-radius:12px;
    background:#ef3b32;
    color:#fff !important;
    font-size:13px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 10px 20px rgba(239,59,50,.18);
}

.bought-package-image-fallback{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:110px;
    border-radius:10px;
    background:#fff4f2;
    color:#b42318;
    font-size:42px;
    font-weight:950;
}

.edit-video-upgrade-notice{
    margin:20px 24px 0;
    padding:16px 18px;
    border:1px solid #ffd7d3;
    border-radius:16px;
    background:linear-gradient(135deg,#fff7f6 0%,#ffffff 100%);
}

.edit-video-upgrade-notice span{
    display:inline-flex;
    margin-bottom:6px;
    color:#b42318;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.edit-video-upgrade-notice strong{
    display:block;
    color:#111827;
    font-size:20px;
    line-height:1.2;
    font-weight:950;
}

.edit-video-upgrade-notice p{
    margin:6px 0 0;
    color:#667085;
    font-size:14px;
    font-weight:800;
}

.edit-video-upgrade-notice.is-warning{
    border-color:#f0dcc0;
    background:#fffcf7;
}

.edit-video-upgrade-notice.is-warning span{
    color:#9a6700;
}

.edit-video-panel{
    display:grid;
    grid-template-columns:1fr minmax(260px, 520px);
    gap:18px;
    align-items:center;
    margin:16px 24px 0;
    padding:18px;
    border:1px solid #e8edf3;
    border-radius:16px;
    background:#fff;
}

.edit-video-panel span{
    display:inline-flex;
    margin-bottom:6px;
    color:#b42318;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.edit-video-panel strong{
    display:block;
    color:#111827;
    font-size:18px;
    line-height:1.2;
    font-weight:950;
}

.edit-video-panel p{
    margin:6px 0 0;
    color:#667085;
    font-size:13px;
    line-height:1.45;
    font-weight:800;
}

.edit-video-panel input{
    min-height:52px;
    border-radius:12px;
}

.edit-video-uploader{
    overflow:hidden;
    padding:12px;
    border:1px solid #e8edf3;
    border-radius:12px;
    background:#f8fafc;
}

.edit-video-preview{
    display:block;
    width:100%;
    max-height:260px;
    border-radius:8px;
    background:#111827;
}

.edit-video-empty{
    display:flex;
    min-height:130px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px dashed #cbd5e1;
    border-radius:8px;
    color:#667085;
    background:#fff;
}

.edit-video-empty strong{
    color:#667085;
    font-size:14px;
}

.edit-video-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
}

.edit-video-actions .btn{
    min-height:42px;
    padding:10px 16px;
    border-radius:8px;
    font-weight:850;
}

.edit-video-feedback{
    margin-top:10px !important;
    font-size:12px !important;
}

.edit-video-feedback.is-loading{
    color:#1d4ed8;
}

.edit-video-feedback.is-success{
    color:#16803c;
}

.edit-video-feedback.is-error{
    color:#b42318;
}

@media only screen and (max-width: 768px){
    .edit-video-panel{
        grid-template-columns:1fr;
        margin:16px 14px 0;
    }

    .edit-video-actions{
        flex-direction:column;
        align-items:stretch;
    }
}


*, :after, :before {
    box-sizing: border-box;
}

.header-nav{
    background-color: #f7f8f9;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    height: 75px;
    display: flex;
    justify-content: center;
}

.header-nav-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
}

.header-nav-wrapper .logo{
    width: 130px;
}

.header-nav-wrapper a img{
    width: 130px;
}

.options-nav-wrapper{
    display: flex;
    margin-left: 3rem;
    font-size: 16px;
}

.header-dropdown-item{
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    color: #1e1e1e;
    margin-right: 25px;
}

ul{
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.header-drop-item-cont{
    min-width: 15rem;
    list-style: none;
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
    background-color: #fff;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.header-dropdown-item:hover .header-drop-item-cont{
    opacity: 1;
    visibility: visible;
}

.header-drop-item-cont li a{
    display: block;
    padding: 0.5rem 1.375rem;
    transition: background-color .15s;
    color: #1e1e1e;
}

.header-drop-item-cont li a:hover{
    background-color: rgb(255, 27, 27,0.4);
    color: #1e1e1e;
}

.head-cont-profile-sell{
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.profile-cont-property{
   position: relative;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.profile-cont-property:hover .account-user-dropdown-mzd-nf{
    opacity: 1;
    visibility: visible;
}

.profile-cont-property:hover .account-user-not-logged-drop{
    opacity: 1;
    visibility: visible;
}

.profile-div-img-property{
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: #e4e4e4;
    cursor: pointer;
}

.account-user-dropdown-mzd-nf {
    position: absolute;
    top: 40px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    overflow-y: auto;
    width: 350px;
    height: 600px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.account-user-not-logged-drop{
    position: absolute;
    top: 40px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: white;
    border-radius: 5px;
    overflow-y: auto;
    width: 280px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}

.acct-ttl-nt-hd{
    color: #1e1e1e;
    padding: 10px;
    padding-bottom: 0px;
}

.account-list-btn-types{
    padding: 10px;
}

.property-login-button-tpl{
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    background-color: #ff1b1b;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.72em 0.75em;
    text-transform: capitalize;
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    padding: 7px;
}

.account-user-dropdown-mzd-nf ul li{
    font-size: 14px;
    padding: 15px;
    font-weight: 400;
}

.account-user-dropdown-mzd-nf ul li a{
    text-decoration: none;
}

.account-user-dropdown-mzd-nf ul li:hover{
    background: rgb(212, 212, 212);
}

.profile-div-img-property img{
    width: 35px;
    height: 35px;
    border-radius: 100px;
    -o-object-fit: cover;
       object-fit: cover;
}

.search-container-advanced{
    background-color: #ff1b1b32;
    padding-top: 40px;
    padding-bottom: 40px;
}

.search-container-advanced-inner{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.search-container-advanced-inner-grids{
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 370px 1fr;
}

.search-properties-filter-cont{
    background-color: #fff;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
    padding: 25px 25px 30px;
    background-position: bottom;
    border-radius: 6px;
}

.with-search-select{
    cursor: pointer;
}

.with-search-select input{
    cursor: pointer;
}

.with-search-select.active input{
    
}

.search-properties-filter-cont h1{
    line-height: 1.3;
    margin-bottom: 16px!important;
    font-weight: 500;
    font-size: 24px;
    color: #1e1e1e;
}

.search-props-browse-filter-cont{
    background-color: #fff;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
    padding: 30px 25px;
    border-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.select-mzd-filter-properties-cont{
    position: relative;
}

.select-mzd-filter-properties{
    background-color: #fff;
    border: 1px solid #1e1e1e;
    border-radius: 6px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    position: relative;
}

.select-mzd-prop-inner{
    border: 0;
    display: flex;
    position: relative;
    padding-left: 0.9rem;
    font-size: 14px;
    height: 42px;
}

.inner-sl-mzd-prop{
    height: 38px;
    width: 100%;
    font-size: 14px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    display: -ms-grid;
    display: grid;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
}

.input-type-mzd-search{
    
}

.input-type-mzd-search input{
    border: 0;
    width: 100%;
}

.show-items-select-props{
    display: none;
    position: absolute;
    width: 100%;
    top: 70px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    overflow-y: auto;
    transition: all .3s ease-in-out;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.items-list-styled-drop{
    display: none;
    position: absolute;
    width: 100%;
    top: 70px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    overflow-y: auto;
    transition: all .3s ease-in-out;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.with-search-select.active .show-items-select-props{
    display: block;
}

.achor-list-selector-item{
    font-size: 14px;
    font-weight: 400;
    color: #1e1e1e;
    cursor: pointer;
    padding-top: 7px;
    padding-bottom: 7px;
}

.achor-list-selector-item:hover{
    color: #ff1b1b;
}

.achor-list-selector-item:active{
    color: #ff1b1b;
}

.input-mzd-filter-prop{
    background-color: #fff;
}

.inner-inpur-div-fl{
    border: 1px solid #1e1e1e;
    border-radius: 6px;
    display: flex;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    font-size: 14px;
    align-items: center;
}

.inner-inpur-div-fl input{
    border: none;
    height: 38px;
    width: 100%;
    padding: 0;
}

.area-selector-wsearch-inner{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.area-filter-tp{
    display: flex;
    justify-content: space-between;
}

.select-nostl-type{
    width: 25%;
    background-color: #fff;
}

.select-nostl-type select{
    background-color: #fff;
    border: none;
    outline: none;
}

.input-type-context{
    height: 38px;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #1e1e1e;
}

.search-btn-properties{
    background-color: #ff1b1b;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    padding: 0.85em 0.85em;
    text-transform: capitalize;
}

.search-btn-properties:hover{
    color: #fff;
}

.search-btn-properties:active{
    color: #fff;
}

.heading-easybr-props{
    font-size: 20px;
    margin-bottom: 1rem;
    color: #1e1e1e;
    font-weight: 500;
}

.easy-bs-inner{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.browse-list-df-tps-cont{
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(5,minmax(0,1fr));
    display: grid;
    grid-gap: 12px;
    gap: 12px;
}

.browse-list-df-typ-link{
    font-size: 16px;
    padding: 16px 5px;
    grid-gap: 8px;
    gap: 8px;
    border: 1px solid #eaeaea;
    min-height: 118px;
    padding: 1px 5px 5px;
    display: -ms-grid;
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
    place-items: center;
    color: #1e1e1e;
    border-radius: 4px;
    font-weight: 400;
}

.browse-ccts-text-inner{
    font-size: 14px;
    font-weight: 400;
    color: #5f5f5f;
}

.small-types-text-browse{
    grid-template-columns: repeat(6,minmax(0,1fr));
}

.tp-list-df-small-browse{
    padding: 2px 5px;
    min-height: 77px;
    font-size: 15px;
    color: #707070;
}

.browse-list-df-typ-link:hover span{
    color: #ff1b1b!important;
}

.main-container-properties{
    background-color: #fff;
    padding-top: 55px;
    padding-bottom: 25px;
}

.inner-main-wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.main-agencies-containers{

}

.header-agencies{
    font-size: 1.25rem;
    font-weight: 500;
    color: #1f1f1f;
}

.cont-props-agents{

}

.agents-sm-listsmlp{
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(5,minmax(0,1fr));
    display: grid;
    grid-gap: 12px;
    gap: 12px;
}

.agents-account-container-smlpt{
    font-size: 16px;
    padding: 16px 5px;
    grid-gap: 8px;
    gap: 8px;
    min-height: 100px;
    padding: 1px 5px 5px;
    color: #1e1e1e;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.agents-sm-listsmlp a:hover .profile-cont-real-agent{
    border: 1px solid #ff1b1b;
}

.agents-sm-listsmlp a:hover .cp-name-agent{
    color: #ff1b1b;
}

.profile-cont-real-agent{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-color: #e7e7e7;
}

.profile-cont-real-agent img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.ds-agents-ttl-info{
}

.cp-name-agent{
    text-align: left;
    color: #1f1f1f;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cp-loc-agent{
    font-size: 12px;
}

/*Splide changes*/

.tab-content{
    flex: 1;
}

.tab-pane{
    height: 100%;
}
.splide{
    height: 100%;
}

.splide__track{
    height: 100%;
}

.splide__pagination__page{
    background: #424242!important;
}

.splide__pagination__page.is-active{
    background: #ff1b1b!important;
}


.mob-device-nav-prop{
    background-color: #f7f8f9;
    border-bottom: 1px solid #eaeaea;
    transition: .4s;
    padding: 10px;
}

.more-btn{
    background-color: #f7f8f9;
    border: none;
}

.properties-features-cont{
    padding-top: 20px;
}

.properties-features-cont h2{
    font-size: 1.25rem;
    font-weight: 500;
    color: #1f1f1f;
}

.head-ft-props-sale{
    display: flex;
    justify-content: space-between;
}

.head-ft-props-sale a{
    color: #3a77ff;
    font-weight: 400;
}

.ads-feat-props{
    height: 270px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.item-ft-pd-cont{
    padding: 5px;
    padding-left: 0px;
}

.item-ft-pd-cont a{
    min-height: 250px;
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border: 1px solid red;
    border-radius: 10px;
    border: 1px solid #efefef;
    color: #111;
}

.img-cont-item-ft{
    width: 100%;
    height: 155px;
    border-radius: 10px 10px 0px 0px;
    background-color: #e7e7e7;
}

.img-cont-item-ft img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 10px 10px 0px 0px;
}

.item-ft-details{
    width: 100%;
    padding: 7px 12px;
    flex-direction: column;
    flex: 1 1;
}

.item-ft-details .price-ft-prp{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 4px;
}

.item-ft-details .item-title-name-prp{
    font-size: .9375rem;
    margin-bottom: 5px;
    color: #61797d;
    font-weight: 400;
}

.item-loc-prp{
    font-size: .8125rem;
    text-transform: uppercase;
    flex: 1 1;
    color: #61797d;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
}

.find-more-mzd-cont{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.8rem;
    padding-top: 10px;
}

.item-find-mzd-cont{
    width: calc(50% - 0.4rem);
    padding-top: 10px;
}

.item-find-mzd-cont a{
    border: 1px solid #efefef;
    color: #111;
    min-height: 280px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
}

.item-find-img-cont{
    width: 100%;
    height: 160px;
    border-radius: 10px 10px 0px 0px;
    background-color: #e7e7e7;
}

.item-find-img-cont img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 5px;
}

.view-all-propet-btn{
    background-color: #ff1b1b;
}

.links-props-mzd{
    --container-width: 73.125;
    --min: calc((var(--container-width) / var(--grid-columns, 3)) * 1ch);
    --grid-row-gap: 16px;
    --gap: 16px;
    --grid-columns: 3;
    --grid-row-gap: 7px;
    --gap: 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(var(--min),100%),1fr));
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-row-gap: var(--grid-row-gap);
    margin-bottom: 32px;
    margin-top: 10px;
}

.link-achor-props-loc{
    color: #61797d;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 400;
    display: flex;
}

.link-achor-props-loc:hover{
    color: #ff1b1b;
}

.stk-content-ld{
    margin-top: 45px;
}

.hd-pr-sal-ttl{
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #111;
}

.stk-content-ld p{
    color: #61797d;
    font-size: .85rem;
    margin-bottom: 0.7rem;
    line-height: 1.2rem;
    font-weight: 400;
}

/*---*/

/*Switch*/

div.btn-container{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

label {
    font-size: 13px;
    color: #424242;
    font-weight: 500;
}

.btn-color-mode-switch{
    display: inline-block;
    margin: 0px;
    position: relative;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner{
    margin: 0px;
    width: 140px;
    height: 30px;
    background: #ff1b1b57;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:before{
    content: attr(data-on);
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    top: 5px;
    right: 20px;

}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after{
    content: attr(data-off);
    width: 70px;
    background: #fff;
    border-radius: 26px;
    position: absolute;
    left: 2px;
    top: 2px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 6px -2px #111;
    padding: 2.3px 0px;
    cursor: pointer;
}

.btn-color-mode-switch > .alert{
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]{
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    background: #ff1b1b57;
    color: #111;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after{
    content: attr(data-on);
    left: 68px;
    background: #fff;
    color: #111;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before{
    content: attr(data-off);
    right: auto;
    left: 20px;
    cursor: pointer;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    /*background: #66BB6A; */
    /*color: #fff;*/
}

.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert{
    display: block;
}
/*Switch*/

/*MB CHANGES*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color:  #ff1b1b;
    color: #fff;
}

.nav-pills .nav-link {
    background-color: #e4e4e4;
    color: #424242;
}
/*----*/

@media only screen and (max-width: 467px) {
    .browse-list-df-tps-cont {
        grid-template-columns: repeat(3,minmax(0,1fr))!important;
    }
}

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

    .agents-sm-listsmlp{
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
    }

    .profile-cont-real-agent{
        width: 50px;
        height: 50px;
    }

    .cp-name-agent{
        font-size: 14px;
    }

    .browse-list-df-typ-link span{
        font-size: 13px;
    }

    .browse-ccts-text-inner{
        font-size: 12px;
    }

    .search-properties-filter-cont h1{
        font-size: 16px;
    }

    .heading-easybr-props{
        font-size: 16px;
    }

    .search-btn-properties{
        font-size: 14px;
        padding: 7px;
    }

    .search-props-browse-filter-cont .nav-link{
        font-size: 11px!important;
    }

    #property-section *{
        font-size: 13px;
    }

}

@media only screen and (max-width: 600px) {
    .browse-list-df-tps-cont {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .main-container-properties {
        padding-bottom: 0px;
    }
}

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

    .search-props-browse-filter-cont{
        box-shadow: none;
        border-radius: 0px;
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .search-container-advanced-inner-grids{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .agents-sm-listsmlp{
        grid-row-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(3,minmax(0,1fr));
        display: grid;
        grid-gap: 12px;
        gap: 12px;
    }

    .search-container-advanced {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .search-properties-filter-cont {
        background-color: transparent;
        box-shadow:none;
        border-radius: 0px
    }

    .input-mzd-filter-prop {
        background-color: transparent;
    }

    .select-nostl-type{
        background-color: transparent;
    }

    .select-nostl-type select{
        background-color: transparent;
    }

    .search-container-advanced-inner-grids {
        grid-gap: 0px;
        gap: 0px;
    }

    .header-nav{
        display: none;
    }

    .main-container-properties {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .p-right-mz{
        padding: 10px;
    }
    
    .mzd-modules-nav-large{
        display: none;
    }

    body {
        padding-top: 80px;
    }

    .list-features-items{
        border: 1px solid red;
    }

    .item-find-mzd-cont:not(:nth-child(2n)) {
        margin-right: 0.8rem;
    }
}

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

@media only screen and (min-width: 868px) {
    .nav-modules-mob-control{
        display: none;
    }

    .mob-device-nav-prop{
        display: none;
    }

    .item-find-mzd-cont{
        width: calc(25% - 0.75rem);
    }

    .item-find-mzd-cont:not(:nth-child(4n)) {
        margin-right: 1rem!important;
    }
}

@media only screen and (min-width: 1167px) {
    .item-find-mzd-cont{
        width: calc(20% - 0.8rem);
    }

    .item-find-mzd-cont:not(:nth-child(4n)) {
        margin-right: 0rem!important;
    }

    .item-find-mzd-cont:not(:nth-child(5n)) {
        margin-right: 1rem!important;
    }
}
.header-dropdown-item a{
    color: #1e1e1e;
}

.motors-section-breapoint{
    position: relative;
    background-color: #ffff;
    padding-top: 25px;
}

.inner-container-motors-breakpoint{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.motors-section-breapoint::before{
    content: "";
    display: block;
    background: url('../files/banner-rs7.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ff1b1bd8;
    position: absolute;
    opacity: 0.6;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 220px;
    width: 100%;
    z-index: 0;
}

.motors-section-breapoint::after{
    content: "";
    display: block;
    background: #ff1b1b33;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 220px;
    width: 100%;
    z-index: 0;
}

.cont-search-breakpoint{
    position: relative;
    height: 200px;
    z-index: 10;
}

.list-links-cats{
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-links-cats a{
    color: #1e1e1e;
    border-color: rgb(241, 241, 106);
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    border-radius: 1.875rem;
    margin-right: 10px;
    background-color: #ebebeb5e;
}

.list-links-cats a.active{
    background-color: #ff1b1b;
    color: #fff;
}

.list-links-cats a:hover{
    background-color: #ff1b1b;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    color: #fff;
    transition: background-color .3s,color .3s,fill .3s,box-shadow .3s;
    touch-action: manipulation;
}

.search-container-filters{
    padding: 2rem;
    box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
    border-radius: 0.25rem;
    background-color: #fff;
}

.search-container-filters h1{
    font-size: 24px;
    color: #1e1e1e;;
}

.filter-controls-sh-cont{
    display: flex;
    gap: 14px;
}

.dropdown-flt-controls{
    
}

.flexGrow {
    flex: 1 1;
}

.select-lsi-md-mtors{
    position: relative;
}

.modal-select-brands-models{
    cursor: pointer;
    padding: 0.5rem 0.875rem;
    background-color: rgba(255,255,255,.94);
    display: flex;
    align-items: center;
    width: 100%;
    color: #4f4f4f;
    border-radius: 0.25rem;
    height: 2.75rem;
    border: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: 400;
}

.selector_search_motors{
    cursor: pointer;
    padding-right: 10px;
    background-color: rgba(255,255,255,.94);
    display: flex;
    align-items: center;
    width: 100%;
    color: #4f4f4f;
    border-radius: 0.25rem;
    height: 2.75rem;
    border: 1px solid #ebebeb;
    font-size: 14px;
}

.svg-search-mts{
    fill: #4f4f4f;
    background-color: transparent;
}

.clr-mtr-input{
    color: #4f4f4f;;
}

.btn_mtr_submit{
    width: 100%;
    background-color: #ff1b1b;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    padding: 0.65em 0.75em;
    text-transform: capitalize;
}

.svg-w{
    fill: #fff;
    background-color: transparent;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: var(--mdb-breadcrumb-divider,">");
}

.bread-crb{
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.6;
    margin-block: 0.5rem;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    z-index: 10;
}

.bread-crb li{
    z-index: 10;
}

.svg-bread-crb{
    width: 1em;
    height: 1em;
    transform: translate(0);
    transition: transform .1s;
    vertical-align: middle;
    margin-inline: 8px;
}

.bread-crb-anchor{
    color: #1e1e1e;
}

.bread-crb-anchor:hover{
    color: #1e1e1e;
}

.bread-crb-anchor.active{
    border-bottom: 0.2rem solid #ff1b1b;
    padding-bottom: 3px;
}

.mtr-modal-specs{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem;
    background-color: #f0f0f0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.title-mtr-md{
    text-transform: uppercase;
}

.option-button-mtr{
    width: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px;
    height: auto;
    padding: 10px;
    color: #4f4f4f;
    background: #fff;
    display: block;
    transition: all .3s;
    letter-spacing: .25px;
}

.option-button-mtr:hover{
    background-color: #ff1b1b3b;
    border-radius: 5px;
}

.inner-option-btn-mtr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mtr-placeholder-btn-option{
    max-width: 95%;
    font-weight: 500;
    color: #1e1e1e;
}

.highl-ttl-inner{
    color: #ff1b1b;
    font-size: 12px;
}

.icon-cont-proccess{
    cursor: pointer;
}

.arrow-options-mtr{
    position: relative;
    right: 0;
    transition: all .25s;
}

.icon-cont-proccess.active .arrow-options-mtr{
    transition: transform .2s ease-out;
    transform: rotate(90deg);
}

.more-options-mtr{
    padding-left: 27px;
}

.option-check-cont{
    padding: 5px;
    padding-left: 10px;
}

.option-check-cont:hover{
    background-color: #ff1b1b3b;
    border-radius: 5px;
}

.mtr-section-fix .show-items-select-props{
    border: 1px solid #ebebeb;
    top: 50px;
}

.inpts-mtr-ranges .area-selector-wsearch-inner{
    display: flex;
    align-items: center;
}

#motors-section .main-container{
    padding-top: 50px;
}

.head-mzd-h{
    font-size: 1.30rem;
    font-weight: 500;
    color: #1f1f1f;
}

.inpts-mtr-ranges .input-mzd-filter-prop{
    width: 100%;
}

.group-mzd-tps{
    --gap: 32px 56px;
    --template: repeat(auto-fit, minmax(300px, 1fr));
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,auto);
}

.group-mzd-tps a{
}

.tlmzd-mtr-cont{
    --gap: 12px;
    --template: 72px auto;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,auto);
    align-items: center;
}

.icon-tlmzd-mtr{
    height: 65px;
    width: 65px;
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-tlmzd-mtr{
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ttl-mzd-mtr{
    font-size: 1.125rem;
    color: #1e1e1e;
    font-weight: 500;
}

.ttl-mzd-mtr-2{
    font-weight: 400;
}

.mzd-offer-cont{
    display: flex;
    gap: 30px;
}

.offer-cont-card{
    border-radius: 3px;
    background: #fff;
    /* box-shadow: 0 1px 16px rgb(0 0 0 / 6%);*/
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    flex: 1 1;
    text-align: center;
    justify-content: space-between;
    padding: 35px;
    align-items: center;
}

.p-div{
    font-weight: 500;
    font-size: 16px;
}

.bg-prom-sd{
    background-color: #ebebebea;
}

.btn-more-mtr{
    background-color: #ff1b1b;
    color: #fff;
    padding: 13px;
    width: 60%;
    border-radius: 5px;
}

.btn-more-mtr:hover{
    background-color: #ff1b1b;
    color: #fff;
}

.match-ts-text{
    color: #ff1b1b;
    font-size: 18px;
}

.items-list-mzd-mtr-cont{
    display: grid;
    grid-auto-columns: calc(100%/ 4 - 16px);
    grid-auto-flow: column;
    gap: 1.25rem;
}

.items-list-mzd-mtr{
}

.item-inner-list-mtr{
    display: flex;
    border: 1px solid #ebebeb;
    border-radius: 0.25rem;
    padding: 16px;
    gap: 10px;
    transition: all 3s;
}

.md-item-list-md-inner:hover{
    border: 1px solid #ff1b1b;
}

.item-inner-info-mtr{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-tll-inner-list-mtr{
    color: #ff1b1b;
    font-weight: 500;
    font-size: 16px;
}

.item-loc-inner-ls-mtr{
    color: #4f4f4f;
    font-weight: 400;
}

.nav-tabs li .nav-link{
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: #ff1b1b;
    border-color: #ff1b1b;
}

.md-item-list-md-inner{
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0.25rem;
    place-content: center;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    transition: border .3s;

    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0.7rem 1.75rem;
    min-width: 8rem;
}

.dta-md-item-icon{
    width: 32px;
    height: 32px;
}

.dta-md-item-icon img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.md-items-slide{
    display: grid;
    grid-template-columns: repeat(var(--slide-grid),minmax(0,1fr));
    grid-gap: 12px;
    gap: 12px;
    align-items: self-start;
    height: 127px;
}

.dta-md-ttl-info{
    font-size:  16px;
    font-weight: 400;
    color: #4f4f4f;
    padding-left: 5px;
}

.more-items-btn-mtr{
    border: none;
    font-weight: 400;
    color: #ff1b1b;
    font-size: 14px;
    background-color: transparent;
}

.more-items-cont-list{
    padding-top: 12px;
}

.center-sm-inner-options .md-item-list-md-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

.more-items-btn-mtr.active .arrow-options-mtr{
    transition: transform .2s ease-out;
    transform: rotate(180deg);
}

.item-slide-ads{
    border: 1px solid #efefef;
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    transition: box-shadow .3s;
    overflow: hidden;
}

.item-slide-ads:hover{
   box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}

.item-img-slide-cont{
    min-height: 140px;
    max-height: 140px;
    background-color: #efefef;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.item-img-slide-cont img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain!important;
       object-fit: contain!important;
    border: 0;
}

.item-card-details-slide{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0.9rem;
    padding-top: 0.7rem;
    width: 100%;
    gap: 2px;
}

.item-card-slide-title-ads{
    font-size: .8rem;
    font-weight: 400;
    width: 100%;
    text-align: start;
}

.item-card-price-slide{
    font-size: 0.95rem;
    font-weight: 500;
    color: #1f1f1f;
}

.item-card-rang-slide{
    font-size: .75rem;
    color: #1f1f1f;
    font-weight: 400;
}

.item-card-spec-lc-slide{
    font-size: .75rem;
    font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.items-sm-conts{
    display: block;
    width: 100%;
    height: 100%;
}

.item-sm-inner-card:hover{
    border: 1px solid #ff1b1b;
}

.item-sm-inner-card{
    height: 100%;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 0.5rem;
    width: 100%;
    transition: .15s;
}

.item-sm-inner-card img{
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    max-width: 100%!important;
    max-height: 100%!important;
    -o-object-fit: contain!important;
       object-fit: contain!important;
}

.inner-style-link-browse{
    background: #ededed;
    border-radius: 8px;
    color: #605d4c;
    display: block;
    font-size: 1.4rem;
    height: 32px;
    line-height: 17px;
    padding: 8px 15px 7px 16px;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 14px;
}

.footer-df-mzd{
    border: 1px solid red;
    background-color: #ff1b1b;
    color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    padding-block: 3.75rem;
}

.footer-inner-grids{
    --template: auto auto;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.p-mtr-type{
    font-weight: 400;
}

.h5-mtr-footer{
    color: #fff;
    font-size: 1rem;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
    text-transform: capitalize;
    font-weight: 700;
}

.footer-info-container-mzd{
    --template: repeat(4,minmax(18ch,1fr));
    max-width: 955px;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.ul-links-mtr{
    line-height: 1.8;
}

.ul-links-mtr li a{
    color: #ebebeb;
    font-weight: 400;
}

.container-items-slide-md{
    height: 130px;
}

.container-items-slide-md .swiper .swiper-slide{
    width: 150px!important;
}

.container-items-slide-md .lg-grids-sl .swiper-slide{
    width: 170px!important;
}

.list-items-brd-mtr{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.container-items-slide-md .md-item-list-md-inner{
    height: 52px!important;
}

.container-items-new-cars-slide{
    height: 225px!important;
}

.card-new-container{
    --box-border-radius: 0.25rem;
    width: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: var(--box-border-radius);
    color: inherit;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: inherit;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    transition: box-shadow .3s;
}

.card-new-container:hover{
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}

.container-items-new-cars-slide .swiper-wrapper .swiper-slide{
    width: 255px!important;
    height: 220px!important;
}

.new-car-card-img{
    height: 125px;
    overflow: hidden;
}

.new-car-card-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.new-car-card-info{
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-new-car{
    font-size: .875rem;
    font-weight: 400;
    margin-block: 0;
    text-align: start;
    color: #ff1b1b!important;
}

.container-items-slide-cards{
    height: 250px;
}

.container-items-slide-cards .swiper .swiper-slide{
    width: 150px!important;
    background-color: transparent!important;
}

.card-items-medium-cont{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.card-inner-medium-cont{
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0.25rem;
    width: 100%;
    display: grid;
    place-content: center;
    padding: 1rem 1.75rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    transition: border .3s;
    flex-direction: column;
    min-height: 115px;
}

.card-inner-medium-cont:hover{
    border: 1px solid #ff1b1b;
}

.reviews-slide{
    height: 212px!important;
}

.img-review-cont{
    height: 118px;
    position: relative;
    overflow: hidden;
}

.img-review-cont img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain!important;
       object-fit: contain!important;
    border: 0;
}

.rate-in-nrs{
    color: #1f1f1f;
}

.size-rate-nr{}

.right-str-size{
    font-size: 15px;
}

.inner-rates-container{
    width: 100%;
    display: flex;
    align-items: center ;
    text-align: start;
}

.inner-rts-revs{
    font-size: 14px;
    font-weight: 400;
}

.review-description{
    --template: repeat(2, 1fr);
    --gap: 100px;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.ov-text{
    font-weight: 400;
}

.image-review-card-container{
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
    height: 280px;
    position: relative;
    overflow: hidden;
}

.image-review-card-container img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain!important;
       object-fit: contain!important;
    border: 0;
}

.header-h1-mtr{
    font-size: 1.65rem;
    font-weight: 700;
    color: #1f1f1f;
}

.review-section-rates .size-rate-nr{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.review-section-rates .right-str-size{
    font-size: 1.5rem;
}

.rev-cont-rates{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.rate-item-reviews{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.review-text-name{
    font-weight: 400;
    font-size: 16px;
}

.rate-list-tp-flex{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.review-post-link{
    padding: 2rem;
    height: 175px;
    background-color: #ebebeb;
    border-radius: 0.25rem;
}

.review-write-link{
    padding: 8px 30px!important;
    min-width: 2rem!important;
    text-transform: none;
    background-color: #ff1b1b;
    color: #fff;
    border-radius: 0.25rem;
}

.review-write-link:hover{
    color: #fff;
}

.reviews-list-dsc-items{
    background-color: #ff1b1b10;
}

.header-reviews-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mtr-select{
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 0px 5px;
    border-radius: 0.25rem;
    height: 41px;
}

.select-mzd-mtr{
    outline: none;
    width: 216px;
    padding: 10px 0px;
    border: none;
    background-color: #fff;
    color: #1f1f1f;
}

.container-reviews-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.review-info-overview{
    --gap: 24px;
    --template: 20% 1fr;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.user-review-info-overview{
    --gap: 10px;
     --template: repeat(1fr, 1fr)!important;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.user-review-info-overview .head-mzd-h{
    font-size: 1.60rem;
}

.user-review-info-overview .review-overview-userinfo{
    font-size: 16px;
}

.user-review-info-overview .review-overview-userinfo .rate-in-nrs{
    font-size: 32px;
}

.user-review-info-overview .review-overview-userinfo .right-str-size{
    font-size: 24px;
}

.user-review-info-overview .review-user-specs-cont p{
    font-size: 16px;
}

.user-rates-review-scale .rate-in-nrs{
    font-size: 24px;
}

.user-rates-review-scale .right-str-size{
    font-size: 20px;
}

.review-user-specs-cont{
}

.review-specs-mzd{
    --gap: 16px;
    --template: repeat(3, 1fr);
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.review-specs-mzd .inner-spec-rev-mzd{
}

.inner-spec-rev-mzd{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-write-review{
    display: none;
}

.navbar-back-mobile-version{
    background-color: #fff;
    z-index: 100!important;
    padding: 10px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 11%);
    min-height: 50px;
    display: flex;
    align-items: center ;
}

.nv-back-mobile-mzd{
    display: flex;
    align-items: center;
}

.bk-nav-btn{
    background-color: transparent;
    border: none;
}

.ttl-nav-mobile-bk{
    font-size: 16px!important;
    color: #1f1f1f;
    width: 100%;
    line-clamp: 1;
    line-height: 1.2;
}

.rv-user-link0-tp{
    display: block;
    padding: 10px!important;
    max-width: 220px;
    text-align: center;
}

.sls-cont-mzd-mtr .mtr-select select{
    width: 100%;
}

.sls-cont-mzd-mtr {
    display: flex;
    gap: 15px;
}

.rating-container-options{
    --template: repeat(3, 1fr);
    --gap: 16px;
    row-gap: 40px;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,-webkit-max-content);
    grid-auto-rows: minmax(0,max-content);
}

.input-ccls-mtr-md{
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 0px 15px;
    border-radius: 0.25rem;
    height: 41px;
}

.text-area-mtr-ccls{
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 0.25rem;
    resize: none;
    height: auto;
}

.btn-gr-post{
    width: 220px;
    background-color: #ff1b1b;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    padding: 0.72em 0.75em;
    text-transform: capitalize;
}

.ls-md-slide-card .swiper .swiper-slide{
    width: 300px!important;
}

.ls-md-slide-card .md-item-list-md-inner{
    padding: 0.6rem 1.25rem;
}

.slide-history-index .swiper .swiper-slide{
    width: auto!important;
}

.slide-history-index .item-inner-info-mtr{
    justify-content: flex-start!important;
    align-items: flex-start;
}

.mzd-mtr-view-more-section-mobile{
    --gap: 12px;
    --template: repeat(3,1fr);
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,auto);
}

.zmd-anchor-sect-mbs{
    height: 100px;
    width: auto;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nav-mobile-bottom{
    display: none;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 6px rgb(0 0 0 / 29%);
}

.nav-mobile-bottom-inner{
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.nav-mobile-bottom-inner .navigation-mobile{
    width: 20%;
}

.nav-mobile-bottom-inner a{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 400;
    color: #1e1e1e;
    gap: 1px;
}

.nav-mobile-bottom-inner .button-more-navigation{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 400;
    color: #1e1e1e;
    background-color: transparent;
    border: none;
}

.sell-item-mzd-mtr{
    background-color: #ff1b1b;
    color: #ebebeb;
}

.sell-item-mzd-mtr svg{
    background-color: transparent;
    fill: #fff;
}

.mtr-p-ftttl{
    font-size: 16px;
}

.car-fn-bg{
    
}

.image-loan-finance{
    width: 60%;
}

.container-finance-grid{
    display: flex;
    gap: 40px;
}

.form-calc-load-finance{
    flex-grow: 1;
    padding: 32px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
    width: 75%;
    background-color: #fff;
    border-radius: 0.25rem;
}

.sl-select-w-icon{
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 10px;
}

.sl-select-w-icon svg{
    position: relative;
}

.sl-select-w-icon select{
    padding-left: 5px;
    cursor: pointer;
}

.calc-btn-finance{
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.72em 0.75em;
    text-transform: capitalize;
    background-color: #ff1b1b;
}

.bg-clp{
    background-color: #ff1b1b10;
}

.dv-info-loan{
    
}

.card-loan-info{
    display: flex;
    gap: 15px;
    padding: 15px;
    padding-left: 30px;
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 0.25rem;
    margin-top: 20px;
}

.info-loan-inner{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.heading_h3{
    font-size: 1.15rem;
    color: #1f1f1f;
}

.mzd-loan-cards .offer-cont-card{
    justify-content: flex-start;
    align-items: flex-start;
}

.image-container-logo-bank{
    width: 212px;
    height: 120px;
}

.image-container-logo-bank img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.d-rght-bank-cont{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.features-bank-cont{
    --gap: 32px;
    --template: 1fr 1fr 1fr;
    display: grid;
    grid-gap: var(--gap,32px);
    gap: var(--gap,32px);
    grid-template-columns: var(--template,minmax(0,auto));
    grid-auto-rows: minmax(0,auto);
}

.banks-accslide .swiper-wrapper .swiper-slide{
    width: 180px!important;
    height: 110px;
}

.items-slide-swiper .swiper{
    width: 100%;
    height: 100%;
}

.container-items-slide{
    height: 276px;
}

.container-items-slide-sm{
    height: 90px;
}

.items-slide-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}


.items-slide-swiper .swiper-slide{
    width: 210px!important;
}

.items-slide-swiper .swiper-button-prev.swiper-button-disabled {
    display: none!important;
}

.items-slide-swiper .swiper-button-next.swiper-button-disabled{
    display: none!important;
}

.items-slide-swiper .swiper-button-next, .items-slide-swiper .swiper-button-prev {
    background-color: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.items-slide-swiper .swiper-button-next:hover, .items-slide-swiper .swiper-button-prev:hover {
    box-shadow: 0 0 6px rgb(0 0 0 / 40%);
    transition: all 3s;
}

.items-slide-swiper .swiper-button-next{
    right: 0;
}

.items-slide-swiper .swiper-button-prev {
    left: 0;
}

.items-slide-swiper .swiper-button-next:after, .items-slide-swiper .swiper-button-prev:after {
    font-size: 16px!important;
}

.items-slide-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.mtr-div-filters-fn{
    background-color: #f7f8f9;
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 0.25rem;
}

.filter-mtr-options{
    display: flex;
    gap: 10px;
}

.nw-options-section-filter-mtr{
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 13px;
}

.filter-mtr-options .btn-color-mode-switch > label.btn-color-mode-switch-inner{
    width: 160px;
}

.filter-mtr-options .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
    left: 15px;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
    width: 80px;
}

.pkg-cont-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ly-card-style{
    border: 1px solid #ebebeb;
    border-radius: 0.25rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color:#fff;
}

.pkg-logo{
    height: 110px;
    width: 220px;
    padding-inline: 1rem;
    border-right: 1px solid rgb(235, 235, 235);
}

.pkg-logo a{
    display: block;
    width: 100%;
}

.pkg-logo a img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.header-pkg-cname{
    font-size: 1.1rem;
}

.text-nrs-pkg{
    font-size: 18px;
}


.btn-appl-mtr-finance{
    min-width: 14.0625rem;
    background-color: #ff1b1b;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 0.70em 0.75em;
    text-transform: capitalize;
}

.filter-mob-nw-style{
    border: 1px solid red;
    background-color: transparent;
    border-color: #ebebeb;
    color: #1f1f1f;
    padding: 0.46em 0.8em;
    height: 32px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0.25rem;
    text-transform: capitalize;
}

.mobile-filtersWrap{
    display: flex;
}

.filters-options-mob-wrap{
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-padding-right: 16px;
    gap: 10px;
}

.chip-ftr-options-mob{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.32rem 1rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 400;
    border: 1px solid #ebeeef;
    border-radius: 1.875rem;
    background-color: #ebeeef;
    white-space: nowrap;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: #1f1f1f;
}

.border-none{
    border: none;
    border-radius: 0px;
}

.boxShadow {
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
}

.filter-df-tps-mtr{
    flex-grow: 1 1;
    width: 100%;
    flex-wrap: wrap;
}

.btn-v-0{
    border: none;
    background-color: transparent;
    padding: 0px;
}

.list-filtered-desktop .chip-ftr-options-mob{
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
}

.select-filter-tps-options-checks{
    -moz-column-count: 3;
         column-count: 3;
}

.search-cars-list{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.item-crs-search-card{
    padding: 1.375rem;
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
}

.item-crs-card-image{
    -webkit-margin-end: 4.375rem;
    margin-inline-end: 4.375rem;
    min-width: 13.125rem;
    max-width: 13.125rem;
    height: 6.5625rem;
}

.item-crs-card-image img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.inner-crs-card-search{
    display: flex;
    gap: 5px;
}

.classifications{
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
}

.price-card-rt-item{
    font-size: 1.25rem;
    font-weight: bold;
    color: #1f1f1f;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.card-list-tp-items{
    border: 1px solid red;
}

.card-item-mob{
    display: flex;
    align-items: center;
}

.card-item-img-mob{
    -webkit-margin-end: 8px;
            margin-inline-end: 8px;
    min-width: 120px;
    max-width: 120px;
    height: 100px;
}

.card-item-img-mob img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.card-rt-itm-mob{
    display: flex;
    flex-direction: column;
}

.bg-rd-trans{
    background-color: rgb(255, 27, 27, 0.1);
    border: none;
}

.card-list-tp-items-mob{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.apply-filters-mtr-search{
    --bg-color: #fff;
    inset-block-end: 0;
    position: fixed;
    width: 100%;
    background-color: var(--bg-color);
    z-index: 2;
    left: 0;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
}

.btn-mtr-search-mzd{
    background-color: #ff1b1b;
    color: #fff;
    font-size: 1rem;
    padding: 0.7em 1em;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 0.72em 0.75em;
    text-transform: capitalize;
}

@media only screen and (max-width: 567px) {
    .selector_search_motors {
        /*height: auto!important;*/
    }

    .fix-size-sm-dv{
        height: auto!important;
    }

    .image-review-card-container{
        height: 150px;
    }

    /*
    #motors-section *{
        font-size: 13px;
    }
    */

    .search-container-filters{
        padding: 15px;
    }

    .mzd-start-padding-mzd{
        padding-top: 135px!important;
    }
}

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

    .mtr-modal-specs{
        border-radius: 0px;
    }

    .heading_h3{
        font-size: 1rem;
    }

    .container-finance-grid{
        flex-direction: column-reverse;
    }

    .d-rght-bank-cont{
        align-items: center;
    }

    .image-container-logo-bank{
        width: 80px;
        height: 80px;
        border-radius: 1rem;
        overflow: hidden;
        position: relative;
        box-shadow: 3px 3px 8px rgb(0 0 0 / 8%);
        border: 1px solid #ebeeef;
    }

    .image-container-logo-bank img{
        max-width: 56px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .header-h1-mtr{
        font-size: 1.1rem;
    }

    .review-description{
        --template: repeat(1fr, 1fr);
        --gap: 10px!important;
        grid-gap: var(--gap,5px);
        gap: var(--gap,5px)!important;
    }

    .review-info-overview{
        --gap: 10px;
        --template: repeat(1fr, 1fr)!important;
        grid-template-columns: var(--template,minmax(0,auto))!important;
    }

    .review-post-link-large{
        display: none;
    }

    .mobile-write-review{
        display: block;
    }

    .header-reviews-cont{
        flex-direction: column;
        align-items: flex-start;
    }

    .pt-mzd-p{
        padding-top: 5px;
    }

    .wfull-mzd{
        width: 100%;
    }

    .mtr-select{
        width: 100%;
        padding: 5px;
    }

    .select-mzd-mtr{
        width: 100%;
    }

    .mobile-write-review .review-post-link{
        border-radius: 0rem;
    }

    .star-bg-high-rate{
        height: 35px;
        width: 35px;
    }

    .rate-nr-dtsl-review p{
        margin: 0px;
    }

    .user-rates-review-scale .rate-in-nrs{
        margin-top: 0px!important;
    }

    .user-rates-review-scale .size-rate-nr{
        font-size: 22px;
    }

    .user-rates-review-scale  .right-str-size{
        font-size: 18px;
    }

    .review-specs-mzd {
        --gap: 10px;
        --template: repeat(2, 1fr);
        grid-gap: var(--gap,32px);
        gap: var(--gap,32px);
        grid-template-columns: var(--template,minmax(0,auto));
    }

    .mtr-review .more-items-btn-mtr span{
        font-size: 14px!important;
    }

    .ov-text{
        font-size: 14px!important;
    }

    .rt-brk-text{
        font-size: 16px!important;
    }

    .inner-rates-container .size-rate-nr{
        font-size: 26px;
    }

    .inner-rates-container .right-str-size{
        font-size: 22px;
    }

    .str-inner-main-rate{
        height: 40px;
        width: 40px;
    }

    .link-next-search{
        font-size: 12px;
    }

    .item-card-slide-title-ads{
        font-size: 13px;
    }

    .item-card-price-slide{
        font-size: 15px;
    }

    .item-card-rang-slide{
        font-size: 12px;
    }

    .item-card-spec-lc-slide *{
        font-size: 12px;
    }

    .group-mzd-tps{
        --gap: 32px 56px;
        --template: repeat(2, 1fr);
        grid-template-columns: var(--template,minmax(0,auto));
    }

    .ttl-mzd-mtr{
        font-size: .75rem!important;
    }

    .ttl-mzd-mtr-2{
        font-size: .65rem!important;
    }

    .mzd-offer-cont{
        flex-direction: column;
    }

    .item-inner-info-mtr{
        font-size: 12px;
    }

    .item-inner-list-mtr{
        padding: 10px;
    }

    .item-tll-inner-list-mtr{
        font-size: 13px!important;
    }

    .md-item-list-md-inner .dta-md-item-icon{
        width: 24px;
        height: 24px;
    }

    .md-item-list-md-inner .dta-md-ttl-info{
        font-size: 13px;
    }

    .links-props-mzd *, .stk-content-ld p{
        font-size: 12px;
    }

    .tabs-mzd-motors{
        margin-top: 10px!important;
    }

    .container-items-slide-md{
        margin-top: 0px!important;
    }

    .rvs-sec-tpsne{
        flex-direction: column;
    }

    .rvs-sec-tpsne .btn-filter-mtr{
        width: 100%!important;
    }

    .reviews-slide .item-card-details-slide svg{
        height: 23px;
        height: 23px;
        margin-top: 10px;
    }

    .reviews-slide .item-card-details-slide .rate-in-nrs .size-rate-nr{
       font-size: 16px!important;
    }

    .reviews-slide .item-card-details-slide .rate-in-nrs .right-str-size{
        font-size: 13px!important;
    }

    .reviews-slide .item-card-details-slide .inner-rts-revs{
        font-size: 12px!important;
    }

    .mtr-p-ftttl{
        font-size: 12px;
    }

    .pt-mt-remover{
        padding-top: 0px!important;
        margin-top: 0px!important;
    }

    .features-bank-cont{
        --gap: 16px;
        --template: initial;
        grid-gap: var(--gap,12px);
        gap: var(--gap,12px);
        grid-template-columns: var(--template,minmax(0,auto));
    }

    .banks-accslide .swiper-wrapper .swiper-slide {
        width: 135px!important;
        height: 75px;
    }

    .mob-p-m-style{
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

    .container-items-new-cars-slide .swiper-wrapper .swiper-slide {
        width: 210px!important;
        height: 190px!important;
    }

    .resize-w-mbo-slide{
        height: auto!important;
    }

    .resize-br-mb-slide .swiper-wrapper .swiper-slide .md-item-list-md-inner{
        width: 90px!important;
        height: 50px!important;
    }

    .resize-br-mb-slide .swiper-wrapper .swiper-slide{
        width: 130px!important;
    }

    .resize-w-mbo-slide .swiper-wrapper .swiper-slide{
        width: 120px!important;
        height: 70px!important;
    }

    .new-car-card-img {
        height: auto;
        overflow: hidden;
    }

    .container-items-new-cars-slide {
        height: auto!important;
    }

    .p-0-mob{
        padding: 0px!important;
    }

    .m-auto-mob{
        margin-top: 5px!important;
    }

    .mt-0-mob{
        margin-top: 0px!important;
    }

    .filter-mtr-options{
        flex-direction: column;
    }

    .nw-options-section-filter-mtr{
        flex-direction: column;
    }

    .filter-df-tps-mtr .dropdown-flt-controls{
        width: 100%!important;
    }
    
    .filter-df-tps-mtr .pt-mzd-p{
        width: 100%;
    }

    .item-crs-search-card{
        flex-direction: column;
        gap: 20px;
    }

    .item-crs-card-image{
        width: 100%;
        -webkit-margin-end: 0rem;
        margin-inline-end: 0rem;
    }

    .inner-crs-card-search{
        gap: 12px;
    }
    
}

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

    .mob-bg-style{
        background-color: none!important;
    }

    .ly-card-style{
        flex-direction: column;
        gap: 25px;
    }

    .pkg-logo{
        border: none;
    }

    .auto-wfull{
        width: 100%!important;
    }

    .form-calc-load-finance{
        width: 100%;
        padding: 15px;
    }

    .mobile-direction-form{
        flex-direction: column;
    }

    .form-calc-load-finance .wfull-mzd{
        margin-top: 10px;
    }

    .bank-bens-cont{
        background-color: #ff1b1b10;
    }

    .heading-easybr-props{
        margin-bottom: 0px!important;
    }

    .mzd-loan-cards .offer-cont-card{
        padding: 15px;
    }

    .review-description{
        --gap: 30px;
        grid-gap: var(--gap,32px);
        gap: var(--gap,32px);
    }

    .review-info-overview{
        --gap: 10px;
        --template: 1fr 1fr;
        grid-gap: var(--gap,32px);
        gap: var(--gap,32px);
        grid-template-columns: var(--template,minmax(0,auto));
    }

    .bread-crb-nav{
        display: none;
    }

    .filter-controls-sh-cont{
        flex-direction: column;
    }
    
    .list-links-cats{
        height: 60px;
        display: flex;
        overflow-x: auto;
    }

    .list-links-cats a{
        font-size: 12px;
        display: inline-flex;
        align-items: center;
        padding: 0.5rem 1rem;
    }

    .cont-search-breakpoint{
        margin-top: 10px!important;
    }

    .h1-fdm-head{
        font-size: 1.1rem!important;
    }

    .mzd-start-padding-mzd{
        padding-top: 175px;
    }

    .mtr-rev-mb-tp .mzd-start-padding-mzd{
        padding-top: 20px!important;
    }

    .nav-mobile-bottom{
        display: block;
    }

    .price-card-rt-item{
        font-size: 1.1rem;
        justify-content: flex-start;
    }

}

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

    .search-container-filters .filter-controls-sh-cont .flexGrow {
        flex: auto;
    }

    .btn-appl-mtr-finance{
        min-width: 130px;
    }
    
}body {
    font-size: 14px;
    font-family: 'Roboto';
    height: 100vh;
    outline: none;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 14px;
}

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 */
}


input[type="text"]:focus,input[type="password"]:focus{
    outline: none;
}

a{
    color: #ff1b1b;
}

#retail-index a:hover{
    color: #ff1b1b;
}

.nav-mzdeal-retail{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.nav-bg-retail{
    background: linear-gradient(-180deg,#f53d2d,#ff1b1b);
}

.nav-header-retail{
    height: 100px;
}

.nav-wrap-retail{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-wrap-retail a img{
    height: 40px;
}

.nav-wrap-retail .nav-search-retail{
    margin-top: 20px;
}

.nav-search-retail{
    width: 65%;
}

.list-unstyled li a{
    color: #002f34;
}

.search-show{
    background-color: #ffff;
    width: 90%;
    height: auto;
    max-height: 400px;
    position: absolute;
    box-shadow: 0px 1px 1px rgb(184, 184, 184);
    overflow-y: auto;
    top: 45px;
    left: 0px;
    z-index: 1;
    border-radius: 2px;
}

.ul-dyn-lst .founded-content-text{
    display: block;
    padding: 10px;
    padding-left: 15px;
    font-weight: 400;
    color: rgb(55, 55, 55);
    cursor: pointer;
}

.ul-dyn-lst .founded-content-text:hover{
    background-color: rgb(247,248,249);
}

.mobile-nav-search-cont{
    background-color: #ffff;
    width: 100%;
    height: auto;
    max-height: 400px;
    position: absolute;
    box-shadow: 0px 1px 1px rgb(184, 184, 184);
    overflow-y: auto;
    bottom: -30px;
    left: 0px;
    z-index: 1;
    display: none;
}

.mobile-search-list .founded-content-text{
    display: block;
    padding: 10px;
    padding-left: 15px;
    font-weight: 400;
    color: rgb(55, 55, 55);
    cursor: pointer;
}

.dp-link{
    color:black;
    text-decoration: underline;
}

.dp-link:hover{
    color:black;
    text-decoration: underline;
}

.nav-wrap-retail .nav-search-retail .ret-nav-search{
    width: 100%;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 9%);
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 2.6rem;
    box-sizing: border-box;
    padding: 0.1875rem;
    background: #fff;
    border-radius: 2px;
    position: relative;
}

.nav-wrap-retail .nav-search-retail .ret-nav-search input{
    display: flex;
    flex: 1;
    align-items: center;
    outline: none;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-left: 10px;
}

.mzdeal-searchbar-input{
    display: flex;
    flex: 1;
    box-sizing: border-box;
    padding: 0;
    position: relative;
   
}

.btn-solid-primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #fb5533;
    color: #fff;
    border: 1px solid #fb5533;
    padding: 4px;
    width: 70px;
}

.svg-w{
    fill: white;
    background-color: transparent;
}

.mzdeal-retail-nav{
    display: flex;
    align-items: center;
}

.mzdeal-retail-nav .login-infos-nav a{
    font-size: 13px;
    color: #fff;
}

.mzdeal-retail-nav .mzd-modules-nav{
    width: 90%;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
}

.mzdeal-retail-nav .mzd-modules-nav .content-module{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module{
    color: white;
    
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a{
    color: #fff;
    padding: 12px;
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a.active{
    background: rgb(247,248,249);
    width: 100%;
    color: #000;
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a.active svg{
    fill: #000;
    background-color: transparent;
}


.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a svg{
    fill: #fff;
    background-color: transparent;
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a:hover{
    background: rgb(247,248,249);
    color: #000;
}

.mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a:hover svg{
    fill: #000;
    background-color: transparent;
}

.mzdeal-retail-nav .mzdeal-retail-nav .mzd-modules-nav .module-nav  .link-cont-module a:hover svg{
    fill: #000;
    background-color: transparent;
}

/*------*/

.mobile-nav-container-retail .nav-modules-mob{
    background: none!important;
    display: flex;
    overflow-x: auto;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item{
    font-size: 12px;
    min-width: 150px;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item a{
    display: block;
    margin-left: 10px;
    width: 100%;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item a.active{
    background: rgb(247,248,249);
    color: #000;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item  a:hover{
    background: rgb(247,248,249);
    color: #000;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item a:hover svg{
    fill: #000;
    background-color: transparent;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item a svg{
    fill: #fff;
    background-color: transparent;
}

.mobile-nav-container-retail .nav-modules-mob .nav-module-item a.active svg{
    fill: #000;
    background-color: transparent;
}

/*------*/

/*-----Retail mobile-----*/
.mobile-nav-container-retail{
    background: linear-gradient(-180deg,#f53d2d,#ff1b1b);
    position: absolute;
    z-index: 10;
    width: 100%;
}

.mobile-nav-retail{
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mobile-nav-retail .nv-mobile-cotent-retal{
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-mobile-search-retail{
    width: 75%;
    height: 2.50rem;
    background: #fff;
    border-radius: 0.125rem;
    padding: 0 0.5rem;
    border-radius: 0.125rem;
    display: flex;
    align-items: center;
}

.search-input-fm-retail{
    position: relative;
    z-index: 0;
    width: 100%;
}

.nav-mobile-search-retail .input-mobile-container-retail{
    flex: 1!important;
}

.input-search-rt-mobile{
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    width: 100%;
    height: 2.40rem;
    box-sizing: border-box!important;
    border: 0;
    padding: 0 0 0 0.5rem;
    background: transparent;
    font-size: 1rem!important;
    line-height: 1.50rem;
    resize: none;
    border-radius: 4px;
}

.input-search-rt-mobile::-moz-placeholder { color: #ff1b1b; }

.input-search-rt-mobile:-ms-input-placeholder { color: #ff1b1b; }

.input-search-rt-mobile::placeholder { color: #ff1b1b; }

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

/*Navbar with back*/
.navbar-back-mobile-retail{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.nv-back-retail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 6%);
    width: 100%;
    background: #fff;
    
}

.navbar-back-mobile-retail .back-btn-option{
    background-color: #fff;
    border: 1px solid #fff;
}

.nav-more-options{
    width: 50px;
}

.navbar-back-mobile-retail .nav-title-text{
    color: #1b1b1b;
    font-size: 16px;
}

.cont-icon-back-prof{
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
    padding: 15px;
    justify-content: space-between;
}

/*-----*/

.account-cont-retail{
    margin-top: 65px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.account-rtl-cont{
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: flex;
    align-items: center;
    padding: 15px;
}

.profile-container-account{
    height: 200px;
    background: linear-gradient(0deg,#ff5722,#df4020);
}

.header-modal-retail{
    font-size: 16px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
}

.retail-modal-body .ntdfjli{
    margin-top: 40px;
}

.image-account-rtl{
}

.link-or-cont-type a{
    background-color: #fff;
    color: #ee4d2d;
    border-radius: 1.0625rem;
    line-height: 1.0625rem;
    font-weight: 500;
    padding: 0 0.5rem;
}

.account-info-user-rtl{
    padding-left: 10px;
}

.text-username{
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #fff;
}

.image-account-rtl img{
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100%;
    border: 0.0625rem solid var(--nc-util-line,rgba(0,0,0,.09));
}

.account-list-items {
    background-color: #fff;
}

.account-list-items ul{
    margin: 0px;
}

.account-list-items ul li a{
    padding: 15px;
}

.account-list-items ul li a:hover{
    background: rgb(212, 212, 212);
}

.cat-recoms-retail .cat-links-retail{
    width: 100%;
    display: flex;
    margin-top: 0.1875rem;
    height: 1.5rem;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.5rem;
    flex-wrap: nowrap;
    overflow-y: visible;
    flex-wrap: wrap;
    position: relative;
    overflow-y: clip;
}

.cat-recoms-retail .cat-links-retail a{
    text-decoration: none;
    color: rgba(0,0,0,.87);
    position: relative;
    overflow: visible;
    outline: 0;
    white-space: nowrap;
    display: block;
    color: rgba(0,0,0,.54);
    margin-left: 13px;
    color: hsla(0,0%,100%,.9);
    height: 0.875rem;
    line-height: .875rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.app-info-donwload-container{
    display: flex;
    align-items: center;
    height: 350px;
}
.app-info-donwload-container .max-cont-dow-cont{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-info-donwload-container .info-cont-app{
    width: 50%;
}

.app-info-donwload-container .info-cont-app .ttl-app-info{
    font-size: 32px;
    color: #ff1b1b;
}

.app-banner-img img{
    width: 450px;
    -o-object-fit: contain;
       object-fit: contain;
}

.qr-codecont{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.stores-download-cont .store-donwload{
    width: 150px;
}

.stores-download-cont .qrcode{
    width: 150px;
}

.app-banner-img {
    display: flex;
    align-items: flex-end;
}

.continue-with .btn {
    display: block;
    margin-top: 10px;
    width: 100%;
    background: white;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.loginbtn{
    background:#ff4444;
    border: 1px solid #ff4444;
    border-radius: 3px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px;
    color: white;
}

.loginbtn:hover{
    color: white;
}

.login-modal{
    width: 400px;
}

.info-login{
    font-size: 12px;
}

.login-modal-content{
    height: 580px;
    border-radius: 5px;
}

.sl-info{
    font-size: 14px;
    text-align: center;
    margin: 30px;
    font-weight:400;
}

.info-login{
    font-size: 12px;
}

.close-c{
    padding: 9px;
    height: 50px;
}

.email-login input{
    display: block;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    font-size:14px;
    outline: none;
    border-radius: 5px;
    padding: 8px;
}

.email-login img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.logo-modal{
    width: 60px;
}

 .phone img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.px12{
    font-size: 12px;
}

.lg-phone .btn{
    background: #ff4444;
    border: 3px solid #ff4444;
}

.phone img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

a:hover{
    text-decoration: none;
}

.phone input,.phone .fk-input{
    width: 85%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    outline: none;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}

.border-bottom-dtls{
    border-bottom: 2px solid rgb(0, 47, 52);
}

.phone .email{
    width: 100%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-bottom: 2px solid rgb(0, 47, 52);
    padding: 10px;
    border-radius:5px;
}

.phone .phone-country-code{
    width: 15%;
    background: rgb(247,248,249);
    border: 2px solid rgb(247,248,249);
    border-right: 2px solid rgb(0, 47, 52);
    padding: 10px;
    color:black;
    text-align: center;
    border-end-start-radius: 5px;
    border-top-left-radius: 5px;
}

.price-post-l input{
    width: 85%;
    background: rgb(247,248,249);
    border: 1px solid rgb(247,248,249);
    border-left: 1px solid none;
    padding: 10px;
    outline: none;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}

.bold {
    font-weight: bold;
    color: black;
}

.modal-dialog-full-width {
    background: white;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width:none !important;
}

.modal-content-full-width  {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    background-color: white !important
}

.modal-header-full-width  {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
    border-top: 1px solid #9ea2a2 !important;
}

.modal-body-centeredfull{
    height: 100%;
}

#c-drop.active .account-user-dropdown,#c-drop-2.active .notification-dropdown{
    display: block;
}

.profile-navbar{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    box-shadow: 0px 0px 1px #b8b8b8;
}

.user-item-nav{
    position: relative;
    height: 40px;
}

.account-user-dropdown {
    position: absolute;
    top: 40px;
    right: 10px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: white;
    border-radius: 5px;
    display: none;
    overflow-y: auto;
    width: 350px;
    height: 600px;
}

.account-user-dropdown ul li{
    font-size: 14px;
    padding: 15px;
    font-weight: 400;
}

.account-user-dropdown ul li a{
    text-decoration: none;
}

.account-user-dropdown ul li:hover{
    background: rgb(212, 212, 212);
}

.language-bar{
    position: relative;
    height: 40px;
    cursor: pointer;
}

.dropdown-language-bar{
    position: absolute;
    right: 0;
    width: 250px;
    margin-top: 4px;
    background-color: #fff;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    border-radius: 5px;
    padding: 15px;
    display: none;
}

.dropdown-language-bar .rt-sub-nv{
    color: #000;
    font-weight: 600;
}

.dropdown-language-bar .lag-list{
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}

.dropdown-language-bar .lag-list a{
    color: #333;
    font-weight: 600;
}

.dropdown-language-bar .lag-list a:hover{
    color: #ff1b1b;
}

.r-c-container{
    padding: 15px;
    display: flex;
}

.pf-c{
    width: 80px;
    padding: 10px;
    height: 80px;
    display: flex;
    justify-content: center;
}

.profile-navbar-2{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
}

.notification-item-nav{
    position: relative;
    height: 40px;
}

.notification-dropdown{
    position: absolute;
    top: 35px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 200000!important;
    background: white;
    border-radius: 5px;
    display:none;
    height: 300px;
    overflow-y: scroll;
}

.notification-dropdown ul{
    margin: 0px;
    width: 260px;
}

.notification-dropdown ul li a, .ntdfjli ul li a{
    display: block;
    padding: 10px;
    color: black;
    display: flex;
}

.notification-dropdown ul li a div.cont-icn,.ntdfjli ul li a div.cont-icn{
    width: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.notification-dropdown ul li a div.cont-icn img,.ntdfjli li a div.cont-icn img{
    width: 30px;
    height: 30px;
    background-size: cover;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
}

.notification-dropdown ul li a div.cont-infn, .ntdfjli ul li a div.cont-infn{
    width: 90%;
    font-size: 12px!important;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.textgray{
    color: #002f34;;
}

.cart-item-nav{
    height: 40px;
    position: relative;
}

.car-list-available{
    display: none;
    position: absolute;
    top: 38px;
    right: 0px;
    box-shadow: 0px 2px 3px rgb(212, 212, 212);
    z-index: 2;
    background: white;
    border-radius: 5px;
    max-height: 400px;
    width: 450px;
    overflow-y: scroll;
    padding-left: 10px;
    padding-right: 10px;
}

.ttl-resenlty{
    padding: 10px;
}

.cart-list-products{
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.price-cont-retail-cont{
    padding-left: 5px;
    width: 120px;
    color: #f53d2d;
}

.image-cont-info-retail{
    display: flex;
}

.image-cont-info-retail .image-cart-retail-item{
    width: 70px;
    height: 50px;
}

.image-cont-info-retail .image-cart-retail-item img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
 
.image-cont-info-retail .title-cart-item{
    color: #000;
    padding-left: 10px;
}

.highlighted-contents-proms-cont{
    margin-top: 145px;
    height: 250px;
    display: flex;
}

.slider-cont-proms{
    width: 67%;
    height: 100%;
}

.slider-cont-proms .promotion-retail-swiper{
    height: 250px;
}

.slider-cont-proms .swiper-button-next, .slider-cont-proms .swiper-button-prev {
    color: #fff!important;
}

.proms-banner-items-cont{
    display: flex;
    flex-direction: column;
    width: 33%;
}

.proms-banner-items-cont .image-prom-banner-page{
    width: 100%;
    height: 125px;
}

.proms-banner-items-cont .image-prom-banner-page img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.category-ttl-retal{
    font-size: 16px;
}

.retail-cat-list{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.retail-cat-list .cat-retail-item{
    width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.retail-cat-list .cat-retail-item .cat-img-retail-cont{
    width: 70px;
    height: 70px;
    background-color: #b8b8b8;
    border-radius: 100%;
}

.retail-cat-list .cat-retail-item .cat-img-retail-cont img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 100%;
}

.cat-ttl-retail{
    color: #1b1b1b;
    margin-top: 5px;
    text-align: center;
}

.flash-discount-deals{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flash-discount-deals .flash-ttl-deals{
    color: #df4020;
    font-size: 18px;
}

.view-more-ttl-deals{
    font-weight: 400;
}

.view-more-ttl-deals a{
    color: #df4020;
}

.flash-items-list-retail{
    display: flex;
    flex-wrap: wrap;
}

.scroll-type-items{
    height: 250px;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.scroll-type-items .flash-ads-item{
    padding: 10px;
}

.flash-ads-item{
    height: 220px;
    width: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.discount-percent-aval{
    width: 45px;
    height: 40px;
    background-color: rgba(255,212,36,.9);
    color: #ff1b1b;
    text-align: center;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.discount-percent-aval:after {
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}

.retail-ads-highlight{
    width: 80%;
    height: 20px;
    background-color: rgba(255, 47, 36, 0.7);
    color: #ff1b1b;
    text-align: center;
    position: absolute;
    left: 10px;
    bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
}

.ads-image-cont-retail{
    width: 170px;
    height: 150px;
}

.ads-image-cont-retail img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.ads-price-flash-retail{
    font-size: 18px;
    color: #ff1b1b;
    text-align: center;
    margin-top: 15px;
}

.sold-text-retail{
    color: #ff1b1b;
}

.top-deals-cont-retail{

}

.top-deals-items-container{
    width: 100%;
    height: 260px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: auto;
}

.top-deals-item{
    width: 200px;
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5px;
    position: relative;
}

.top-image-cont{
    width: 100%;
    height: 160px;
}

.top-image-cont img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.info-top-dls-cont{
    width: 100%;
}

.info-top-dls-cont .ttl-item-dls{
    font-size: 13px;
    font-weight: 500;
    color: #1b1b1b;
}

.item-dls-price{
    color: #ff1b1b;
    font-weight: 600;
}

.discounted-item-dls{
    text-decoration: line-through;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    font-size: 12px;
}

.top-deal-fl-badge{
    width: 45px;
    height: 40px;
    background-color: rgba(255,212,36,.9);
    color: #ff1b1b;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.for-user-useful{
    display: flex;
}

.for-user-useful .item-for-each-image{
    width: 33.33%;
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
}

.tolove-ttl-cont{
    border-top: 5px solid #ff1b1b;
}

.tolove-ttl-cont{
    padding: 15px;
    text-align: center;
}

.text-rtl-disc-love{
    color: #ff1b1b;
    font-size: 16px;
}

.image-size-by-min-rtl{
    display: block;
    width: 100%;
    height: 120px;
    border-radius: 10px;
}

.image-size-by-min-rtl img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
}

.find-more-love-container-items{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.8rem;
}

.find-more-love-container-items a{
    color: #1b1b1b;
    padding-right: 10px;
    margin-top: 10px;
}

.ds-love-item-ads{
    width: calc(50% - 0.4rem);
    margin-top: 0.8rem;
    margin-bottom: 0;
    min-height: 310px;
    border-radius: 5px;
    background-color: #fff;
    /*box-shadow: 0 0.0625rem 0.250rem 0 rgb(0 0 0 / 10%);*/
    position: relative;
    color: #1b1b1b;
}

.ds-love-item-ads:hover{
    box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 10%);
}

.items-ds-love-image{
    border-radius: 5px 5px 0px 0px;
    height: 170px;
}

.items-ds-love-image img{
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.ds-love-info{
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ds-love-info .ttl-sds h1{
    font-size: 12px;
    font-weight: 400;
    color: #1b1b1b;
    display: inline;
    margin: 0;
    line-height: normal;
    word-break: break-all;
    vertical-align: middle;
}

.top-badge-sells{
    color: rgb(173, 142, 21);
    font-size: 10px;
    font-weight: 400;
}

.wm-svg{
    fill: rgb(173, 142, 21);
    background-color: transparent;
}

.price-lv-ds{
    font-size: 13px;
    font-weight: 600;
    color: #1b1b1b;
}

.price-nw-ds{
    color: #ff1b1b;
    font-size: 11px;
    font-weight: 400;
}

.ds-star-solds-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.star-cont-ds-lv{
    font-size: 11px;
    font-weight: 400;
    display: flex;

}

.ds-star-solds-cont .solds-text-lv-ds{
    font-size: 11px;
    font-weight: 400;
}

.ds-lv-hightlight{
    width: 80%;
    height: 20px;
    background-color: rgba(255, 47, 36, 0.7);
    color: #ff1b1b;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
}

.discounted-ds-lv{
    width: 45px;
    height: 40px;
    background-color: rgba(255,212,36,.9);
    color: #ff1b1b;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border-radius: 0px 5px 0px 0px;
}

.ds-info-platform{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
    height: 100%;
}

.ds-info-platform .ds-first-ptf-info .ttl-info h2{
    font-size: 14px;
}

.abt-platform-text{
    font-size: 11px;
    font-weight: 400;
    color: #1b1b1b;
}

.ttl-info{
    margin-top: 25px;
}

.header-site-retail-mzd{
    height: 60px;
    position: fixed;
    z-index: 10000;
    width: 100%;
    top: 0px;
    background-color: #fff;
    border-bottom: 5px solid #ff1b1b;
    display: none;
}

.header-cont-rt{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff1b1b;
    font-size: 18px;
}

.strs-list{
    background-color: #fff;
    padding: 15px;
    padding-top: 0px;
}

.ttl-stores-hd .hd-str-tittle a{
    color: #ff1b1b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.0625rem;
}

.ttl-stores-hd{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hd-view-ss a{
    color: #ff1b1b;
    font-weight: 400;
}

.retail-stores-cont{
    height: 240px;
    margin-top: 5px;
    display: flex;
}

.bg-bnner-strs{
    width: 300px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}

.fd-o-sftl{
    color: #fff;
    font-size: 20px;
}

.sl-more-btn{
    width: 120px;
    margin-top: 10px;
    background-color: #fff;
    color: #f23a3a;
    padding: 9px 20px 7px;
    border-radius: 19px;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    justify-content: center;
}

.bg-bnner-strs img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.stores-btsdle-rt{
    width: 75%;
    display: flex;
    flex-wrap: wrap;
}

.str-logo-nm-ct{
    width: calc(20% - 0.4rem);
    height: 80px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-top: 20px;
    border: 1px solid rgb(231, 231, 231);
}

.str-logo-nm-ct img{
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}

.logo-strmzd:hover img{
    width: 110px;
    height: 110px;
    -o-object-fit: contain;
       object-fit: contain;
}

.cats-list-dsr{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.cont-dst-ttl{
    font-weight: bold;
}

.ftds-cl a{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.links-catsk{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.links-catsk a{
    display: block;
    width: 50%;
    color: #5f5f5f;
    font-size: 12px;
}

.show-more-items-load button{
    width: 300px;
}

.site-bnft-items{
    margin-top: 35px;
    display: flex;
    justify-content: center;
    background-color: #e8e8e8;
    padding: 10px;
}

.bnft-info-item{
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.bnft-info-item h3{
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 8px;
    color: #333;
    font-weight: 600;
}

.bnft-info-item .ds-scrpt-bnft{
    margin-bottom: 0;
    line-height: 18px;
    color: #999;
    font-size: 12px;
    text-align: center;
}

.cstd-rt{
    font-size: .75rem;
    font-weight: 700;
    color: rgba(0,0,0,.87);
    margin-bottom: 0.7rem;
    margin-top: 2.5rem;
}

.footer-kns-rt .inner-foot-cont{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.footer-kns-rt ul a{
    text-decoration: none;
    color: rgba(0,0,0,.65);
    overflow: hidden;
    font-weight: 600;
    font-size: 12px;
}

.footer-kns-rt ul a:hover{
    color: #ff1b1b;
}

.ch-last{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pyt-rt-dv li{
    width: 4.25rem;
    height: 2.175rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    padding: 0.25rem;
    background-color: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0.125rem;
}

.pyt-rt-dv li a{
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.pyt-rt-dv li img{
    max-height: 100%;
    max-width: 100%;
}

.address-otr-infs{
    font-size: 12px;
}

.storesdonwns{
    display: flex;
    flex-direction: column;
}

.storesdonwns .icons{
    width: 100%;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.storesdonwns .icons img{
    width: 80%;
}

.qrcd-scan{
    width: 100%;
    height: 6.175rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    padding: 0.25rem;
    background-color: #fff;
    box-shadow: 0 0px 2px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0.125rem;
}

.qrcd-scan img,
.qrcd-scan svg{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.copyright-footer-cont{
    background-color: #e8e8e8;
}

.ft-cp-sections{
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}

.ft-inner-cp-ses{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 500;
}

.ft-inner-cp-ses{
    color: #333;
    font-weight: 500;
}

.ft-inner-cp-ses a{
    color: #333;
}

.footer-mobile{
    border: 1px solid red;
    background: linear-gradient(-180deg,#f53d2d,#ff1b1b);
}

.footer-mbd{
    height: 90px;
    border: 1px solid red;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    flex-wrap: wrap;
    padding: 10px;
}

.footer-mbd a{
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
}

.footer-mb-copyright{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #fff;
}

.loading-cont-rt-ads{
    min-width: 130px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.loading-mg-rt-ads{
    width: 100%;
    height: 130px;
    background-color: #efefef;
}

.loading-pr-rt-ads{
    width: 100%;
    height: 20px;
    background-color: #efefef;
}

.loading-ds-rt-ddsads{
    width: 80%;
    height: 20px;
    background-color: #efefef;
}

.loading-sl-rtfff{
    width: 150px;
    height: 30px;
    background-color: #efefef;
}

.loading-rt-vmsr{
    width: 90px;
    height: 30px;
    background-color: #efefef;
}

.loading-ads-rt-adc{
    width: 160px;
    height: 240px;
    margin-left: 10px;
}

.loading-rt-adss-adc-in{
    background-color: #efefef;
    width: 100%;
    height: 150px;
}

.loading-rt-ads-adc-in-ttl{
    background-color: #efefef;
    width: 100%;
    height: 25px;
}

.loading-rt-ads-in-prc{
    background-color: #efefef;
    width: 100%;
    height: 34px;
}

.loading-cts-by-rt{
    width: 170px;
    height: 260px;
    margin-left: 10px;
}

.loading-cts-ads-img-rt{
    background-color: #efefef;
    width: 100%;
    height: 160px;
}

.loading-nm-ads-img{
    background-color: #efefef;
    width: 100%;
    height: 40px;
}

.bg-grsdgrey{
    background-color: #efefef;
}

.loading-str-rt{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #efefef;
}

.loading-ads-rt-mr{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-mr-rt-ads-img{
    width: 90%;
    height: 180px;
    background-color: #efefef;
}

.loading-ttl-rtadsmr{
    background-color: #efefef;
    width: 90%;
    height: 40px;
}

.loading-tpsl-rtadsmr{
    background-color: #efefef;
    width: 70%;
    height: 20px;
}

.ads-more-retail{
    margin-top: 160px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 4px solid #ff1b1b;
}

.ads-more-retail h1{
    font-size: 22px;
}

.bar-cats-linkstype{
    display: flex;
    background-color: #fff;
    justify-content: center;
    align-items: center;
}

.bar-ch-list{
    border-bottom: 3px solid #fff;
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
}

.bar-ch-list.active{
    border-bottom: 3px solid #ff1b1b;
}

.bar-ch-list a{
    color: #333;
    font-weight: 500;
    margin-top: 3px;
}

.list-ads-rrl-more-items{
    margin-top: 25px;
    padding: 20px;
    padding-top: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.list-cont-more-rtl-ads{
    width: calc(50% - 0.4rem);
    min-height: 320px;
}

.list-cont-more-rtl-ads a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.list-img-rtl-ads-mr{
    width: 100%;
    height: 220px;
}

.list-img-rtl-ads-mr img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}

.list-ttl-rtl-ads-cont{
    padding: 10px;
}

.list-ttl-rtl-ads{
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.list-ord-rtl-pplp{
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.str-ds-size-oth{
    font-size: 13px;
}

.list-ord-rtl-pplp{
    display: flex;
    align-items: center;
}

.price-list-rtl-ads-cont{
    margin-top: 5px;
    display: flex;
    align-items: flex-end;
}

.price-list-rtl-ads-cont-2{
    margin-top: 5px;
    display: flex;
    align-items: flex-end;
}

.price-list-rtl-ads-cont .price-in-rtl{
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
    font-weight: 700;
    color: rgb(253, 56, 79);
}

.price-list-rtl-ads-cont-2 .price-in-rtl-2{
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
    font-weight: 700;
    color: rgb(253, 56, 79);
}

.price-dkt-in{
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    margin: 0vw 10px;
    color: rgb(102, 102, 102);
    text-decoration: line-through;
    font-weight: 400;
}

.list-ht-pr-badge{
    background-color: #ff1b1b;
    width: 50px;
    height: 40px;
    position: absolute;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-view-ads-df-col{
    margin-top: 15px;
    padding: 5px;
    padding-bottom: 10px;
    padding-top: 0px;
}

.ads-col-column-df{
    height: 140px;
    display: flex;
    align-items: center;
}

.ads-img-cont-list{
    width: 190px;
    height: 130px;
    position: relative;
}

.ads-img-cont-list img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
}

.ads-info-list-rtl{
    height: 130px;
    width: 100%;
    padding-left: 10px;
}

.ads-discount-lst{
    width: 40px;
    height: 30px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff1b1b;
    color: #fff;
    position: absolute;
    border-radius: 10px 0px 0px 0px;
}

.ht-deals-mb-recoms{
    border: 1px solid red;
    height: 170px;
    margin-top: 65px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-content: flex-start;
    border-width: 0vw;
    border-style: solid;
    border-color: black;
    min-width: 0vw;
    width: 100vw;
    background-color: rgba(253, 56, 79, 0.08);
    padding: 10px;
}

.ttl-ht-dl-mb-recoms{
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
}

.ads-ht-dl-mb-recoms-list{
    width: 100%;
    display: flex;
    overflow-x: auto;
}

.ads-ht-dl-mb-recom{
    width: 90px;
    height: 120px;
    border-radius: 10px;
    background-color: #fff;
    padding: 4px;
    margin-right: 10px;
}

.ads-ht-dl-mb-recom-img{
    width: 100%;
    height: 70px;
    border-radius: 3px;
}

.ads-ht-dl-mb-recom-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.price-gt-dl{
    font-size: 12px;
    font-weight: 600;
    color: #ff1b1b;
}

.dslfd-c-ds{
    box-sizing: border-box;
    display: block;
    font-size: 11px;
    white-space: pre-wrap;
    flex-shrink: 0;
    direction: ltr;
    height: 4.26667vw;
    line-height: 4.26667vw;
    color: rgb(253, 56, 79);
    font-weight: 400;
}

.d-ht-pr-ds-ads{
    box-sizing: border-box;
    display: block;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    height: 4.26667vw;
    line-height: 4.26667vw;
    color: rgb(102, 102, 102);
    text-overflow: ellipsis;
    text-decoration: line-through;
    font-weight: 400;
    padding-left: 5px;
}

.str-brands-cont{
    margin-top: 160px;
    background-color: #fff;
    padding: 15px;
}

.brand-head-ttl{
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.brands-listul{
    margin: 20px 0 10px;
    color: rgba(0,0,0,.87);
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.brand-item-list-li{
    width: 25%;
    padding: 10px 15px 10px 0;
    display: flex;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.brand-item-list-li a{
    color: rgba(0,0,0,.87);
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
    font-weight: 400;
}

.brands-frl-mml{
    background-color: #fff;
}

.ttl-brand-fsect{
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

.brand-cont-rl-ss{
    width: calc(50% - 0.4rem);
}

.brands-list-items{
    display: flex;
    flex-wrap: wrap;
}

.brand-rtl-item{
    width: 100%;
    height: 120px;
    border: 1px solid rgba(0,0,0,.09);
    padding-top: 56.25%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s cubic-bezier(.4,0,.2,1);
    position: relative;
    box-sizing: border-box;
}

.brand-cont-rl-ss a{
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 20px;
}

.ttl-brand-name-str{
    margin-top: 15px;
    max-width: 100%;
    font-size: 18px;
    line-height: 2rem;
    color: rgba(0,0,0,.87);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: 500;
}

.brands-ls-mob-type{
    width: 100%;
}

.brand-recoms-links-s{
    width: 100%;
    display: flex;
    overflow-x: auto;
    height: 50px;
}

.brd-link-sm-ch{
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 5px;
    box-sizing: border-box;
    width: 140px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brd-link-sm-ch .brd-mb-text{
    font-size: 11px;
    font-weight: 400;
    text-align: center;
}

.brands-mob-itms{
    margin-top: 15px;
}

.brands-rfl-y-ttl{
    color: #ff4444;
    font-weight: 500;
    font-size: 13px;
}

.brands-itms-list-mob{
    font-size: .625rem;
    line-height: .75rem;
    display: flex;
    flex-wrap: wrap;
    
}

.brands-itms-mzd{
    width: calc(33.3% - 8px);
    margin: 0.50rem 0.25rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.mzd0fg-brand{
    display: block;
}

.mzd-lmkd2{
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 0.125rem;
    position: relative;
}

.bg-mzd-brd{
    width: 100%;
    padding-top: 56%;
    background-position: 50%;
    overflow: hidden;
}

.brd-text-mzd-mob{
    color: rgba(0,0,0,.54);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.50rem 0.50rem 0;
}

.dvs-search-cont-rt{
    margin-top: 160px;
    display: flex;
}

.dvs-leftside-search{
    flex: 0 0 13.875rem;
    min-width: 0;
    margin: 0 1.25rem 1.25rem 0;
}

.dvs-mainside-search{
    flex: 1;
    width: 0;
    min-width: 0;
}

.dtttl-dvs-fil{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
    color: rgba(0,0,0,.8);
    height: 1.875rem;
    font-weight: 700;
    font-size: 0.9rem;
}

.ttl-filter-name{
    font-weight: 600;
}

.filter-chk-cont{
    font-weight: 400;
    color: #1b1b1b;
}

.filter-prc-input{
    margin: 1.25rem 0 0.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inpt-any-used-prc{
    width: 4.675rem;
    height: 2.3rem;
    background-color: #fff;
    outline: none;
    border: 1px solid rgba(0,0,0,.26);
    box-sizing: border-box;
    padding-left: 0.3125rem;
    font-size: .8125rem;
    border-radius: 0.125rem;
    box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 5%);
}

.sp-prc-lins-rtype-mzd{
    flex: 1;
    height: 1px;
    background: #bdbdbd;
    margin: 0 0.625rem;
}

.fl-btn-ranges{
    background-color: rgb(238, 77, 45);
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    position: relative;
    overflow: visible;
    outline: 0;
    background: #ee4d2d;
}

.stars-itms-mzd{
    display: flex;
    align-items: center;
}

.stars-itms-mzd span{
    font-size: 13px;
    padding-bottom: 5px;
}

.hd-sect-se-main{
    display: flex;
    justify-content: space-between;
}

.hd-sh-ttl{
    font-size: 1rem;
    color: rgba(0,0,0,.54);
    font-weight: 500;
}

.hd-sect-se-main a{
    font-weight: 400;
}

.shop-rcm-mzd-sect{
    background-color: #fff;
    height: 100px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
    border-radius: 0.125rem;
    display: flex;
    justify-content: space-between;
}

.shpr-rem-sect-hd{
    display: flex;
    flex: 0 1 25.9375rem;
    overflow: hidden;
    padding: 0 1.25rem 0 0.625rem;
    cursor: pointer;
    text-decoration: none;
    color: rgba(0,0,0,.87);
    align-items: center;
}

.shpr-rem-sect-infs{
    display: flex;
    align-items: center;
}

.img-shop-rem{
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #efefef;
}

.shp-nm-items{
    height: 70px;
}

.name-shop-sect{
    font-size: 1rem;
    font-weight: 500;
    color: rgba(0,0,0,.8);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-name-shop-sect{
    font-size: .875rem;
    color: rgba(0,0,0,.8);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.shp-user-followers-sect{
    color: rgba(0,0,0,.54);
    margin-top: 0.3125rem;
    text-transform: capitalize;
    font-size: .75rem;
    white-space: nowrap;
    font-weight: 400;
}

.store-seller-sect-ns-inf{
    min-width: 90px;
    box-sizing: border-box;
    flex-shrink: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    text-align: center;
    padding: 0 0.625rem;
}

.str-sller-nty-nr{
    color: #ff1b1b;
    font-size: 15px;
}


.ds-shp-srt-sller-nr{
    margin-top: 0.5rem;
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    text-transform: capitalize;
    font-weight: 400;
}

.search-result-ttl{
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem;
    color: #555;
}

.sort-bar-rtl-search{
    font-weight: 400;
    background: rgba(0,0,0,.03);
    padding: 0.8125rem 1.25rem;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searthc-sort-options{
    display: flex;
    align-items: center;
}

.srt-item-by-lb{
    width: 70px;
    color: #555;
    margin: 0 0.3125rem 0 0;
}

.sort-option-sh-rtl{
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 2%);
    height: 2.125rem;
    line-height: 2.125rem;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    display: flex;
    flex: 0 0 5.625rem;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    padding: 0 0.9375rem;
    background: #fff;
    white-space: nowrap;
    margin-left: 0.625rem;
    box-sizing: border-box;
}

.select-option-hv-dropdown{
    min-width: 11.5rem;
    margin-left: 0.625rem;
    position: relative;
}

.select-option-hv-drop-cont{
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 2%);
    height: 2.125rem;
    border-radius: 2px;
    border: 0;
    margin: 0;
    background: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
}

.select-option-drop-mkl{
    position: absolute;
    width: 100%;
    background-color: #fff;
    margin-top: 4px;
    z-index: 10;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 20%);
}

.filter-opt-view{
    display: flex;
}

.view-opt-sl button{
    border: 0;
    background-color: #fff;
}

.opt-sel-sort-rtl .a-link-btn-opt{
    display: flex;
    width: 100%;
    border: 0;
    background-color: transparent;
    text-align: left;
    padding: 5px;
    margin-top: 5px;
    font-weight: 400;
    justify-content: space-between;
}

.opt-sel-sort-rtl .a-link-btn-opt:hover{
    color: #ff1b1b;
}

.mb-search-rtl-cont{
    flex: 1;
    overflow: hidden;
    padding-right: 5px;
}

.mb-search-rtl{
    background: rgba(0,0,0,.05);
    width: 100%;
    height: 2.25rem;
    padding: 0 0.5rem;
    border-radius: 0.125rem;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.mb-search-rtl-input{
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    width: 100%;
    height: 2.25rem;
    box-sizing: border-box!important;
    border: 0;
    padding: 0 0 0 0.5rem;
    background: transparent;
    font-size: .875rem;
}

.search-mb-icon{
    fill: transparent;
    stroke: rgba(0,0,0,.4);
    display: block;
}

.filter-mobile-rtl-mzd{
    border: 0;
    background-color: transparent;
}

.filter-mobile-rtl-mzd:active{
    background-color: #efefef;
    border-radius: 10px;
}

.bar-mob-filter{
    position: relative;
}

.bar-mob-filter-matches{
    background-color: #fff;
    line-height: 24px;
    font-size: 14px;
    margin-top: 65px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.fl-bar-sort{
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    cursor: pointer;
}

.fl-bar-sort:active{
    background-color: #efefef;
    border-radius: 10px;
}

.fl-bar-sort svg{
    margin-top: 3px;
}

.sort-nm-fl-br{
    font-weight: 400;
    color: #ff1b1b;
}

.view-tp-mb-item .tp-mb-itms-view{
    border: 0;
    background-color: transparent;
}

.view-tp-mb-item .tp-mb-itms-view:active{
    background-color: #efefef;
    border-radius: 10px;
}

.filter-list-tp-mbsh{
    display: none;
    background-color: #fff;
    font-weight: 400;
    color: #ff1b1b;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

.list-option-filter{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.list-option-filter:active{
    background-color: #efefef;
}

.modal-sh-wrapper-cont{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    display: none;
}

.modal-scroll-drawer-wrapper{
    background: rgba(0,0,0,.4);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

.modal-scroll-drawer-wrapper.active{
    display: block;
}

.modal-cont-drawer-scroll{
    background: #fff;
    width: 80%;
    height: 100%;
    position: fixed;
    right: 0;
    transform: translateX(100%);
    transition: transform .5s cubic-bezier(.4,0,.6,1);
    z-index: 2000000;
    display: flex;
    flex-direction: column;
}

.modal-cont-drawer-scroll[data-mzd-visible="true"]{
    transform: translateX(0%);
}

.ttl-modal-search{
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    height: 2.75rem;
    background: #f5f5f5;
    font-size: 1rem;
    font-weight: 500;
}

.body-modal-search-mb{
    flex: 1 1;
    min-height: 0;
    overflow-y: auto;
}

.footer-modal-search-mb{
    flex: 0 0 auto;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem 0.75rem;
}

.filter-btn-apply{
    box-sizing: border-box;
    min-width: 5.25rem;
    height: 2.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    border-radius: 0.125rem;
}

.reset-filter-btn-mb{
    border: 1px solid #ff1b1b;
    color: #ff1b1b;
    background-color: hsla(0,0%,100%,.3);
}

.apply-filter-btn-mb{
    background-color: #ff1b1b;
    border: 1px solid #ff1b1b;
    margin-left: 0.75rem;
    background-color: #ff1b1b;
    color: #fff;
}

.filter-opt-mob-search-sl{
    padding: 0 0.75rem;
    padding-bottom: 13px;
}

.filter-opt-mob-search-sl-tll{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 0 0.5rem;
    font-weight: 400;
}

.filter-opt-mob-search-sl-cont{
    display: flex;
    flex-wrap: wrap;
}

.filter-opt-mob-search-sl-item{
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    padding: 0.25rem;
}

.filter-opt-mob-inner{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    border-radius: 0.125rem;
    background: #f5f5f5;
    padding: 0.25rem 0.5rem;
    height: 2.25rem;
    position: relative;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    transition-property: color,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    font-weight: 400;
    font-size: .75rem;
}

.filter-opt-mob-inner:active{
    background-color: #ff1b1b;
    color: #fff;
}

.show-more-items-filter-opt{
    font-weight: 400;
    display: flex;
    flex-direction: column;
}

.show-item-filter-opt{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: rgba(0,0,0,.65);
    padding: 10px;
}

.inpt-filter-opt-search{
    font-weight: 400;
    padding-left: 10px;
    padding: 1rem 1rem 0.5rem;
}

.inpt-ttl-class-opt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.inpt-filter-opt-ranges-cont{
    width: 100%!important;
    display: flex;
    align-items: center;
    padding: 0.625rem;
    background: #f5f5f5;
    margin-top: 10px;
}

.inpt-flt-op-rang-div{
    flex: 1;
}

.inpt__flt-opt{
    border-radius: 0!important;
    border: 0!important;
    padding: 0.35rem 0.35rem 0.35rem!important;
    outline: none!important;
    box-shadow: none!important;
    font-weight: 400!important;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: #fff;
}

.filt-drawer-rangs-fl__opt{
    flex-shrink: 0;
    width: 1rem;
    height: 1px;
    background-color: #d8d8d8;
    margin: 0 0.3125rem;
}

@media only screen and (max-width: 467px) {
    .profile-navbar{
        width: 30px;
        height: 30px;
    }

    .mobile-nav-retail .nv-mobile-cotent-retal{
        width: 97%;
    }

    .show-more-items-load button{
        width: 80%;
    }
}

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

    .bar-cats-linkstype{
        overflow-x: scroll;
    }

    .bar-ch-list{
       
    }

    .site-bnft-items{
        flex-direction: column;
    }

    .bnft-info-item{
        width: 100%;
        border: 1px solid none!important;
    }
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 767px) {
    .login-bd-swipe .swiper-button-prev,.login-bd-swipe .swiper-button-next{
        display: none!important;
    }

    .login-modal-content{
        height: auto !important;
        min-height: 100% !important;
        border-radius: 0 !important;
        background-color: white !important;
    }

    .phoneload,.emailload,.continue-with{
        display: flex;
        justify-content: center;
    }

    .login-modal{
        background: white;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width:none !important;
    }

    #location-view .modal-dialog-centered{
        display: block!important;
    }

    .nav-search-retail{
        width: 45%;
    }
}

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

    .fr-mobiles-bg-white{
        background-color: #fff;
    }

    .price-list-rtl-ads-cont{
        flex-direction: column;
        align-items: flex-start;
    }

    .price-list-rtl-ads-cont .price-in-rtl{
        font-size: 14px;
    }

    .price-dkt-in{
        font-size: 11px;
        margin-left: 0px;
    }

    .bar-ch-list a{
        font-size: 12px;
        text-align: center;
    }

    .list-ord-rtl-pplp{
        font-size: 12px;
        margin-top: 5px;
    }

    .list-ttl-rtl-ads{
        font-size: 12px;
    }

    .flash-discount-deals .flash-ttl-deals, .text-rtl-disc-love,.ttl-stores-hd .hd-str-tittle a{
        font-size: 14px;
    }

    .ads-price-flash-retail{
        font-size: 14px;
    }

    .sold-text-retail{
        font-size: 12px;
    }

    .str-logo-nm-ct{
        width: 110px;
    }

    .retail-stores-cont{
        flex-direction: column;
    }

    .stores-btsdle-rt{
        width: 100%;
        flex-direction: column;
        overflow-x: auto;
    }

    .bg-bnner-strs{
        width: 100%;
        height: 300px;
    }

    .notification-dropdown{
        right: 240px!important;
    }

    .mzd-modules-nav .module-nav  .link-cont-module a{
        padding-right: 5px!important;
        font-size: 11px;
    }

    .nav-search-retail{
        width: 50%;
    }

    .nv-retail{
        display: none;
    }

    .slider-cont-proms{
        width: 100%;
    }

    .proms-banner-items-cont{
        width: 100%;
    }

    .highlighted-contents-proms-cont{
        margin-top: 120px;
        flex-direction: column;
        height: 100%;
    }

    .ds-love-item-ads:not(:nth-child(2n)) {
        margin-right: 0.8rem;
    }

    .list-cont-more-rtl-ads:not(:nth-child(2n)) {
        margin-right: 0.8rem;
    }

    .foot-mob-hide-tr{
        display: none;
    }

    .brand-cont-rl-ss:not(:nth-child(2n)) {
        margin-right: 0.8rem;
    }

    .str-brands-cont{
        margin-top: 60px;
    }

}

@media only screen and (min-width: 868px) {
    .mobile-nav-retail{
        display: none;
    }

    .mobile-nav-container-retail{
        display: none;
    }

    .ds-love-item-ads{
        width: calc(25% - 0.6rem);
    }

    .list-cont-more-rtl-ads{
        width: calc(25% - 0.6rem);
    }

    .brand-cont-rl-ss{
        width: calc(25% - 0.6rem);
    }

    .ds-love-item-ads:not(:nth-child(4n)) {
        margin-right: 0.8rem;
    }

    .brand-cont-rl-ss:not(:nth-child(4n)) {
        margin-right: 0.8rem;
    }

    .list-cont-more-rtl-ads:not(:nth-child(4n)) {
        margin-right: 0.8rem;
    }

    .header-site-retail-mzd{
        display: none;
    }

    .large-devices-hide{
        display: none;
    }

    .nav-bk-header-mobile{
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 992px) {

    .nav-search-retail{
        width: 55%;
    }

    .mzd-modules-nav .module-nav  .link-cont-module a{
        width: 100%;
        color: #fff;
        padding: 14px;
        padding-left: 5px;
        font-size: 11px!important;
    }
}

@media only screen and (min-width: 1067px) {
    .ds-love-item-ads{
        width: calc(20% - 0.8rem);
    }

    .brand-cont-rl-ss{
        width: calc(20% - 0.8rem);
    }

    .list-cont-more-rtl-ads{
        width: calc(20% - 0.8rem);
    }

    .ds-love-item-ads:not(:nth-child(5n)) {
        margin-right: 1rem!important;
    }

    .list-cont-more-rtl-ads:not(:nth-child(5n)) {
        margin-right: 1rem!important;
    }

    .brand-cont-rl-ss:not(:nth-child(5n)) {
        margin-right: 1rem!important;
    }

    .brand-cont-rl-ss:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .list-cont-more-rtl-ads:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .ds-love-item-ads:not(:nth-child(4n)) {
        margin-right: 0;
    }
    
}

/* Medium devices (landscape tablets, 768px and down for dropdown) */
@media only screen and (max-width: 1167px) {
    .mzd-modules-nav .content-module .module-nav{
        font-size: 12px;
    }
}

@media only screen and (max-width: 1276px) {
}
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #ff4444;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #ff4444;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4444
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #ff4444;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}
.tracking-detail {
    padding:3rem 0
   }
   #tracking {
    margin-bottom:1rem
   }
   [class*=tracking-status-] p {
    margin:0;
    font-size:1.1rem;
    color:#fff;
    text-transform:uppercase;
    text-align:center
   }
   [class*=tracking-status-] {
    padding:1.6rem 0
   }
   .tracking-status-intransit {
    background-color:#65aee0
   }
   .tracking-status-outfordelivery {
    background-color:#f5a551
   }
   .tracking-status-deliveryoffice {
    background-color:#f7dc6f
   }
   .tracking-status-delivered {
    background-color:#4cbb87
   }
   .tracking-status-attemptfail {
    background-color:#b789c7
   }
   .tracking-status-error,.tracking-status-exception {
    background-color:#d26759
   }
   .tracking-status-expired {
    background-color:#616e7d
   }
   .tracking-status-pending {
    background-color:#ccc
   }
   .tracking-status-inforeceived {
    background-color:#214977
   }
   .tracking-list {
    
   }
   .tracking-item {
    border-left:1px solid #e5e5e5;
    position:relative;
    padding:2rem 1.5rem .5rem 2.5rem;
    font-size:.9rem;
    margin-left:3rem;
    min-height:5rem
   }
   .tracking-item:last-child {
    padding-bottom:4rem
   }
   .tracking-item .tracking-date {
    margin-bottom:.5rem
   }
   .tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
   }
   .tracking-item .tracking-content {
    padding:.5rem .8rem;
    background-color:#f4f4f4;
    border-radius:.5rem
   }
   .tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:85%
   }
   .tracking-item .tracking-icon {
    line-height:2.6rem;
    position:absolute;
    left:-1.3rem;
    width:2.6rem;
    height:2.6rem;
    text-align:center;
    border-radius:50%;
    font-size:1.1rem;
    background-color:#fff;
    color:#fff
   }
   .tracking-item .tracking-icon.status-sponsored {
    background-color:#f68
   }
   .tracking-item .tracking-icon.status-delivered {
    background-color:#4cbb87
   }
   .tracking-item .tracking-icon.status-outfordelivery {
    background-color:#f5a551
   }
   .tracking-item .tracking-icon.status-deliveryoffice {
    background-color:#f7dc6f
   }
   .tracking-item .tracking-icon.status-attemptfail {
    background-color:#b789c7
   }
   .tracking-item .tracking-icon.status-exception {
    background-color:#d26759
   }
   .tracking-item .tracking-icon.status-inforeceived {
    background-color:#214977
   }
   .tracking-item .tracking-icon.status-intransit {
    color:#e5e5e5;
    border:1px solid #e5e5e5;
    font-size:.6rem
   }
   @media(min-width:992px) {
    .tracking-item {
     margin-left:10rem
    }
    .tracking-item .tracking-date {
     position:absolute;
     left:-10rem;
     width:7.5rem;
     text-align:right
    }
    .tracking-item .tracking-date span {
     display:block
    }
    .tracking-item .tracking-content {
     padding:0;
     background-color:transparent
    }
   }.lgin-nvnew-content{
    padding: 12px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.close-smd{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px 8px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
}
.close-smd #closeLoginModal, .close-smd #arrowback, #closeStateCity{
    background-color: transparent!important;
    border: none;
}
.h1ddv{
    color: #000;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
.login-nv-modal{
    width: min(100%, 450px);
    max-width: 100%;
    margin: 0 auto;
}
.txt-mds-lf{
}

.lsdf button{
    display: block;
    width: 100%;
    font-weight: bold!important;
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 8px;
    height: 48px;
}
.lsdf button:hover{
    background-color: #ff1b1b;
    border: 2px solid #ff1b1b!important;
    color: #fff!important;
}
.lsdf button:hover svg{
    fill: #fff;
    background-color: transparent;
}
.txt-mds-lf{
    font-size: 14px;
    color: #000;
    text-align: center
}
.dlkfss{
    text-align: center;
}
.dlkfssds{
    text-align: left;
    font-weight: bold;
}
.dlkfss a{
    color: #ff1b1b;
    font-weight: bold;
    font-size: 16px
}
.lsdfdsd{
    background-color: #ff1b1b;
    border: 2px solid #ff1b1b!important;
    color: #fff!important;
}
.lsdfdsd2{
    background-color: #ff1b1b;
    border: 2px solid #ff1b1b!important;
    color: #ff1b1b!important;
    height: 48px;
    font-weight: bold;
}
.lsdfdsd2:hover{
    color: #ff1b1b!important;
}
.sbwhiterd-c{
    color: #fff!important
}
.lsdf #login-email-input, #login-email-input2, #login-password-input{
    height: 48px;
}
.txst-eml{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.errorrs {
    border-bottom-color: red;
}

.error-messaged{
    color: red;
    font-size: 14px;
    display: none;
    margin-top: 8px;
    line-height: 1.45;
}

.error-messaged.visible {
    display: block;
}

.nerr-resp{
    border-radius: 10px;
    background-color: #ff1b1b22;
    padding: 10px;
    display: flex;
    align-items: center;
}
.tp-pss{
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
.plfgm{
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.lkdsaa-sad span{
    display: block;
}

.txtwrs{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.55;
}
.resend-csr-code{
    font-weight: bold;
    color: #ff1b1b;
    border: none;
    background-color: transparent;
    font-size: 15px;
}
.cls-dark{
    color: #ffb1b1!important;
}

.phone-cont-inpt{
    display: flex;
    border: 2px solid #f7f8f9;
    border-radius: 5px;
    background: #f7f8f9;
}

.phone-cont-inpt .phone-country-code{
    height: 48px;
    border-radius: 5px 0px 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    border-right: 1px solid #000;
}

.phone-cont-inpt input{
    width: 100%;
    height: 48px;
    border-radius: 0px 5px 5px 0px;
    border: none;
}

.login-nw-style .modal-dialog{
    max-width: min(100% - 24px, 460px);
    margin: 16px auto;
}

.login-nw-style .modal-content{
    border: none;
    border-radius: 24px;
    overflow: hidden;
    max-height: calc(100dvh - 32px);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
}

.modal-body-centeredfull{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
}

.login-nw-style .modal-body,
.login-nw-style .email-login{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
}

.login-nw-style .dv-dsnf{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.login-nw-style .lsdf{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-nw-style .lsdf button{
    margin-bottom: 0;
}

.login-nw-style .errr_response{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media only screen and (max-width: 767px) {
    .login-nw-style{
        padding-right: 0 !important;
    }

    .login-nw-style .modal-dialog{
        max-width: 100%;
        min-height: 100dvh;
        margin: 0;
        display: flex;
        align-items: stretch;
    }

    .login-nw-style .modal-content{
        min-height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .close-smd{
        padding-top: max(12px, env(safe-area-inset-top, 0px));
    }

    .lgin-nvnew-content{
        padding: 12px 16px 28px;
        gap: 12px;
    }
}

@media only screen and (min-width: 1067px) {
    .custom-col {
        width: calc(20% - 0.8rem);
    }
}
@media only screen and (min-width: 868px) {
    .custom-col {
        width: calc(25% - 0.6rem);
    }

    .custom-col:not(:nth-child(4n)) {
        margin-right: 0.8rem;
    }
}

@media only screen and (max-width: 867px) {
    .custom-col:not(:nth-child(2n)) {
        margin-right: 0.8rem;
    }
}

@media only screen and (min-width: 1067px) {
    .custom-col{
        width: calc(20% - 0.8rem);
    }

    .custom-col:not(:nth-child(5n)) {
        margin-right: 1rem !important;
    }

    .custom-col:not(:nth-child(4n)) {
        margin-right: 0;
    }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-v18-latin-regular.woff2") format("woff2"), url("../fonts/inter-v18-latin-regular.woff2") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-v47-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v47-latin-regular.woff2") format("woff");
  font-style: normal;
}
/* poppins-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  src: url("../fonts/poppins-v23-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-sans-v15-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-regular - latin */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/work-sans-v19-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}