/*
Theme Name: My Listing
Theme URI: https://mylistingtheme.com/
Author: 27collective
Author URI: http://27collective.net/
Description: MyListing - Directory & Listing WordPress Theme
Version: 2.11.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-listing
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool.
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

li.wc_payment_method.active {
    background: var(--cta) !important;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.dark-mode {
    background-color: var(--drk-bg-site-bck) !important;
    color: #fff !important;
}

.sticky,
.bypostauthor,
.gallery-caption {
    font-size: 14px;
}





:root {
    --accent: #0f171f !important;
    --accent: #1f3850 !important;
    --accent: #171c26 !important;
    --accent: #11100b !important;
    --site-bg: #edf2fa;
    --site-bg: #f2f2f2;
    --site-bg2: #f8f8f8;
    --site-bg-stock: var(--site-bg);
    --site-bg-stock: #ffffff;
    --site-bg-light: #edf2fa;
    --site-bg-light: #f2f2f2;
    --overlay-1: #81818136;
    --fluo: #fff;
    --fluo2: #607d8b;
    --fluo3: #1b6ef3;
    --svg-icn: #fff;
    --site-shadow: 0px 0px 0px 0px hsl(0deg 0% 86.27%);
    --chip: #eceef4;
    --ctax: #ade311;
    --ctax: #68f100;
    --cta: #ade311;
    --cta-text:#000;
    --cta-text-reverse:var(--drk-bg-site-bck);
    --cta2: linear-gradient(90deg, var(--cta) 13%, #1110009e 98%);
    --rev-bg: cadetblue;
    --light-bg-field-filled: #eafff1;
    --dark-secondary-chips: #20232b;
    --dark-secondary-chips-txt: #b6b6b6;
    --dark-secondary-chips-in: #15222a;
    --dark-secondary-chips-in-txt: #adadad;
    --drk-bg-site-bck: #040a13;
    --drk-bg-site-bck: #000;
    --drk-bg-site-bck-2nd:#20232b;
}

#c27-site-wrapper {
    background: var(--site-bg-stock) !important;
}

#c27-site-wrapper:not(body.page-id-85 #c27-site-wrapper) {
    background-color: #fff !important;
}
.dark-mode #c27-site-wrapper:not(body.page-id-85 #c27-site-wrapper) {
    background-color: var(--drk-bg-site-bck) !important;
}
.close {
    text-shadow: 0 0px 0 #fff0 !important;
}

.dark-mode .cta-text-reverse {
    color: #dfdc0b; /* Change to white when dark mode is applied */
}
.cts-next,
.cts-prev {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--site-bg-stock) 80%) !important;
}

.swiper-pagination-bullet-active {
    width: 18px !important;
    border-radius: 4px !important;
    transition: all .2793s ease-in !important;
}

.swiper-pagination-bullet-active {
    transition: all .2793s ease-in !important;
}

.swiper-pagination-bullet {
    background: var(--drk-bg-site-bck) !important;
    filter: opacity(1);
}

.dark-mode .swiper-pagination-bullet {
    background: #dfe1e5 !important;
}

.swiper-pagination {
    position: relative !important;
    top: 5px !important;
    margin-bottom: -10px;
}

.modal.quick-view-modal {
    z-index: 1000;
}
.modal.quick-view-modal[id*="quick-view-"] {
    right: 20px;
}
.container.c27-products-wrapper.woocommerce {
    background: #f2f2f2 !important;
    max-height:40px!important;
}
.dark-mode .container.c27-products-wrapper.woocommerce {
    background: var(--drk-bg-site-bck) !important;
}
section.i-section.similar-listings h2.case27-primary-text {
    border-top:1px solid #2f3336;
    padding-top:40px;
    margin-bottom:20px
}
.dark-mode section.i-section.similar-listings h2.case27-primary-text {
    border-top:1px solid #2f3336;
}

[id^="quick-view"] .swiper-pagination {
    position: relative !important;
    top: -5px !important;
    background: none;
    height: 40px;
    padding-top: 20px;
    z-index: 1;
}

.dark-mode [id^="quick-view"] .swiper-pagination {
    background: none;
}

.quick-view-modal a.c27-toggle-quick-view-modal.card-chip-cta {
    display: none !important;
}

/* General swiper styling */
.swiper-slide {
    width: 100%;
    display: flex;
    margin-right: 25px;
    border-radius: 21px;
    overflow: hidden;
    transition: height 0.3s ease;
    /* Smooth transition for height */
}

@media only screen and (max-width: 768px) {
    .swiper-slide {
        height: 243px!important;
        transition: height .4s cubic-bezier(0.18, 0.89, 0.15, 0.97)!important;
        box-shadow: 0;
    }
    .moved-to-modal .swiper-slide {
        height: 300px!important;
    }
}
/* Swiper with video */
.swiper-slide.video.swiper-slide-active{
    height: 243px!important;
    transition: height .4s cubic-bezier(0.18, 0.89, 0.15, 0.97)!important;
    box-shadow: 0;
}
/* Swiper with video */
[id^="quick-view"] .swiper-slide.video {
    height: 270px;
}

/* Swiper with images (default) */
.swiper-slide:not(.video) {
    max-height: 500px;
    height: auto;
    /* Allows responsive height for images */
}

/* Image styling for cover and centering */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures image covers the container */
    object-position: center;
    /* Centers the image content */
}


.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 2px !important;
}

/* Gradient Text
-------------------------------------------------------------- */
.gradient-text {
    background: linear-gradient(90deg, #11184d 0, #1d63ed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Checkboxes
-------------------------------------------------------------- */
.md-checkbox label:before {
    border-radius: 7px;
}

.tags-nav li .md-checkbox {
    margin: 1px !important;
}

.tags-nav li .md-checkbox label {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 12px;
    border: 2px solid #ffffff00;
}

@media (hover: hover) and (pointer: fine) {
    .tags-nav li .md-checkbox label:hover {
        background: white;
        transition: background 0.1s ease-in;
    }

    .dark-mode .tags-nav li .md-checkbox label:hover {
        background: #0f0f0f;
    }
}

.tags-nav li .md-checkbox label:active {
    background: var(--accent);
    transition: background .1s ease-in;
}

.md-checkbox input[type=checkbox]:checked+label,
.md-checkbox input[type=radio]:checked+label {
    background: var(--overlay-1);
    transition: background .1s ease-in;

}

.md-checkbox input[type=checkbox]:checked+label:after,
.md-checkbox input[type=radio]:checked+label:after {
    top: 12px;
    left: 9px;
    width: 13px;
    height: 7px;
}
.md-checkbox input[type=checkbox]:checked+label:after {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.md-checkbox input[type=checkbox]:checked+label:before, .md-checkbox input[type=radio]:checked+label:before {
    background: #070707 !important;
    transition: .2s ease-in;
}
.dark-mode .md-checkbox input[type=checkbox]:checked+label:before, .dark-mode .md-checkbox input[type=radio]:checked+label:before {
    background: #20232b5c!important;
}
.md-checkbox label:after,
.md-checkbox label:before {
    left: 5px;
    top: 8px;
}

.md-checkbox label {
    padding-left: 37px;
}

/* range finder
-------------------------------------------------------------- */
.form-group .ui-state-default,
.form-group .ui-widget-content .ui-state-default {
    top: -8px;
    width: 12px;
    height: 21px;
    border-radius: 4px;
}

.mylisting-range-slider {
    background: white;
    padding: 0px 25px 25px 25px;
    border-radius: 12px;
    margin-top: 11px;
    border: 1px solid rgba(0, 0, 0, .0) !important;
}

.mylisting-range-slider:active {
    border: 1px solid #fff !important;
    transition: all .2s ease-in;
}

.form-group .radius .slider-range,
.form-group .ui-widget.ui-widget-content {
    width: 100%;
    border: none;
    display: inline-block;
    background: #cfd8dc;
    height: 4px;
}

.dark-mode .form-group .radius .slider-range,
.dark-mode .form-group .ui-widget.ui-widget-content {
    background: var(--drk-bg-site-bck);
    border-radius: 4px;
}

.radius .amount {
    position: relative;
    top: -5px;
    left: -10px;
}

.radius.proximity-slider .amount {
    padding-top: 20px;
}

/* multiselect
-------------------------------------------------------------- */
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: var(--light-bg-field-filled) !important;
    margin-bottom: 0px;
    border-radius: 40px;
    margin-top: 8px;
    padding: 7px;
    padding-left: 15px;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover {
    background-color: var(--overlay-1) !important;
    margin-bottom: 0px;
    border-radius: 40px;
    margin-top: 8px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #ffffff00;
    border-radius: 12px !important;
    border-bottom: 0px !important;
    min-height: 37px;
    border: 1px solid rgba(0, 0, 0, .0) !important;

}

.select2-container--default .select2-selection--multiple {
    background: var(--site-bg);
    border-bottom: 0px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .0) !important;
}

.finder-search .select2-container--default .select2-selection--multiple>ul>li:not(:only-child):first-child {
    margin-top: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 10px;
    padding-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
    font-size: 14px;
    padding: 3px 4px;
    color: oklch(.13 .028 261.692);
    background: var(--overlay-1);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transition: .2s ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 15px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple:hover {
    background: var(--site-bg);
    border-bottom: 0px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .0) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple:active {
    background-color: rgba(0, 0, 0, .06);
    transition: padding .2s ease-in-out, background .2s ease-in-out;

}

/* Select
-------------------------------------------------------------- */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--site-bg-light);
    border: 1px solid rgb(0 0 0 / 0%) !important;
    transition: padding .2s ease-in-out, background .2s ease-in-out;
    border-radius: 12px;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background-color: var(--overlay-1);
}

.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    background-color: #ddd;
    border: 1px solid rgba(0, 0, 0, .0) !important;
    transition: padding .2s ease-in-out, background .2s ease-in-out;
    border-radius: 12px;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:active {
    color: #1d1d23;
    background-color: var(--accent);
    border-bottom: 0px solid var(--drk-bg-site-bck) !important;
    transition: padding .2s ease-in-out, background .2s ease-in-out;
    border-radius: 12px;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
}

.finder-tabs .cts-term-hierarchy .term-select:not(.term-select-0) {
    margin-top: 10px !important;
}

.select2-container--below.select2-container--open .select2-selection__rendered:after {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear:before {
    font-size: 14px;
    color: #FFF;
    transition: .2s ease;
    border-radius: 50%;
    background: #20232b5c;
    padding: 5px;
}

a.taxonomy-back-btn {
    background: var(--overlay-1) !important;
    border-radius: 50px;
}

a.taxonomy-back-btn:hover {
    background: var(--overlay-1) !important;
}

a.taxonomy-back-btn:active {
    background: var(--fluo2) !important;
}



/* Labels select - mobile
-------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 10px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        bottom: 9px;
    }
}

/* Labels
-------------------------------------------------------------- */
.md-group label {
    top: 61%;
    z-index: 1;
    left: 15px;
}

.md-group input:focus~label,
.md-group input:required:valid~label,
.md-group select:required:valid~label,
.md-group select[multiple]~.select2-container--focus~label {
    top: -10px;
    transform: none;
    font-size: 14px;
    left: 0px;
}


/* Dropdowns
-------------------------------------------------------------- */
.select2-dropdown {
    border-radius: 12px !important;
    box-shadow: 0 1px 10px rgb(0 0 0 / 14%);
    border: none;
    transition: box-shadow .1s ease-in;
}

/* Advanced search
-------------------------------------------------------------- */
.explore-classic-sidebar .element {
    background: hsl(0deg 0% 100%);
    padding: 5px;
    margin-bottom: 25px;
    box-shadow: 0 0px 0px rgb(47 47 47 / 89%);
    border-radius: 25px;
    border: 1px solid #f0f0f0;
}

.search-filters ul.tags-nav {
    background: var(--site-bg-light);
    border-radius: 12px;
}

.select2 .select2-selection__rendered {
    background-color: var(----site-bg);
    border-radius: 12px;
}

@media only screen and (max-width: 1200px) {
    .finder-search {
        background: var(--site-bg-stock) !important;
    }

    .no-results-wrapper a.reset-results-27 {
        width: 67%;
        margin: auto;
        margin-top: 16px !important;
    }

    #c27-explore-listings .no-results-wrapper {
        margin-top: 22vh !important;
    }
}

@media only screen and (min-width: 1201px) {
    .form-group.fc-search {
        background: #fff !important;
    }

    .dark-mode .form-group.fc-search {
        background: var(--drk-bg-site-bck) !important;
    }

    .finder-one-columns .explore-type-4 .container {
        width: 100% !important;
        max-width: 1600px;
    }

    .finder-one-columns .explore-type-4 .container .explore-classic-sidebar {
        width: 37% !important;
    }

    .finder-one-columns .explore-type-4 .container .explore-classic-content {
        width: 63% !important;
    }

    .i-section {
        padding-top: 0px !important;
    }

    a.close-filters-27,
    a.reset-results-27 {
        background: var(--overlay-1) !important;
        color: #0f171f;
        transition: background .1s ease-in;
        font-weight: 700;
        font-size: 13px;
    }

    a.close-filters-27,
    a.reset-results-27:hover {
        background: var(--accent) !important;
        color: white;
        transition: background .1s ease-in;
    }

    a.close-filters-27,
    a.reset-results-27:active {
        background: #ddd !important;
        color: var(--accent);
        transition: color .1s ease-in;
    }

    .form-group.fc-search:before {
        background: linear-gradient(0deg, #fff 20%, hsla(0, 0%, 100%, 0)) !important;
    }

    .dark-mode .form-group.fc-search:before {
        background: linear-gradient(0deg, var(--drk-bg-site-bck) 20%, hsla(0, 0%, 100%, 0)) !important;
    }

    .reset-results-27:focus,
    .reset-results-27:hover:focus {
        background: var(--site-bg) !important;
        background: var(--site-bg) !important;
    }
}


.e-con-inner {
    max-height: 100vh !important;
}

section.i-section.explore-type-4 {
    overflow: hidden;
    max-height: calc(100vh);
}

.explore-classic-sidebar.col-md-4,
.explore-type-4 .explore-classic-content {
    height: calc(100vh - 219px);
    overflow-x: hidden;
    overflow-y: scroll;
}

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

    .explore-classic-sidebar.col-md-4,
    .explore-type-4 .explore-classic-content,
    .light-forms.filter-wrapper {
        height: calc(100vh);
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 20px;
    }

    .mobile-tab-filters .finder-container.fc-type-2 {
        min-height: calc(100vh - 107px) !important;
        height: 90px !important;
        overflow: hidden !important;
    }
}

/* Location Input
-------------------------------------------------------------- */
.location-wrapper input[type=text] {
    padding-right: 35px;
    background: var(--site-bg-light);
    border-radius: 12px;
    border-color: #fff !important;
    padding-left: 15px !important;
}

.geocode-location {
    right: 5px;
    background: var(--cta);
    width: 80px;
    height: 39px;
    top: 16px;
    border-radius: 41px;
    padding: 12px 29px;
}

/* infinite load
-------------------------------------------------------------- */
.results-view.loading {
    opacity: 1 !important;
}

/* Buttons
-------------------------------------------------------------- */
.buttons:not(.woocommerce-mini-cart__buttons.buttons) {
    border-radius: 36px;
}

/* Reset Buttons
-------------------------------------------------------------- */
@media only screen and (min-width: 1201px) {

    a.close-filters-27,
    a.reset-results-27 {
        background: hsl(var(--accent, hsl(120, 100%, 50%)));
        height: 42px;
        border-radius: 36px;
    }
}

/* Sidebar Tabs
-------------------------------------------------------------- */
.sidebar-tabs li {
    margin: 0 15px 15px 0;
    background: #ededed;
    padding: 9px 10px;
    border-radius: 50px;
    margin-right: 10px;
    height: 37px;
}

.sidebar-tabs li:hover {
    background: #ccc;
}

.sidebar-tabs li:active {
    background: #ddd;
}

.sidebar-tabs li.active {
    background: var(--accent);
    transition: background .2s ease-in;
}

.sidebar-tabs li.active a {
    border-bottom: 0px !important;
    color: white !important;
}


/* Input and Text areas
-------------------------------------------------------------- */
input,
textarea {
    padding: 14px 10px;
    border-radius: 12px;
    border: 2px solid var(--site-bg);
    transition: padding .25s ease-in-out;
}

/* Sign-in Register box
-------------------------------------------------------------- */

.login-container {
    background: var(--site-bg);
}

.no-login-background .login-content {
    width: 400px;
    height: fit-content;
    background: white;
    padding: 30px;
    border-radius: 25px;
}

.login-container .md-checkbox {
    float: left;
    margin: 0;
    width: 100%;
}

.login-container .md-checkbox label {
    width: 100%;
    background: white;
    padding: 8px;
    padding-left: 37px;
    border-radius: 12px;
    transition: background .2s ease-in;
}

.login-container .md-checkbox label:hover {
    background: var(--site-bg);
    transition: background .2s ease-in;
}

form.sign-in-form .form-group input:placeholder-shown~label {
    top: 13px;
    left: 10px;
    font-size: 14px;
}

form.sign-in-form .form-group input:-webkit-autofill~label,
form.sign-in-form .form-group input:focus~label {
    top: -10px;
    font-size: 12px;
    color: var(--accent);
    font-weight: 500;
}

form.sign-in-form .form-group label {
    position: absolute;
    top: -10px;
    font-size: 12px;
    left: 10px;
    background: white;
    padding: 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s ease;
    z-index: 2;
    pointer-events: none;
}

.review-gallery-add {
    border-radius: 25px;
    min-width: 100px;
}

.md-checkbox input[type=radio]:checked+label:after {
    top: 10px;
    left: 7px;
    width: 16px;
    height: 16px;
    border-radius: 20PX;
    border: 2px solid white;
    transition: border .2s ease-in;
}

.forgot-password a {
    margin-top: 76px;
    background: var(--site-bg);
    display: block;
    padding: 6px 7px;
    border-radius: 12px;
}


/* Explore header cts
-------------------------------------------------------------- */
.explore-head,
.mobile-explore-head-top,
.min-scroll {
    box-shadow: 0 0px 0px #0fff !important;
}

.role-tabs {
    display: flex;
}

.explore-head .explore-types .type-info>h4 {
    font-size: 13px !important;
}

 .popup-search-ctb.shadow {
    background: linear-gradient(90deg, var(--drk-bg-site-bck) 55%, transparent);
    height: 40px;
    margin-bottom: -0px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    color: #fff;
    fill: var(--fluo);
    padding-left: 13px;
    cursor: pointer;
    transition: background .1s .1s ease-in, color .1s .2s ease-in, fill .1s .3s ease-in;
    display: noxne;

}

/* Replace------------------------------- */
 .popup-search-ctb.shadow::after:not( .popup-search-ctb.shadow:d):not( .popup-search-ctb.shadow:active) {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: calc(100% - 40px);
    background: linear-gradient(90deg, var(--accent) 55%, transparent);
    /* Overlay color and gradient */
    border-radius: 50px;
    /* Match the border radius of the parent */
    z-index: 1;
    /* Ensure the overlay is above the background but below the content */
    pointer-events: none;
    /* Allow clicks to pass through the overlay */
    transition: background .1s .1s ease-in, color .1s .2s ease-in, fill .1s .3s ease-in;
}

/* Ensure the content is above the overlay */
 .popup-search-ctb.shadow * {
    position: relative;
    z-index: 2;
}

/* Replace------------------------------- */

#ml-search-modal .modal-content {
    background-color: #ff000021;
}

 .popup-search-ctb.shadow:hover {
    color: #ffffff;
    transition: background .9s .1s ease-in, color .1s .2s ease-in, fill .1s .3s ease-in;
}

 .popup-search-ctb.shadow:active {
    color: #ffffff;
    transition: background .9s .1s ease-in, color .1s .2s ease-in, fill .1s .3s ease-in;
}

div#explore-chips {
    border-radius: 50px;
    height: 40px;
    margin-top: 9px;
    margin-bottom: 12px;
    box-shadow: var(--site-shadow);
}

.explore-head .explore-types .type-info>h4 {
    color: inherit;
    font-weight: inherit;
}

.explore-head .explore-types>div>a:active {
    background: #fff0;
    border-radius: 50px;
    height: 40px;
    transition: background .1s ease-in, border-radius .1s ease-in;
}

.explore-head .explore-types>div.active>a {
    background: var(--drk-bg-site-bck);
    border-radius: 50px;
    height: 40px;
    color: #fff;
    box-shadow: var(--site-shadow);
    transition: all .1s .2s ease-in, background .1s 1s ease-in, color .1s .2s ease-in,
}

.explore-head .explore-types>div>a:active {
    background: var(--fluo);
    border-radius: 25px;
    transition: background .1s ease-in, border-radius .1s ease-in;
}

div#explore-chips::-webkit-scrollbar {
    display: none !important;
    /* Hide scrollbar for WebKit browsers */
}

.imagesecbg-container {
    position: relative;
    width: 47%;
    /* Adjust width as necessary */
    height: 49px;
    /* Set the desired height */
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    position: absolute !important;
    top: 0px;
    right: 0px;
}

.imagesecbg-container img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures the image covers the container without stretching */
    object-position: center center;
    /* Centers the image */
    transition: all .1s .2s ease-in;
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}

#sticky-a {
    position: relative;
    overflow: hidden;
    box-shadow: var(--site-shadow);
}

#sticky-a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

 .popup-search-ctb.shadow {
    position: relative;
    z-index: 2;
}

/* primary mobile filter - dropdown
-------------------------------------------------------------- */
@media only screen and (max-width: 1201px) {
    .mobile-explore-head-top .select2-container--default .select2-selection--single .select2-selection__rendered {
        background: var(--drk-bg-site-bck);

    }

    .mobile-explore-head-top .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
        background: var(--drk-bg-site-bck);
    }

    .mobile-explore-head-top {
        background: #fff0 !important;
        height: 40px;
        border-radius: 50px;
        padding: 0 0px 0 0 !important;
    }

    .finder-search {
        border-radius: 30px !important;
    }

    #finderSearch .finder-tabs-wrapper {
        margin: 15px 0 0 !important;
    }

    a.close-filters-27,
    a.reset-results-27 {
        background: #cfcfcf !important;
        border-radius: 50px !important;
    }

    a.close-filters-27:hover,
    a.reset-results-27:hover {}

    a.close-filters-27:active,
    a.reset-results-27:active {
        background: #c4c4c4 !important;
    }

    .explore-head-top-filters{
        background: var(--cta) !important;
        border-radius: 50px;
        right: 2px !important;
        padding-right: 7px;
        padding-left: 6px;
        color: #070707 !important;
    }
    .explore-head-top-filters a {
        background: var(--cta) !important;
        border-radius: 50px;
        right: 2px !important;
        padding-right: 7px;
        padding-left: 6px;
        color: #070707 !important;
    }

    .explore-head-top-filters a i {
        color: #000000  !important;
    }

    #c27-explore-listings .explore-head-search input {
        padding-left: 70px !important;
        margin-left: 0px;
    }

    .mobile-explore-head-top .explore-head-search .select2-container--default .select2-selection--single .select2-selection__rendered,
    .mobile-explore-head-top .explore-head-search input {
        height: 44px !important;
        border-radius: 50px;
        background: var(--site-bg-light);
        margin-right: 0px;
        border: none !important;
        min-height: 40px;
        box-shadow: var(--site-shadow);
    }

    .mobile-explore-head-top input:focus,
    .mobile-explore-head-top textarea:focus {
        border-color: var(--accent);
        border: none !important;
    }

    body.home header {
        display: nonex;
    }

    body.home .c27-top-content-margin {
        height: 0px !important;
    }

    .explore-head-search>i {
        color: #070707 !important;
        background: var(--cta);
        height: 33px;
        width: 46px !important;
        padding: 9px 12px;
        border-radius: 50px;
        margin-top: 2px;
        margin-left: 6px;
    }

    .c27-explore-search-button {
        background: var(--cta);
        color: var(--drk-bg-site-bck);
        transition: background .1s ease-in;
    }

    .c27-explore-search-button:hover {
        background: #FFA726;
        transition: background .1s ease-in;
    }

    .c27-explore-search-button:active {
        background: var(--fluo);
        color: var(--accent) !important;
        transition: background .1s ease-in;
    }

    .explore-type-4 .fl-head {
        margin-top: -30px !important;
        margin-bottom: 10px !important;
    }
}

.explore-head {
    padding: 0px !important;
}

.explore-head .explore-types>div:after {
    display: none;
}

.finder-title h2 {
    margin-left: 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* card view
-------------------------------------------------------------- */
span.jobSuccessCard {
    margin-top: -13px;
    display: block;
    color: #536471;
    font-size: 10px;
    font-weight: 400;
}

.tweet.lf-item-container:visited {
    outline: 2px solid var(--fluo);
    transition: outline .3s ease-in;
}

.lf-head {
    position: relative;
    top: 0px;
    left: 50px;
    margin-bottom: 3px;
    width: calc(100% - 47px);
    gap: 5px;
    padding-top: 6px;
}

h4.listing-preview-card-title {
    font-size: 15.5px;
    margin-left: 10px;
}

@media only screen and (min-width: 769px) {
    div#explore-chips {
        /* Enable vertical scrolling */
        overflow-x: auto !important;
        /* Hide scrollbar for WebKit browsers (e.g., Chrome, Safari) */
        scrollbar-width: none !important;
        /* Firefox */
        -ms-overflow-style: none !important;
        /* IE and Edge */
    }

    div#explore-chips::-webkit-scrollbar {
        display: none !important;
        /* Hide scrollbar for WebKit browsers */
    }
}

@media only screen and (max-width: 769px) {
    .explore-type-4 .fl-head {
        display: none;
    }

    .explore-type-4>.container {
        margin-top: -15px;
        padding-right: 0;
        padding-left: 0;
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .lf-item-container .single-slide {
        max-height: 243px !important;
    }

    .explore-type-4>.container {
        margin-top: 0px !important;
    }

    .item-preview {
        display: block;
    }

    .i-section {
        padding-top: 10px;
        padding-bottom: 35px;
        margin-left: -10px;
        margin-right: -10px;
    }
}

.lf-item-container {
    margin-bottom: 20px;
    border-radius: 20px;
    padding-top: 0px;
    box-shadow: none;
    background: var(--site-bg-stock);
    border: 1px solid #fff;
    overflow: visible;
}

.lf-itfem.lf-item-alternate {
    overflow: hidden;
    margin-bottom: -5px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.lf-head-btn {
    border: 0px !important;
    padding: 0 !important;
    margin-bottom: -2px !important;
}

.card-chip-cta.submit-your-design,
.card-chip-cta.buy-guaranteed-payment {
    border: 0px solid var(--cta);
    background: var(--cta);
    color: var(--cta-text) !important;
    font-weight: 500;
    font-style: italic;
    justify-content: space-around;
    align-content: center;
    text-align: center;
    height: 35px;
    font-size: 13px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0px;
    transition: font-size .2s ease-in;
}
.card-chip-cta.buy-guaranteed-payment {
    display:block;
}
div#add-to-cart-card{
    width: 99%;
    border: 2px solid var(--cta);
    background: #fff;
    font-weight: 500;
    color: var(--cta-text) !important;
    justify-content: space-around;
    height: 35px;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 99%;
    margin-top: 0px;
}
div#add-to-wishlist-card{
    width: 99%;
    border: 2px solid var(--cta);
    background: #fff;
    font-weight: 500;
    color: var(--cta-text) !important;
    justify-content: space-around;
    height: 35px;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 99%;
    margin-top: 0px;
    margin-bottom: 10px;
}
.dark-mode div#add-to-cart-card{
    width: 99%;
    border: 2px solid var(--cta);
    background: var(--drk-bg-site-bck);
    font-weight: 500;
    color: #fff !important;
}
.dark-mode div#add-to-wishlist-card{
    width: 99%;
    border: 2px solid var(--cta);
    background: var(--drk-bg-site-bck);
    font-weight: 500;
    color: #fff !important;
}
.quick-view-modal .card-chip-cta.buy-guaranteed-payment {
    margin-bottom: 0px;
}

.card-chip-cta.buy-guaranteed-payment {
    color: var(--cta-text) !important;
    background: var(--cta)!important;
    border-color:  var(--cta)!important;
    height: 40px;
    padding: 5px;
    margin-bottom: 6px;
}
[class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment {
    background: #070707!important;
    color: #ffffff!important;

}
.dark-mode .card-chip-cta.buy-guaranteed-payment {
    color: #070707!important;
    background: var(--cta)!important;
    border-color: var(--cta)!important;
    height: 40px;
    padding: 8px;
}
.dark-mode [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment {
    color: #070707!important;
    background: var(--cta)!important;
    border-color: var(--cta)!important;
    height: 40px;
    padding: 8px;
}

div#verified-content {
    background: #0dadff;
    color: white !important;
    font-weight: 600;
    font-style: italic;
    display: none;
}

[id^="quick-view"] div#verified-content {
    display: flex;
}

div#verified-user {
    background: #111849;
    color: #68bcff !important;
    font-weight: 600;
    font-style: italic;
    min-width: 110px;
    display: none;
}

[id^="quick-view"] div#verified-user {
    display: flex;
}

#verified-user svg {
    max-width: 25px;
    margin-right: 1px;
}

.card-chip-cta {
    background: var(--site-bg-light);
    border: 2px solid #fff0;
    color: #1f1f1f !important;
    border-radius: 20px;
    font-weight: 400;
    height: 27px;
    padding: 0px 7px 0px 8px;
    font-size: 10px;
    letter-spacing: -.1px;
    text-transform: capitalize;
    box-shadow: none !important;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: auto;
}

.card-chip-cta.community-note {
    background: red;
    color: white !important;
}

.card-chip-cta.guaranteed-payment {
    font-style: italic;
    background: #354cff;
    color: azure !important;
    font-weight: 500;
    width: 145px;
    min-width: 136px;
}

.card-chip-cta.verified-listing {}

.card-chip-cta.delivery-included {
    font-style: italic;
}

.card-chip-cta.same-day-delivery {
    font-style: italic;
}

.card-chip-cta.featured {}

.card-chip-cta.paidAd {}

.card-chip-cta svg {
    margin-top: -3px;
}

.listing-preview .c27-footer-section {
    background: #fff0;
    border-top: 0px solid #e3e3e3;
}

.results-view {
    margin-top: 0px !important;
}

.tweet-title {
    font-size: 13.5px !important;
    font-weight: 600;
    margin-bottom: 13px;
    letter-spacing: -.1px;
    position: relative;
    background: linear-gradient(0deg, var(--site-bg-stock) 7%, transparent 25%);
    z-index: 4;
    fill: #11100b;
}

@media min-width {
    .tweet-title {
        top: -465px;
        height: 456px;
        margin-bottom: -465px;

    }
}

.tweet-description {
    padding: 0 0 10px;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    max-height: 55px; /* Use max-height instead of fixed height */
    transition: max-height 0.5s ease, overflow 0.5s ease;
}

.tweet-description.expanded {
    max-height: 1000px; /* Large enough for most content; adjust if needed */
    overflow: visible;
    transition: max-height 0.5s ease, overflow 0.5s 0.5s ease;
}

.read-more {
    cursor: pointer;
    color: #1da1f2; /* Example styling */
    display: inline-block; /* Default visibility */
}

.divider-bar-10 {
    border-top: 1px solid #e3e3e3;
    max-width: 10vw;
}

.hidden-description-gradient {
    display: block;
    background: linear-gradient(360deg, var(--site-bg-stock) 35%, transparent 70%);
    height: 55px;
    padding: 67px 10px 45px 10px;
    position: relative;
    top: -77px;
    color: var(--fluo2);
    font-weight: 400;
    margin-bottom: -82px;
    cursor: pointer;
    font-size: 11px;
    color: #536471;
    margin-left: -10px;
    margin-top: 6px;
}

.tweet-container.expanded~.hidden-description-gradient {
    background: linear-gradient(360deg, #fff0 45%, transparent);
    transition: background .2s ease-in;
}

@media only screen and (max-width: 768px) {
    [id^="tweet"].row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

/* Tweet views meta data
-------------------------------------------------------------- */

span.tweet_posted_time,
.tweet_views_count,
.tweet_rating {
    font-size: 11px;
    margin-left: 1px;
    filter: revert-layer;
    letter-spacing: -.1px;
    color: #536471;
    font-size: 10px;
    font-weight: 400;
}

.listing-preview .tweet-views-meta {
    width: 100%;
    display: flex;
    height: 16px;
    justify-content: flex-start;
    font-size: 11px;
    margin-left: 10px;
    filter: revert-layer;
    color: #697da5;
    letter-spacing: -.1px;
    margin-bottom: 10px;
    margin-top: 9px;
}

.listing-preview .tweet-medias-meta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 27px;
}

span.tweet_distance {
    background:#ff1e18;
    padding: 1px 17px 2px 3px;
    border-radius: 50px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1px;
    z-index: 999;
    margin-left: 0px;
    text-align: center;
    display: block;
    height: 27px;
    margin-right: 5px;
    width:100%
}

/* Tweet star ratings
-------------------------------------------------------------- */

.listing-preview .listing-rating.rating-preview-card {
    color: gold;
    text-shadow: 0px 0px 24px #e8ff00;
}


/* Event Host / author
-------------------------------------------------------------- */

span.tweet_auth_min_chip {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 25px;
    margin-right: 5px;
}

.auth-min-chip-container {
    position: absolute;
    left: 52px;
    bottom: -7px;
}

.listing-preview .event-host.c27-footer-section a {
    margin-bottom: -40px;
}

.event-host.c27-footer-section {
    margin-top: 70px;
    margin-top: -27px;
    position: absvolute;
    top: 221px;
    backgroundx: linear-gradient(0deg, var(--site-bg-stock) 25%, transparent 65%);
    z-index: 1;
    border-radius: 0;
    height: 70px;
    margin-left: -16px;
}

/* Verified listing
-------------------------------------------------------------- */

.lf-item-container img.verified-listing {
    max-height: 16px;
    top: -2px;
}

/* Pay Now card CTA
-------------------------------------------------------------- */


.tweet-secure-pay-now-cta {
    border-radius: 52px;
    padding: 11px 10px 0px 10px;
    color: #fff;
    background: var(--cta);
    display: flex;
    margin: 0px 15px 15px 50px;
    width: calc(100% - 50px);
    justify-content: center;
}

/* Community notes
-------------------------------------------------------------- */


.community-notes h6 {
    color: white;
    margin: 9px;
}

.community-notes {
    border-radius: 18px;
    padding: 0px 10px;
    background: var(--drk-bg-site-bck-2nd);
    border: 1px solid #21c06300;
    height: 36px;
    display: block;
    width: calc(100% - 1px);
    align-items: center;
    border: 1px solid var(--drk-bg-site-bck);
    cursor: pointer;
}

.dark-mode .community-notes {
    background: var(--drk-bg-site-bck);
    border: 1px solid #f40000;
}

.community-notes .fa-exclamation-circle{
    margin-right: 16px!important;
    font-size: 15px!important;
    width: auto!important;
    color: #f40000!important;
    position: relative;
    top: 2px;
}
.community-notes-icon-head {
    display: inline;
    width: 25%;
    border-right: 2px solid #fff3e0;
    margin-right: 12px;
}

.community-notes {
    overflow: hidden;
    height: 36px;
    transition: height 0.2s ease, opacity 0.1s ease;
    margin-top: 1px;
    margin-bottom: 20px;
}


.community-notes-content p {
    color: #ffffffe6;
    text-wrap: auto;
}




@media (min-width: 769px) {
    .container {
        width: 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .explore-classic-content.col-md-8 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

.quick-view-modal .modal-content .listing-preview {
    border-radius: 25px;
    max-width: 1400px;
    margin: auto;
    margin-top: 20px;
}

.cts-term-hierarchy.form-group.cts-term-filled {
    width: 100% !important;
    margin-bottom: 20px;
    background: var(--site-bg-light);
    border-radius: 12px;
    padding: 10px 10px;
    margin-top: 30px;
}

.cts-term-hierarchy.form-group.cts-term-filled input:required:valid~label {
    top: -26px !important;
}

.finder-search .form-group.range-slider>div {
    width: 100% !important;
    margin-bottom: 20px;
    background: var(--site-bg-light);
    border-radius: 12px;
    padding: 0 20px 20px;
}

.finder-search .form-group.dropdown-filter>div {
    width: 100% !important;
    margin-bottom: 20px;
    background: var(--site-bg-light);
    border-radius: 12px;
    padding: 0 0px 0px;
}

.finder-search .form-group>ul {
    width: 100% !important;
    margin-bottom: 20px;
    background: var(--site-bg-light);
    border-radius: 12px;
    padding: 5px;
}

.finder-search .form-group>span>span>span>ul {
    width: 100% !important;
    margin-bottom: 20px;
    background: var(--site-bg-light);
    border-radius: 12px;
    padding: 5px;
}

.finder-search .form-group>span>span>span {
    background: var(--site-bg-light);
    border-radius: 12px !important;
}

.mylisting-range-slider {
    background: var(--site-bg-light);
}







.explore-filter input:focus:not(.select2-selection--multiple input),
.md-group input:not(.select2-selection--multiple input):focus,
.md-group input:required:valid,
.md-group select:required:valid,
.md-checkbox input[type=checkbox]:checked+label,
.md-checkbox input[type=radio]:checked+label,
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover,
.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background: var(--cta);
    transition: all .1s ease-in;
    color: #000;
    font-weight: 600 !important;
}

.md-checkbox input[type=checkbox]:checked+label:not(.page-id-30) input[type=checkbox]:checked+label{
    border: 2px solid var(--cta) !important;
}
.modal-dialog.modal-md {
    border-radius: 21px;
    overflow: hidden;
}
.dark-mode .md-checkbox input[type=checkbox]:checked+label:after {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}
body {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    overscroll-behavior-y: none;
    /* Disable vertical bounce effect */

}

a.menu__link:hover {
    color: var(--site-bg);
    border-radius: 23px;
    fill: var(--site-bg);
}
a.menu__link:hover:not([data-dismiss="modal"]){
    color: #fff;
    border-radius: 23px;
    fill: var(--site-bg)!important;
    background: #000;
}
.dark-mode a.menu__link:hover:not([data-dismiss="modal"]){
    color: #070707!important;
        background: #fff!important;
}



a:hover svg.svgbreadcrub {
    fill: var(--cta);
}
.dark-mode a:hover svg.svgbreadcrub {
    fill: #000;
}


img.single-slide {
    border-radius: 15px;
}



.cts-prev {
    border-radius: 0 0 !important;
}

.cts-next {
    border-radius: 0 0;
}


/* Popup breadcrimb type hide 3+
-------------------------------------------------------------- */

#sticky-a .menu__breadcrumbs a:nth-child(n+3)::after,
.menu__breadcrumbs a:nth-child(n+4) {
    color: red !important;
    display: none
}

.centerButton a.menu__link {
    background: var(--accent);
    color: white;
}


/* Popup  new description height
-------------------------------------------------------------- */
span.type-descr-pop {
    display: block;
    font-size: 9px;
    color: #767676;
    margin-left: 30px;
    margin-top: -9px;
}

.modal-dialog span.type-descr-pop {
    display: block !important;
    font-size: 9px;
    display: block;
    margin-left: 30px;
    width: fit-content;
}

nav.menu__breadcrumbs span.type-descr-pop {
    display: none !important
}

.two-lines .menu__link {
    height: 59px !important;
}

.modal-dialog .menu__link>svg {
    top: 9px !important;
}



p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
}

.mobile-explore-head-top .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    top: 22px;
    left: -2px;
    border-color: var(--accent) transparent transparent transparent;
}


.dark-mode [id^="quick-view"] a.button.product_type_job_package.add_to_cart_button.ajax_add_to_cart {
    background: var(--drk-bg-site-bck);
    border: 2px solid var(--drk-bg-site-bck) !important;
}

@media (min-width: 1200px) {
    .lf-item-container .single-slide {
        height: 452px !important;
    }

    .swiper-slide.video {
        height: 452px !important;
        /* Video-specific height */
    }
}

@media only screen and (max-width: 768px) {
    .finder-search .search-filters {
        padding: 0px 0px !important;
    }

    .explore-head-top-filters {
        right: 10px;
        box-shadow: var(--site-shadow);
    }

    .finder-tabs .tab-content {
        margin-top: -15px !important;
    }

    .buttons.full-width {
        box-shadow: var(--site-shadow);
    }
}

@media only screen and (max-width: 769px) {
    .explore-type-4 .fl-head {
        display: block !important;
        height: 40px;
    }

    .explore-desktop-head {
        position: absolute;
    }
}



/* Dark mode
-------------------------------------------------------------- */
.dark-mode h6 {
    color: white;
}

.dark-mode #c27-site-wrapper {
    background: var(--drk-bg-site-bck) !important;
    transition: .2s ease-in-out;
}

.dark-mode .mobile-explore-head-top .explore-head-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode .mobile-explore-head-top .explore-head-search input {
    box-shadow: none !important;
    background: var(--dark-secondary-chips);
    color: white;
}

.dark-mode .pac-target-input::placeholder {
    color: #ffffff;
}

.dark-mode .explore-head-top-filters,
.dark-mode .explore-head-top-filters a {
    background: var(--cta) !important;
}

.dark-mode  .popup-search-ctb.shadow {
    background: var(--cta2) 45%;
}

.dark-mode .explore-head-top-filters {
    box-shadow: none !important;
    background: #565656;
}

.dark-mode div#explore-chips {
    box-shadow: none !important;
    background: #f4000000;
}

.dark-mode .explore-head .explore-types>div>a {
    color: #b6b6b6;
    background: var(--dark-secondary-chips);
    border-radius: 50px;
    height: 40px;
    margin-right: 10px;
}

.dark-mode .explore-head .explore-types>div.active>a {
    color: var(--cta-text);
    background: var(--cta);
}

.dark-mode .explore-head {
    background: #34ea0000;
}

.dark-mode .cts-next,
.dark-mode .cts-prev {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--drk-bg-site-bck) 80%) !important;
}

@media only screen and (max-width: 768px) {
    .dark-mode .explore-head .explore-types>div>a {
        background: var(--dark-secondary-chips);
        border-radius: 50px;
        margin-right: 5px;
    }

    .dark-mode .explore-head .explore-types>div.active>a {
        background: var(--cta);
    }
}

.dark-mode .lf-item-container {
    background: #11100000;
    border: 1px solid #11100000;
}

.dark-mode .lf-item-container:active {
    backgroundx: red;
}

.dark-mode .hidden-description-gradient {
    display: block;
    background: linear-gradient(360deg, var(--drk-bg-site-bck) 35%, transparent 70%);
}

.dark-mode .event-host.c27-footer-section {
    backgroundx: linear-gradient(0deg, var(--dark-secondary-chips) 35%, transparent 70%);
}

.dark-mode .tweet-title {
    background: linear-gradient(0deg, var(--drk-bg-site-bck) 7%, transparent 25%);
    color: white;
}

@media only screen and (max-width: 1200px) {
    .dark-mode .fl-results-no span {
        color: var(--dark-secondary-chips-txt);
    }
}
.card-chip-cta {
    fill: #d5d5d5;
    cursor: pointer;
}
.dark-mode .card-chip-cta {
    background: var(--dark-secondary-chips);
    color: var(--dark-secondary-chips-in-txt) !important;
    display: flex;
    fill: #d5d5d5;
}
.dark-mode .card-chip-cta.guaranteed-payment {
    background: #001aea;
    color: azure !important;
    fill: #d5d5d5;
    width: 145px;
}
.dark-mode .lf-item-container .event-host .host-name {
    color: #fff;
}

.dark-mode .listing-preview .tweet-views-meta {
    colorx: #b6b6bc;
}

.dark-mode .finder-search {
    background: #11100000  !important;
    transition: .2s ease-in 0s!important;

}
.guaranteed-payment svg {
    margin-top: -1px;
    margin-left: -11px;
    margin-right: -4px;
}
.dark-mode .c27-explore-search-button {
    background: var(--cta);
}


a.close-filters-27.ripple-effect {
    background: red !important;
}

.close-filters-27 .close {
    color: #ffffff !important;
}

.dark-mode .cts-next:before,
.dark-mode .cts-prev:before {
    color: #ffffff;
}

.dark-mode .bottom-nav {
    background: #1110009e !important;
    border-radius: 0;
    box-shadow: 0 .4rem 1rem 0 rgba(55, 55, 55, .2);
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    fill: #a5a5a5;
    backdrop-filter: blur(10px);
    /* Applies the blur effect */
    -webkit-backdrop-filter: blur(10px);
    /* Safari support */
}

.dark-mode .tweet-title {
    fill: #fff !important;
    color: #fff !important;
}
.dark-mode .ad-cta-text i.mi.star,.dark-mode  .ad-cta-text i.mi.star_half {
color:#ecdd0d
}
.ad-cta-text i.mi.star, .ad-cta-text i.mi.star_half {
    font-size: 12px;
    top: 1px;
}
/* =3divs hide on scroll on mobile
-------------------------------------------------------------- */


/* =inverse of above initial state
-------------------------------------------------------------- */

div#sticky-a{
    transform: translateY(-0px);
    transition: transform 0.3s 0.3s ease-in-out;
}
div#sticky-b{
    transform: translateY(-0px);
    transition: transform 0.3s 0.2s ease-in-out;
}

div.mobile-explore-head-top {
    transform: translateY(-0px);
    transition: transform 0.3s 0.1s ease-in-out;
}
.explore-classic-content.col-md-8.min-scroll {
    transform: translateY(0px);
    transition: transform 0.3s ease-in-out;
}

section.i-section.explore-type-4 {
    overflow: hidden;
    max-height: calc(100vh - 167px);
    transition: max-height 0.3s ease-in-out;
    transform: translateY(-0px);
    transition: transform 0.3s ease-in-out;

}

.explore-type-4 .explore-classic-content {
    height: calc(100vh - 167px);
    transition: height 0.3s ease-in-out;
}


/* dark mode in bottom nav
-------------------------------------------------------------- */


.mode-switch svg {
    top: 1px;
    right: -7px;
}

.tweet-secure-pay-now-cta {
    font-size: 16px;
    font-weight: 800;
}

.secure-pay-now-cta-icon {
    line-height: 1;
    margin-right: 5px;
}

.secure-pay-now-cta-content p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}


.event-host.c27-footer-section .avatar {
    width: 40px;
    height: 40px;
}

.event-host .avatar {
    width: 40px;
    height: 40px;
}

.col-md-12.grid-item {
    border-top: 1px solid #e0e3e8;
    padding-top: 10px;
    margin-bottom: -30px;
}

.dark-mode .col-md-12.grid-item {
    border-top: 1px solid #2f3336;
}

.lf-item-container .event-host .host-name {
    font-weight: 600;
    max-width: calc(100% - 30px);
    font-size: 13px;
}

span.posted-dot {
    padding: 4px 2px 4px 2px;
}


.elementor-accordion .elementor-tab-content {
    padding: 15px 15px 15px 15px;
    margin: 10px;
    border-radius: 12px;
}

iframe.youtube-video {
    overflow: hidden;
    min-height: 255px;
    border-radius: 12px;
}





/* Woo product page styling
-------------------------------------------------------------- */

@media only screen and (max-width: 480px) {
    .woocommerce div.product .product_title {
        font-size: 20px !important;
    }
}

.wp-block-woocommerce-cart.alignwide {
    margin: 10px;
    border: 1px solid #c9c9ca;
    padding: 0 15px;
    border-radius: 21px;
    background: hsl(217 57% 98% / 1);
}

.wc-block-components-quantity-selector {
    background: white;
    border-radius: 21px !important;
}

.woocommerce-cart.woocommerce-page table {
    color: #484848 !important;
}

.woocommerce div.product div.images img {
    border-radius: 21px !important;
}

.gallerySlider .gallery-thumb a {
    padding-bottom: 50% !important;
    display: block !important;
    border-radius: 21px !important;
}

.single.single-product .element {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: none !important;
    border-radius: 5px;
    padding: 0 !important;
}

.single.single-product .container {
    padding-right: 0 !important;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    box-shadow: none !important;
    background: var(--site-bg) !important;
    border-radius: 21px !important;
    margin-bottom: 0 !important;
}
.dark-mode .woocommerce-error,
.dark-mode .woocommerce-info,
.dark-mode .woocommerce-message {
    background: var(--drk-bg-site-bck-2nd) !important;
    color:var(--cta);
}

.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
    background: var(--drk-bg-site-bck) !important;
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    height: 30px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    border: none !important;
    color: white !important;
}
.card-chip-cta-divider{
    height: 1px;
    background: #eff3f4;
    width: 100%;
    margin-bottom: 6px;
    margin-top: 6px;
}
.mc-rightx .card-chip-cta-divider{
    background: #efefef;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.dark-mode .card-chip-cta-divider{
    background: #2f3336;
}
.dark-mode .mc-rightx .card-chip-cta-divider{
    background: #4f5969;
}
.woocommerce-message {
    outline: 1px solid var(--cta)!important;
    border: none !important;
}
.dark-mode .woocommerce-message {
    outline: 1px solid var(--cta)!important;
}
.woocommerce-info a, 
.woocommerce-message .woocommerce-error a, 
.woocommerce-message a {
    color: var(--cta)!important;
    border-bottom: 0px solid rgba(0, 0, 0, .15)!important;
    background: #454545!important;
    border-radius: 10px!important;
    padding: 0 10px !important;
}
.dark-mode .woocommerce-info a, 
.dark-mode .woocommerce-message .woocommerce-error a, 
.dark-mode .woocommerce-message a {
    color: var(--cta)!important;
    background: #030a12!important;
}
#wc-cart-modal .woocommerce-mini-cart__buttons a:first-child {
    border-radius: 50px;
}

#wc-cart-modal .modal-content {
    border-radius: 21px;
}

#wc-cart-modal .woocommerce-mini-cart__buttons a:nth-child(2) {
    border-radius: 50px;
}

.woocommerce-mini-cart img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 8px;
    min-height: 53px;
    object-fit: cover;
}

.mlduo-account-menu {
    position: sticky;
    top: 0;
    z-index: 1;
    transition: top .25s ease-in;
}

.header-scroll-active~.woocommerce .mlduo-account-menu {
    position: sticky;
    top: 0px;
    transition: top .25s ease-in;
    z-index: 1;
}

.dark-forms.header-search.search-shortcode-light is-focused .div {
    background: #ffffff;
}

#quicksearch-mobile-modal .instant-results {
    display: contents;
}

.instant-results ul {
    background: white;
}

.div.elementor-element.sticky-top {
    position: sticky;
    top: 0;
    z-index: 9;
}

span.moredetail-close {
    background: var(--site-bg-light);
    padding: 1px 8px;
    font-size: 20px;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    position: fixed;
    top: 0;
    right: 0;
    margin: 4px;
}

div#moredetailModalContent {
    padding: 0 20px 10px;
}

div#moredetailModal .modal-content {
    max-width: 90vw;
}

div#moredetailModal h2 {
    font-size: 29px;
}

.quick-view-modal .quick-view-alternate {
    height: unset !important;
}


/* Video motion on popup open
-------------------------------------------------------------- */

div.temporary-vid-plcholder {
    height: 250px;
    background: black;
    margin-left: 50px;
    border-radius: 12px;
}

div[id^="quick-view"]>.lf-itfem.lf-item-alternate {
    margin-left: 0px !important;
    display: block !important;
    position: fixed !important;
    width: calc(100vw - 20px) !important;
    top: 10px !important;
    transition: all .2s ease-in !important;
}
@media (min-width: 769px) {
    div[id^="quick-view"]>.lf-itfem.lf-item-alternate {
        margin-left: 0px !important;
    }
}

div[id^="quick-view"].modal-27 {
    background: var(--site-bg) !important;
}

.dark-mode div[id^="quick-view"].modal-27 {
    background: var(--drk-bg-site-bck) !important;
    pointer-events: none;
}
.dark-mode div[id^="quick-view"].modal-27 * {
  pointer-events: auto;
}


[id^="quick-view"] .moved-to-modal .swiper-pagination {
    background: #ff000000;
}
div[id^="quick-view"] .lf-head:not(.similar-listings .lf-head) {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
    width: calc(100% - 50px);
}
.mc-rightx-inner div[id^="quick-view"] .lf-head:not(.similar-listings .lf-head) {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
    margin-left: 50px;
    width: calc(100% - 50px);
}

div[id^="quick-view"] .card-chip-cta.buy-guaranteed-payment {
    min-width: unset;
}

div[id^="quick-view"] .container:before {
    min-height: 267px;
}


.quick-view-modal>.container {
    margin: auto;
    min-height: calc(100vh - 330px);
    max-height: calc(100vh - 330px);
    display: flex;
    margin-top: 320px !important;
    justify-content: center;
    align-items: flex-start;
}

.quick-view-modal .card-chip-cta.buy-guaranteed-payment {
    min-width: unset !important;
    background: var(--cta) !important;
    border: 2px solid var(--cta);
    color: var(--cta-text) !important;
    margin-top: 7px;
}

.quick-view-modal div[id^="quick-view"] .lf-head {
    position: relative;
    top: 15px;
    left: 0px;
    margin-bottom: 20px;
    width: 100%;
}

.dark-mode .quick-view-modal .card-chip-cta.buy-guaranteed-payment {
    background: var(--cta) !important;
    color: var(--cta-text) !important;
    border-color: var(--cta);
    height: 44px;
    padding: 7px;
    font-weight: 600;
}

.dark-mode .mc-rightx,
.dark-mode .mc-leftx {
    background: var(--drk-bg-site-bck)!important;
}

img {
    touch-action: pinch-zoom;
    -ms-touch-action: pinch-zoom;
    /* For older IE/Edge versions */
}

.lf-head-btn svg {
    fill: #bec2c8 !important;
}

/* Quick-view action btns
-------------------------------------------------------------- */
.quick-listing-actions-quick-view li {
    display: inline-flex;
    border-radius: 50px;
}

ul.cts-carousel.no-list-style-quick-view {
    display: flex;
}
a[class^="active-gift-toggle-"] {
    background: #ffc107 !important;
    color: var(--drk-bg-site-bck) !important;
    transition: .2s ease-in;
}
.quick-listing-actions-quick-view li a[class^="active-share-toggle-"] {
    background: var(--cta) !important;
    color: azure !important;
    transition: .2s ease-in;
}
.quick-listing-actions-quick-view li a[class^="active-report-toggle-"] {
    background: #ffa500 !important;
    color: azure !important;
    transition: .2s ease-in;
}
.quick-listing-actions-quick-view li a {
    background: #ffffff;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    font-size: 20px;
    display: flex;
    align-items: center;
    padding: 13px;
    margin: 2px;
}
.elementor-kit-6 .quick-listing-actions-quick-view a:not([href*="tel:"]):not([href*="https://wa.me/"]) {
    color: var(--drk-bg-site-bck);
}
.dark-mode .elementor-kit-6 .quick-listing-actions-quick-view a:not([href*="tel:"]):not([href*="https://wa.me/"]) {
    color: #707070;
}
.dark-mode .quick-listing-actions-quick-view li a {
    background: var(--dark-secondary-chips);
}

.quick-listing-actions-quick-view li a span {
    display: none;
    position: absolute;
    bottom: 0;
}
div[id^="buynow-listing-modal-"] {
    padding-top: 0px;
    height: 0px;
    transition: .2s ease-in;
    overflow: hidden;
}
div[id^="buynow-listing-modal-"].expanded {
    padding-top: 22px;
    height: fit-content;
    transition: .2s ease-in;
    overflow: hidden;
}
div[id^="send-gift-qv-modal-"].expanded {
    height: 265px;
    opacity: 1;
    transition: .2s ease-in;
    margin-top:20px;
    margin-bottom: 3px;
}
button.buttons.button-2.full-width.button-animated.report-submit {
    margin: auto;
}
div[id^="send-gift-qv-modal-"] {
    height: 0;
    opacity: 0;
    transition: .2s ease-in;
    margin-top:0px;
}
.container.qla-container-quick-view {
    height: 60px !important;
    display: flex;
    overflow: visible;
    justify-content: center;
    padding: 0;
    background: var(--site-bg);
    position: sticky;
    top: -1px;
    z-index: 12;
    padding-top: 1px;
}
.dark-mode .container.qla-container-quick-view {
    background: var(--drk-bg-site-bck);
}
a[tel*="tel:"] {
    color: #fff!important;
    background: #02d100 !important;
}
a[tel*="tel:"][class^="active-call-toggle-"] {
    background: #fcf5eb !important;
    color: #070707!important;
}
.dark-mode a[tel*="tel:"][class^="active-call-toggle-"] {
    background: #fcf5eb !important;
    color: #070707!important;
}
.quick-listing-actions-quick-view ul li:nth-child(3),
.quick-listing-actions-quick-view ul li:nth-child(4) {
    display: nonex;
}

.quick-listing-actions-quick-view .swiper-slide {
    border-radius: 0 !important;
}

.quick-listing-actions-quick-view img.single-slide {
    border-radius: 0 !important;
}

.quick-listing-actions-quick-view .close {
    font-size: 19px !important;
    color: #fff !important;
    opacity: 1 !important;
}

.quick-listing-actions-quick-view li.ml-close-btn a {
    background: red;
}

[id^="quick-view"] .community-notes {
    position: relative !important;
    top: 8px !important;
    left: -50px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    margin-top: -14px !important;
}


#central-btom-cta {
    background: var(--drk-bg-site-bck);
    fill: white;
    border-radius: 85px;
    margin: 10px;
}

.dark-mode #central-btom-cta {
    background: var(--dark-secondary-chips-in);
    fill: #ffffff;
}

.mc-rightx h4 {
    color: var(--drk-bg-site-bck);
    font-size: 16px;
    margin-bottom: 23px;
}

.dark-mode .mc-rightx h4 {
    color: white;
}



/*Start--------------------------------- !!Card video container */
/* General styling for video container */
.video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
}

.custom-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 10px;
}

button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
}

/* Make sure swiper carousel takes up full width */
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-wrapper {
    margin-bottom: -5px;
}
.quick-view-modal .swiper-wrapper {
    align-items: center;
}
.quick-view-modal .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0px 0 20px 0;
}
.circle-clipper.right {
    display: none !important;
}
/* You can adjust the video size here */
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hide Video.js controls by default */
.vjs-control-bar {
    display: none;
}

/* Show controls only on hover or click */
.video-js:hover .vjs-control-bar,
.video-js.vjs-user-active .vjs-control-bar {
    display: flex;
}

/*-End-------------------------------- !!Card video container */



.dark-mode .quick-view-alternate .grid-item .element {
    max-height: none;
    background: #00ffff00;
    color: white !important;
}

.dark-mode .mc-leftx .title-style-1 h5,
.dark-mode .mc-leftx .pf-body p {
    color: #fff !important;
}

.dark-mode .explore-head .explore-types .item.active .type-info>h4 {
    font-weight: 600;
}

.dark-mode .explore-head-top-filters a {
    color: var(--cta-text) !important;
}

.dark-mode .explore-head-top-filters a i {
    color: var(--cta-text) !important;
}

.dark-mode .c27-explore-search-button {
    color: var(--cta-text) !important;
}

.dark-mode  .popup-search-ctb.shadow {
    fill: var(--cta-text);
}



.bottom-nav {
    background: #ffffff7a;
    border-radius: 0;
    box-shadow: 0 .4rem 1rem 0 rgba(55, 55, 55, .2);
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    max-height: 70px;
    height: 70px;
}

.bottom-nav button {
    background: #ffffff00;
    padding: 2px 20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    font-size: 11px;
    margin: 0px;
    color: var(--drk-bg-site-bck);
}

.bottom-nav button.active {
    background: var(--cta);
}

.bottom-nav button span {
    height: 0;
    scale: 0;
    transition: scale .1s ease-in, height .1s ease-in;
}

.bottom-nav button.active span {
    height: 100%;
    scale: 1;
    transition: scale .2s ease-in, height .1s ease-in;
}

input::placeholder {
    color: #838383;
    font-size:14px;
}

input,
textarea {
    font-size: 12px !important;
}

a.menu__link {
    font-size: 12px;
    padding-top: 10.5px;
    padding-left: 20px;
    overflow: hidden;
}

div.round.card-chip-cta {
    width: 57px;
    margin-right: 5px;
}

div[id^="call-now"].card-chip-cta {
    background: #02d100;
    color: #fff !important;
}

[id^="quick-view"] div#call-now {
    display: none;
}

div[id^="What-sapp"].card-chip-cta {
    background: #075e54;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: .1px;
    padding: 7px 6px 6px 6px;
    font-size: 10px;
    margin-right: 5px;
    width: 31%;
    min-width: 92px;
}

[id^="quick-view"] div#What-sapp {
    display: none;
}

div#more-card-action {
    margin-top: -30px;
    font-weight: 500;
    background: #d6d6d6;
    color: #1f1f1f !important;
}

[id^="quick-view"] div#more-card-action {
    display: none;
}

.card-chip-cta i.fab.fa-whatsapp {
    font-size: 19px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

div[id^="quick-view"] .lf-head:not(.similar-listings .lf-head) {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 0px;
    width: 100%;
}
div[id^="quick-view"] .icon-flash:before{
    content: ''!important;
}
div[id^="quick-view"] .lf-head-btn {
    height: auto;
    margin-bottom: 4px !important;
}

.card-chip-cta.buy-guaranteed-payment::after {
    /* content: '\e902'; */
    font-family: 'feather';
    display: inline-block;
    padding: 0 0.5em;
    color: var(--cta-text);
    position: relative;
    left: 22.58px;
    font-size: 13px;
}

.dark-mode .card-chip-cta.buy-guaranteed-payment::after {
    color: var(--cta-text);
    display: none;
}

/*-End-------------------------------- Ripple effect */
.ripple-effect {
    position: relative;
    overflow: hidden;
    /* Prevent ripple overflow */
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(180, 180, 180, 0.6);
    transform: scale(0);
    opacity: 0.75;
    pointer-events: none;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}


div#bottom-sheet {
    background: #ffffff !important;
    border-radius: 20px 20px 0 0;
}
.dark-mode div#bottom-sheet {
    background: var(--drk-bg-site-bck-2nd) !important;
    border-radius: 20px 20px 0 0;
}
.dark-mode .geocode-location svg#Layer_1 {
    fill: var(--cta-text) !important;
}

.dark-mode .location-wrapper input[type=text] {
    background: var(--drk-bg-site-bck-2nd);
    border-color: var(--drk-bg-site-bck-2nd) !important;
    border-radius: 50px;
    color: white;
    font-weight: 400;
    font-size: 14px !important;
}

.dark-mode .md-group label {
    color: #c3c3c3;
}

@media only screen and (max-width: 768px) {
    .search-filters .buttons.full-width {
        width: 71%;
    }
}
.dark-mode .rating-category-label {
    color: #ecf1fa;
}
i.mi.star {
    color: #ffa01b!important;
}
div#checkout-content {
    text-align: center;
}
#checkout-content h3 {
    margin-bottom: 26px;
    color: var(--cta);
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
}

p.btm-sheet-master-price {
    font-size: 30px;
    margin-bottom: 24px;
}
.dark-mode p.btm-sheet-master-price {
    color: #fff;
}
p.paying-for-title {
    font-size: 13.5px;
    max-width: 250px;
    margin: auto;
    margin-bottom: 22px;
}
.dark-mode p.paying-for-title {
    color: #ffffff;
}
.dark-mode p.post-id {
    color: #fff;
}
.dark-mode a.reset-results-27 {
    background: #ffffff !important;
    color: var(--drk-bg-site-bck) !important;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c3c3c3;
    font-weight: 400;
}
.guaranteed-payment-qr {
    color: #003850;
    background: #00e0ff;
    width: fit-content;
    margin: auto;
    padding: 3px 10px;
    border-radius: 20px;
    z-index: 99;
    position: relative;
    margin-bottom: 14px;
}

.dark-mode .explore-filter input:focus:not(.select2-selection--multiple input),
.dark-mode .md-group input:not(.select2-selection--multiple input):focus,
.dark-mode .md-group input:required:valid,
.dark-mode .md-group select:required:valid,
.dark-mode .md-checkbox input[type=checkbox]:checked+label:not(.dark-mode.page-id-30) input[type=checkbox]:checked+label,
.dark-mode .md-checkbox input[type=radio]:checked+label:not(.dark-mode.page-id-30) input[type=radio]:checked+label,
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover,
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background: var(--cta);
    border: 2px solid #11100000 !important;
    transition: all .1s ease-in;
    color: var(--drk-bg-site-bck);
    font-weight: 500 !important;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered[title]{
    border: 2px solid var(--cta) !important;
}
.dark-mode .finder-search .form-group>span>span>span {
    background: #edf2fa00;
}
.dark-mode .md-checkbox input[type=checkbox]:checked+label{
    background: var(--cta);
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__clear:before {
    color: #070707;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--drk-bg-site-bck-2nd);
}
.page-id-30 .c27-submit-listing-form .md-checkbox {
    margin: 2px 0 !important;
}
.dark-mode .finder-search .form-group>ul {
    background: var(--drk-bg-site-bck-2nd);
}
a.menu__link {
    color: var(--drk-bg-site-bck);
    font-size: 13px;
}
.dark-mode label {
    color: #a5a5a5;
    fill: #c3c3c3;
    font-weight: 400 !important;
}

.dark-mode .menu__link {
    color: #fff;
    border: 1px solid var(--drk-bg-site-bck);
    background: var(--drk-bg-site-bck);
    fill: var(--cta);
}

.dark-mode a.menu__link:hover {
    color: var(--cta);
    border-radius: 23px;
    fill: rgb(8 8 8);
}



.dark-mode .menu:not(.mobile-menu .menu) {
    background: var(--drk-bg-site-bck-2nd);
}

div#moredetailModalContent {
    text-align: center;
}

a.c27-toggle-quick-view-modal.card-chip-cta {
    background: #8585857d;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: .1px;
    padding: 8px;
    font-size: 11px;
    margin-right: 30%;
    width: 10%;
}

.iOSUser input[type=radio] {
    border-radius: 50%;
    display: none;
}

#bottom-sheet div#qr-code-container {
    width: 100%;
}

#bottom-sheet div#qr-code-container img {
    width: 108px !important;
    max-width: 108px !important;
    margin: auto;
    box-shadow: 0px 0px 400px 99px var(--cta);
    margin-top: 29px;
}

#bottom-sheet div#qr-code-container canvas {
    height: 150px !important;
    width: 150px !important;
    margin: auto;
}

.quick-view-modal a.c27-toggle-quick-view-modal.card-chip-cta {
    display: none !important;
}

.paypal-button.paypal-button-number-1.paypal-button-layout-vertical.paypal-button-number-multiple.paypal-button-env-sandbox.paypal-button-color-black.paypal-button-text-color-white.paypal-logo-color-white.paypal-button-shape-rect {
    background: black !important;
    border-radius: 55px !important;
    height: 40px !important;
}

.paypal-button.paypal-button-number-0.paypal-button-layout-vertical.paypal-button-number-multiple.paypal-button-env-sandbox.paypal-button-color-gold.paypal-button-text-color-black.paypal-logo-color-blue.paypal-button-shape-rect {
    background: #ffb400 !important;
    border-radius: 55px !important;
}

.dark-mode .menu__breadcrumbs a:hover,
.menu__breadcrumbs a:focus {
    color: #b6b6b6 !important;
}

.menu__breadcrumbs a:active {
    color: #b6b6b6 !important;
}

.dark-mode .modal-content .menu__breadcrumbs {
    color: #b6b6b6 !important;
}

svg.svgbreadcrub {
    fill: var(--drk-bg-site-bck)
}

svg.svgbreadcrub {
    fill: var(--drk-bg-site-bck)
}

.dark-mode svg.svgbreadcrub {
    fill: var(--cta)
}



/* Ajax Modal*/
.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
}

/* ///////////////// video loader gradien BG */

#c27-explore-listings .video .loader-bg .paper-spinner.center-vh {
    top: 45% !important;
}

.loader-bg.video {
    padding: 41%;
    height: auto;
    width: 100%;
    border-radius: 15px;
    margin-top: 0px !important;
    position: fixed !important;
    z-index: -1;
}

.dark-mode .loader-bg.video {

}

#c27-explore-listings .loader-bg.img .paper-spinner {
    top: 42% !important;
}

/* Define the keyframes for the gradient animation */
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
        /* Start position */
    }

    50% {
        background-position: 100% 50%;
        /* Middle position */
    }

    100% {
        background-position: 0% 50%;
        /* End position */
    }
}

.fc-type-2-results~.load-more-btn {
    margin-top: 30px;
    margin-bottom: 20vh;

}

.dark-mode .finder-search .form-group.range-slider>div {
    background: var(--drk-bg-site-bck-2nd) !important;
}

.dark-mode .finder-search .radius .amount {
    color: #fff !important;
}

.dark-mode .form-group .radius .ui-slider-horizontal .ui-slider-range,
.dark-mode .form-group .ui-slider-horizontal .ui-slider-range {
    background: var(--cta);
}


@media only screen and (max-width: 768px) {
    .form-group.explore-filter.dropdown-filter-multiselect.dropdown-filter.md-group {
        margin-bottom: 50vh !important;
    }
}


.select2-container--open .explore-filter input:focus:not(.select2-selection--multiple input),
.select2-container--open .md-group input:not(.select2-selection--multiple input):focus,
.select2-container--open .md-group input:required:valid,
.select2-container--open .md-group select:required:valid,
.select2-container--open .md-checkbox input[type=checkbox]:checked+label,
.select2-container--open .md-checkbox input[type=radio]:checked+label,
.select2-container--open.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.select2-container--open.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover,
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background: #d6dae0;
    border: 2px solid #ffffff00 !important;
    transition: all .1s ease-in;
    width: 100%;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered:active {
    color: #1d1d23;
    background-color: #054b05;
    border-bottom: 0px solid var(--drk-bg-site-bck) !important;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered:active {
    color: #1d1d23;
    background-color: #95ff94;
    border-bottom: 0px solid var(--drk-bg-site-bck) !important;
}

.tags-nav li .md-checkbox label:active {
    background: #95ff94;
}

.dark-mode .tags-nav li .md-checkbox label:active {
    background: var(--cta) !important;
    color: var(--drk-bg-site-bck);
    transition: all .2s ease-in
}
.select2-container--default .select2-selection--single .select2-selection__rendered:active {
    background: #95ff94 !important;
    border: 2px solid #ffffff00 !important;
    transition: all .1s ease-in;
}

.dark-mode .cts-term-hierarchy.form-group.cts-term-filled {
    background: var(--drk-bg-site-bck-2nd);
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a5a5a5;
}

#ml-search-modal.modal-27 .modal-dialog>div {
    /* transform: scale(.8); */
    background: #fff;
    transition: opacity 0s ease-in, background .0s ease-in !important;
}

.menu__level {
    background: #fff !important;
}

.dark-mode .menu__level,
.dark-mode #ml-search-modal.modal-27 .modal-dialog>div {
    /* transform: scale(.8); */
    background: var(--drk-bg-site-bck-2nd)!important;
}

@media only screen and (max-width: 769px) {
    .c27-top-content-margin {
        height: 0px !important;
    }
}

.c27-main-header:not(.header-scroll) .header-skin {
    background: #ffffff7a !important;
    /* Semi-transparent white */
    backdrop-filter: blur(10px);
    /* Blur effect */
    -webkit-backdrop-filter: blur(10px);
}

.dark-mode .c27-main-header:not(.header-scroll) .header-skin {
    background: #1110007a !important;
}

a.buttons.button-2.full-width.c27-explore-search-button.ripple-effect.button-2:visited {
    color: #fff;
}
.dark-mode a.buttons.button-2.full-width.c27-explore-search-button.ripple-effect.button-2:visited {
    color: #000;
}

@media only screen and (min-width: 770px) {
    .header {
        top: 0;
    }

    body.home .c27-top-content-margin {
        height: 80px !important;
    }
}

.listing-preview-card-title {
    pointer-events: none !important;
}

.listing-preview-card-title {
    overflow: inherit !important;
}

div#ml-search-modal.modal-27 {
    transition: none !important;
}

div#ml-search-modal .modal-content {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: all 325s ease-in, opacity 5s ease-in !important;
}

div#ml-search-modal[style="display: none;"] .modal-content {
    opacity: 0 !important;
    transform: scale(.8) !important;
    transition: opacity 5s ease-in !important;
}

#parent-brdcrmb>.menu__breadcrumbs svg.svgbreadcrub {
    fill: var(--cta);
}


/* Color picker odal */
div#add-new-cta-color {
    z-index: 100;
    padding: 30px;
}

div#add-new-cta-color.modal-content {
    max-width: 600px;
    top: 21%;
}

.dark-mode div#add-new-cta-color .modal-content {
    background: var(--drk-bg-site-bck);
}

.IroWheelBorder,
.IroSliderGradient {
    border: none !important;
}

div#add-new-cta-color.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

div#add-new-cta-color .modal-content {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

div#add-new-cta-color .modal-close {
    position: abxsolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    background: #ededed;
    padding: 2px;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 40px;
    font-size: 25px;
    color: #5a5353;
}

.dark-mode .explore-classic-sidebar .element {
    background: var(--drk-bg-site-bck-2nd)!important;
    border: 1px solid var(--drk-bg-site-bck-2nd);
}

.dark-mode .search-filters ul.tags-nav {
    background: var(--drk-bg-site-bck-2nd);
}

.dark-mode .mylisting-range-slider {
    background: var(--drk-bg-site-bck-2nd);
}

.dark-mode .radius .amount {
    color: #c3c3c3;
}

.modal.in .modal-27,
.modal.in .modal-dialog {
    transform: translate(00vh, -2vh) !important;
    transition: all .3s ease-in-out !important;
    opacity: 1 !important;
}

[id^="report-listing-modal-"].modal.in,
[id^="social-share-modal-"].modal.in{
    transform: translate(00%, 22%) !important;
    transition: all .5s ease-in-out !important;
    opacity: 1 !important;
}

.modal.in .modal-27,
.modal .modal-dialog {
    transform: translate(00vh, 100vh) !important;
    transition: all 5s ease-in-out !important;
    opacity: 1 !important;
}

body.page-id-259 #master-btn {
    display: block;
}

#master-btn {
    display: none;
}

.inbox-chat-contents ul li.responder-2 .chat-text p {
    float: right;
    font-size: 12px;
    letter-spacing: .1px;
    padding: 4px 15px;
}

.inbox-chat-contents ul li p {
    padding: 8px 10px 8px 10px !important;
    border-radius: 0 36px 36px 36px !important;
    font-size: 13.5px !important;
    font-weight: 350;
    line-height: 17px !important;
    letter-spacing: .1px !important;
}

.inbox-chat-contents ul li.responder-2 p {
    border-radius: 20px 0 20px 20px !important;
}

.inbox-chat-contents ul li .chat-date {
    font-size: 9px !important;
}

.inbox-chat-contents ul li,
.inbox-contents ul li .date-action .date {
    padding: 1px 0 !important;
}

.inbox-contents .message h6 a {
    color: var(--drk-bg-site-bck) !important;
    font-size: 13px !important;
}

.inbox-contents ul li .message>p {
    font-size: 11px !important;
    line-height: 17px !important;
    margin-top: -3px !important;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
    .load-more-msgs {
        bottom: 10px !important;
        margin: 10px !important;
        right: 10px !important;
        width: 90% !important;
        border-radius: 50px !important;
        font-size: 13px !important;
        padding: 13px !important;
        background: var(--drk-bg-site-bck) !important;
        color: white !important;
    }
    .message-inbox-chat .inbox-header {
        position: fixed !important;
        top: 18px !important;
    }

    #ml-messages-modal button.close {
        top: 35px !important;
    }

    #message-inbox,
    #message-inbox-chat,
    #ml-messages-modal .modal-content,
    #ml-messages-modal .modal-dialog {
        height: auto !important;
    }

    .inbox-chat-contents {
        height: 100% !important;
        overflow: hidden !important;
        position: fixed !important;
        bottom: 0 !important;
        padding-top: 92px !important;
        padding-bottom: 5px !important;
    }

    .inbox-chat-contents ul {
        padding: 15px 15px 29px;
    }

    .header .header-center {
        flex: 0;
    }

    .header-right {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 77px !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #ddd;
        padding: 0;
    }

    .btm-nav-item {
        flex: 1;
        /* Equal width */
        text-align: center;
        padding: 10px;
        font-size: 14px;
        color: #555;
        transition: color 0.3s ease;
    }

    .btm-nav-item center {
        flex: 1.5;
    }

    a#user-cart-menu {
        display: nonex;
    }

    .btm-nav-item.messaging-center.inbox-header-icon {
        margin: 0 !important;
    }
    .btm-nav-item.mode-switch label {
        vertical-align: bottom;
        margin-bottom: -4px !important;
    }
    .mobile-menu-lines{
        fill:var(--drk-bg-site-bck)
    }
    .dark-mode .mobile-menu-lines{
        fill:#c3c3c3
    }
    .btm-nav-item.messaging-center.inbox-header-icon {
        justify-content: center;
    }
    .ripple-effect.btm-nav-item.center{
        fill:#fff;
        background:#11100000;
    }
    .dark-mode .ripple-effect.btm-nav-item.center{
        fill:var(--cta);
        background:#38383800;
    }
    .login-container {
        min-height: calc(100vh - 60px)!important;
    }
    .quick-view-modal .swiper-container:not(.tab-content .swiper-container) {
        height: 300px;
    }
    
    .i-nav-overlay {
        bottom: -40px!important;
    }
    .desktop {
        display: none !important;
    }
}
.tab-content .swiper-slide {
    width: 100% !important;
}
.submission-rating{
    margin-left: 50px;
}
.dark-mode .btm-nav-item.header-button-add-new-modal {
    fill: #c3c3c3;
}
.preview-btn, .save-listing-button {
    flex-basis: calc(50% - 20px)!important;
}
.inbox-chat-contents form textarea {
    float: left;
    width: calc(100% - 8% - 45px) !important;
    padding: 15px 75px 15px 12px !important;
    background: var(--drk-bg-site-bck-2nd) !important;
    border-bottom: none !important;
    font-size: 13px !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    border-top: 0px solid rgba(0, 0, 0, .1) !important;
    border: none !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
}

.inbox-chat-contents form .btn {
    border-radius: 40px !important;
    height: 48px !important;
    width: 65px !important;
    max-width: 57px !important;
    right: -5px !important;
    top: 10px !important;
    padding: 0 !important;
}

body {
    overflow: scroll;
    scrollbar-gutter: stable;
}

.user-image-bg-container {
    position: relative;
    width: 100%;
    height: 27vh;
    overflow: hidden;
    border-radius: 23px;
    margin-bottom: 20px;
}

.user-image-bg-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.user-image-bg-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
    pointer-events: none;
}

/* Bottomnav centred */

.btmnav-container {
    display: flex;
    justify-content: space-around;
    /* Spread items evenly */
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;

    padding: 0 10px;
}

/* Base Style for Each Item */
.btmnav-item {
    flex: 1;
    /* Equal width */
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #555;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* Center Item (Takes More Space) */
.btmnav-add {
    flex: 1.5;
    font-size: 18px;
    font-weight: bold;
    background: #ff5a5f;
    color: white;
    border-radius: 50px;
    padding: 12px;
}

/* Hover Effect */
.btmnav-item:hover {
    color: var(--drk-bg-site-bck);
}

/* Active State */
.btmnav-item.active {
    color: #ff5a5f;
    font-weight: bold;
}



button#color-picker-open-btn,
body.page-id-259 #master-btn,
a#open-modal-button {
    padding: 10px !important;
    margin: 2px;
}

.btm-nav-item.mob-sign-in {
    fill: var(--drk-bg-site-bck);
    justify-items: center;
}

.dark-mode .btm-nav-item.mob-sign-in {
    fill: #c3c3c3;
}

.btm-nav-item.user-area {
    fill: var(--drk-bg-site-bck);
}

.dark-mode .btm-nav-item.user-area {
    fill: #c3c3c3;
}

@media screen and (max-width: 768px) {
    .dark-mode .header-right {
        border-top: 0px solid var(--drk-bg-site-bck) !important;
    }
}

.popup-menu-content .menu__breadcrumbs:has(:nth-child(1)) {
    margin-left: 20px;
    transition: margin-left .2s .5s ease-in;
}
.popup-menu-content .menu__breadcrumbs:has(:nth-child(2)) {
    margin-left: 60px;
    transition: margin-left .2s .2s ease-in;
}

button.toggle-btn.close {
    width: 40px;
    background: red;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: 15px;
    right: 16px;
    opacity: 1;
}
button.toggle-btn.close:after {
    content: "\e5cd";
    font-size: 21px;
    color: oklch(1 0 0);
    font-family: Material Icons;
    font-weight: 600;
}
.dark-mode nav.menu__breadcrumbs {
    color: var(--cta-text);
}
.dark-mode #ml-menu nav.menu__breadcrumbs{
    color:#fff!important
}


.btm-nav-item.messaging-center.inbox-header-icon {
    fill: var(--drk-bg-site-bck);
}
.dark-mode .btm-nav-item.messaging-center.inbox-header-icon {
    fill: #c3c3c3;
}

.dark-mode .login-container {
    background: #232323;
}
body.page-id-85{
    /* transform: scale(.3); */
    overflow: hidden!important;
}
.header-container,
.header-skin {
    display: ndone;
}



@media only screen and (max-width: 1200px) {
    .finder-container.fc-type-2 .finder-search:not(.visible-lg) {
        display: block!important;
        transform: translateX(0vw) !important;
        opacity: 1;
        transition: 1s 2s ease-in;
    }
}

@media only screen and (max-width: 1200px) {
    .explore-classic .i-section.explore-type-4.visible-lg, .finder-container .finder-listings.visible-lg, .finder-container .finder-search.visible-lg, .finder-container .i-section.explore-type-2.visible-lg {
        display: none !important;
        transform: translateX(100vw);
        opacity: 0;
        transition: transform .2s ease-in, opacity .2s .2s ease-in;
    }
}

a.menu__link{
    transition: height 0.3s ease;
}
.final-cta-container {
    display: none; opacity: 0; visibility: hidden; transition: opacity 0.3s;
    width: 100%;
    margin-top: 0px;
    z-index: 2;
    position: relative;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.5em;
}
.final-cta-container button:first-child{
    border-radius: 50px;
    background: var(--cta);
    margin-right: 2%;
    color: var(--cta-text);
}
.final-cta-container button:last-child{
    border-radius: 50px;
    background: var(--cta);
    color: var(--cta-text);
}


.mc-rightx-inner{
    background:#fff;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 10px;
}
.dark-mode .mc-rightx-inner{
    background:var(--drk-bg-site-bck-2nd);
}
.dark-mode .quick-view-modal .grid-item .element {
    background: #1d1d1d;
}
/* Bottom Sheet Styles */
.bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 2%;
    width: 96%;
    height: 0vh;
    background: #fff;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 16px 16px 0 0;
    z-index: 9999;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}
.dark-mode .bottom-sheet {
    background: var(--drk-bg-site-bck);
}
/* Handle Bar */
.handle {
    width: 60px;
    height: 6px;
    background-color: #ccc;
    border-radius: 3px;
    margin: 10px auto;
    cursor: grab;
}

/* Iframe */
#bottomSheetIframe {
    width: 100%;
    flex-grow: 1;
    border: none;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px 16px;
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    background: #ff0000;
    font-weight: 600;
}
.dark-mode .section-title h2 {
    color: #fff;
}
.c27-submit-listing-form input,
.c27-submit-listing-form textarea {
    background-color: var(--site-bg);
    color: oklch(.13 .028 261.692);
}
.dark-mode .c27-submit-listing-form input,
.dark-mode .c27-submit-listing-form textarea {
    background-color: var(--drk-bg-site-bck);
    color: #ffffff;
    border: 2px solid var(--drk-bg-site-bck);
}
.c27-submit-listing-form .element {
    background: #ffffff;
    box-shadow: none;
    border-radius: 23px;
}
.dark-mode .c27-submit-listing-form .element {
    background: var(--drk-bg-site-bck-2nd);
    box-shadow: none;
}
.add-listing-step .container {
    padding: 25px !important;
}
.c27-submit-listing-form .md-checkbox label {
    width: 100% !important;
    height: 20px;
    padding: 20px 20px 20px 35px;
}
.c27-submit-listing-form .md-checkbox {
    height: 38px!important;
    margin-right: 10px!important;
    border-radius: 12px!important;
    margin: 2px 0!important;
}
.c27-submit-listing-form label:focus-visible {
    outline: 2px solid red !important;
}






.c27-submit-listing-form .field-type-checkbox.form-group .field.shortend{
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: height .2s ease-in, opacity .2s ease-in;
    background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    padding: 0px;
    margin-top: 0px;
}
.c27-submit-listing-form .field-type-checkbox.form-group .field{
    visibility: visible;
    opacity: 1;
    height: 100%;
    transition: height .2s ease-in, opacity .2s ease-in;
    background: var(--site-bg);
    border-radius: 16px;
    padding: 3px 4px;
    margin-top: 16px;
}
.dark-mode .c27-submit-listing-form .field-type-checkbox.form-group .field{
    background: #080808;
}
.dark-mode .c27-submit-listing-form .field-type-checkbox.form-group .field.shortend{
    background: #080808;
}
#submit-job-form .field-type-radio>.field.shortend{
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: height .2s ease-in, opacity .2s ease-in;
    background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    padding: 0px;
    margin-top: 0px;
}
#submit-job-form .field-type-radio>.field {
    margin-top: 10px;
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
    height: 100%;
    transition: height .2s ease-in, opacity .2s ease-in;
    background: var(--site-bg);
    border-radius: 16px;
    padding: 3px 4px;
    margin-top: 16px;
}
.dark-mode #submit-job-form .field-type-radio>.field {
    background: var(--drk-bg-site-bck);
}
.dark-mode #submit-job-form .field-type-radio>.field.shortend {
    background: #080808;
}

.gm-style button.gm-control-active.gm-fullscreen-control {
    border-radius: 12px !important;
    top: 0 !important;
}
progress {
    border-radius: 20px !important;
    overflow: hidden;
    background: var(--drk-bg-site-bck);
}
.social-networks-repeater div>div:after{
    display:none;
}
.location-coords {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0.5em;
    margin-bottom: 10px;
}
#submit-job-form .location-field-wrapper .form-group {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    #submit-job-form .select2-container--default .select2-selection--single span.select2-selection__rendered {
        padding: 15px 10px !important;
    }
}
.dark-mode .listing-form-submit-btn button.skip-preview-btn.buttons.button-2 {
    background: var(--cta);
    color: #000;
}
.dark-mode .listing-form-submit-btn .button-5,.dark-mode .listing-form-submit-btn  .button-5:visited {
    background: rgb(32 35 43);
    color: oklch(0.79 0 0);
}
button.delete-repeater-item.buttons.button-5.icon-only.small {
    background:#ff0000
}
div[data-repeater-list=job_location] .repeater-item .delete-repeater-item i {
    color: #fff!important;
}
.event-picker .date-add-new, .social-networks-repeater>input[type=button] {
    background: var(--site-bg-light);
    border-radius: 50px!important;
}
.dark-mode .event-picker .date-add-new,.dark-mode .social-networks-repeater>input[type=button] {
    color: #c3c3c3 !important;
    background: var(--drk-bg-site-bck);
}
#submit-job-form .form-group.field-type-date {
    padding: 20px !important;
}
#submit-job-form .field-type-date input{
    border: #dadce0 !important;
}

.c27-submit-listing-form .location-field-wrapper .cts-custom-get-location {
    right: 2px!important;
    top: 2px!important;
    background: var(--cta);
    padding: 14px 40px;
    border-radius: 0 10px 10px 0;
}
.c27-submit-listing-form .select2-container--default .select2-selection--single {
    background: var(--site-bg)!important;
    border-radius: 12px!important;
}
.c27-submit-listing-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #edf2fa00!important;
    color: var(--drk-bg-site-bck);
    margin-left: 0px;
    width: 100%;
}
.dark-mode .c27-submit-listing-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff00;
    color: #fff;
}
.dark-mode .c27-submit-listing-form .select2-container--default .select2-selection--single {
    background: var(--drk-bg-site-bck) !important;
}
.dark-mode .c27-submit-listing-form .title-style-1 h5 {
    font-size: 16px;
    color: #070707!important;
}
.dark-mode .c27-submit-listing-form .round-icon .title-style-1 i {
    color: #fff!important;
}
body.add-listing-form {
    overflow-x: hidden!important;
}
.c27-submit-listing-form .review-gallery-add .content {
    padding-bottom: 70% !important;
}
.c27-submit-listing-form .review-gallery-add .content,
.c27-submit-listing-form .review-gallery-add input {
    padding-bottom: 70% !important;
}
.c27-submit-listing-form  .review-gallery-add, .review-gallery-image {
    width: calc(48% - 10px)!important;
    border-radius: 19px!important;
}
.dark-mode .c27-submit-listing-form  .review-gallery-add, .review-gallery-image {
    background: var(--drk-bg-site-bck);
}
a.remove-uploaded-file.review-gallery-image-remove.job-manager-remove-uploaded-file {
    background: red;
}
.dark-mode .c27-submit-listing-form .review-gallery-add i {
    color: var(--cta);
}
.c27-submit-listing-form .repeater-item .location-field-wrapper .location-picker-custom-map {
    border-radius: 23px;
    border: 1px solid #dadce0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    display: nonex;
}
.c27-submit-listing-form #submit-job-form .wp-editor-wrap {
    border-radius: 12px;
}
.daterangepicker {
    border-radius: 12px;
    width: 83%;
}
.daterangepicker .drp-calendar.single .calendar-table {
    width: 130%;
}
.daterangepicker select.yearselect {
    width: 40%!important;
    border-radius: 5px!important;
    height: 34px!important;
    background: #e4e4e4!important;
    border: none!important;
    padding: 7px!important;
}
.daterangepicker select.monthselect {
    margin-right: 2%!important;
    width: 56%!important;
    border-radius: 5px!important;
    height: 34px!important;
    background: #e4e4e4!important;
    border: none!important;
    padding: 7px!important;
}
.dark-mode .fieldset-login_required a,
.dark-mode .fieldset-login_required p {
    color: #ffffff;
}
.date-end, .date-start, .recur-details {
    background: var(----site-bg);
}
.dark-mode .date-end,
.dark-mode .date-start,
.dark-mode .recur-details {
    background: var(--drk-bg-site-bck-2nd);
}

#submit-job-form .select2-container--default .select2-selection--multiple {
    background: var(--site-bg)!important;
}
.dark-mode #submit-job-form .select2-container--default .select2-selection--multiple {
    background: var(--drk-bg-site-bck)!important;
}
.dark-mode #submit-job-form .select2-selection--multiple>ul:before,
.dark-mode #submit-job-form .select2-selection--single>ul:before {
    color: #ffffff;
}
.dark-mode .event-picker .single-date {
    border: 1px solid #595959;
}
.md-checkbox {
    outline: 0px solid red !important;
}
.listing-details-3.c27-footer-section {
    width: calc(100% - 49px);
    margin-left: 50px;
}
.community-notes-content {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

span.ad-cta-box{
    display: inline-flex;
    align-items: center;
    gap: 0px;
    min-width: 32%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dark-mode span.ad-cta-text {
    color: #888888;
}
.dark-mode span.ad-cta-label {
    color: #fff !important;
}
span.ad-cta-text {
    font-size: 11px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.ad-cta-label{
    font-size:9px!important
}
span.ad-cta-icon {
    width: 35px !important;
    min-width: 35px;
}
.type-descr-pop{
    pointer-events: none;
}
a.menu__link.final {
    height: 53px;
}
nav.menu__breadcrumbs svg {
    top: 1px !important;
    left: 3px !important;
}
.menu__level img{
    opacity:0;
    width:0%;
}
.menu__level.menu__level--current img{
    opacity:1;
    width:100%;

}

#ml-menu nav.menu__breadcrumbs {
    top: -6px;
}

.menu__link img {
pointer-events:none; transition: width .8s ease-in;
position: absolute;
top: 0%;
right: 0;
height:100%;
width: 50%!important;
mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
opacity:0.25;
transition:opacity .2s 0s ease-in;
object-fit: cover;
    object-position: center center;
}
.menu__link.box-expanded img {
    pointer-events:none; transition: width .8s ease-in;
    position: absolute;
    top: 0%;
    height:100%;
    right: 0;
    width: 50%!important;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
    opacity:1;
    transition:opacity .1s 0s ease-in;
}
li.menu__item.final-cta a {
    background: #f6f6f6;
}
.dark-mode li.menu__item a {
    background: var(--drk-bg-site-bck)!important;
}
.dark-mode .menu__item.final-cta a {
    background: #c26f6f;
}

.menu__link.title {
    background: #ffffff !important;
    box-shadow: 0px 0px 5px #ffffff !important;
    border: 0px !important;
}
.dark-mode .menu__link.title {
    background: var(--drk-bg-site-bck-2nd) !important;
    box-shadow: 0px 0px 5px var(--drk-bg-site-bck-2nd) !important;
    border: 0px !important;
}
.approved_brand_logo {
    position:relative;
    top:2px;
    width: 20px;
    height: 15px;
    overflow: hidden; /* Ensure the SVG doesn't overflow */
    display: inline-flex;
    align-items: flex-start; /* Align to the top left */
}

.approved_brand_logo svg {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.host-name-card .user-badge svg {
    height: 15px;
    width: 15px;
    position: relative;
    top: 4px;
}
span.JobSuccessScore {
    color: #030712;
    font-size: 10px;
    font-weight: 400;
}
.dark-mode span.JobSuccessScore {
    color: #c3c3c3;
}
span.postedTimeAgo{
    position: absolute;
    top: 12px;
    right: 0;
    background: var(--site-bg-light);
    padding: 0 14px;
    border-radius: 50px;
    color: #536471;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    line-height: 2;
}
.dark-mode span.postedTimeAgo{
    background: var(--dark-secondary-chips);
}
button#close-bottom-sheet {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #f00;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 30px;
}
.inbox-chat-contents form textarea {
    display: nonex!important;
}
.lf-itfem.lf-item-alternate {
    margin-left: 50px;
    border-radius: 20px;
    padding-bottom: 10px;
}

p.tweet-description {
    color: #3e434e;
    font-size: 13px;
    line-height: 19px;
    transition: .2s ease-in;
    margin-bottom: 0px;
    padding-bottom: 0;
    font-weight: 400;
}
.dark-mode p.tweet-description {
    color: #9ea8b7;
    transition: .2s ease-in;
    padding-bottom: 0;
}
.dark-mode p.tweet-description.expanded {
    color: #bdc5d1;
    transition: .2s ease-in;
}

.quick-listing-actions-quick-view li a[data-link*="https://wa.me/"] {
    color: #fff!important;
    background: #075e54 !important;
        display: none;
}
a[data-link*="tel:"]:not(.mc-rightx a[href*="tel:"]) {
    color: #fff;
    background: #02d100 !important;
    height: 31px !important;
    width: 61px !important;
    display: flex !important;
    justify-content: center;
}

.quick-listing-actions-quick-view li a[href*="https://wa.me/"]:not(.mc-rightx a[href*="https://wa.me/"]) {
    color: #fff;
    background: #075e54 !important;
    height: 31px !important;
    width: 121px !important;
    display: flex !important;
    justify-content: center;
}

.container.qla-container-quick-view.card{
    display: flex !important;
    justify-content: flex-start!important;
    margin-left: 50px!important;
}

.container.qla-container-quick-view.card li a[href*="https://wa.me/"] span{
    display: inline-flex!important;
    position: relative!important;
    bottom: 0!important;
    font-size: 11px!important;
    font-weight: 500!important;
    margin-left: 11px!important;
    letter-spacing: 0.15px!important;
}

.card-chip-cta.urgent {
    background: #ff1e18;
    color: #fff !important;
}
.lf-head.level-normal div:nth-child(n+7) {
    display: nonex;
}
.qv-buynow-price {
    width: 100%;
    color: var(--drk-bg-site-bck)!important;
    font-size: 21px;
    margin-top: 4px;
    margin-bottom: -4px;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 10px;
    border-radius: 15px;
}
.dark-mode .qv-buynow-price {
    color: var(--cta)!important;
    background: #20232b;
}
.mc-rightx-inner .qv-buynow-price {
    margin-top: -0px;
    padding-top: 0px;
    font-size: 24px;
    margin-left: -10px;
    background: #fff;
}
.mc-rightx span.tooltip-element.tooltip-bottom {
    display: none!important;
}
.dark-mode .mc-rightx-inner .qv-buynow-price {
    border-top: 0px solid #4f5969;
    background: #20232b;
}
.qv-buynow-price-tagline{
    color: #4A5565;
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    width: 100%;
    margin-bottom: 10px;
}
.dark-mode .qv-buynow-price-tagline{
    color: #bdc5d1;
}
.mc-rightx-inner .qv-buynow-price-tagline{
    margin-bottom: 24px;
}
span.prc-atr-buynow{
display:none;
}
.review-gallery-add {
    background: var(--site-bg);
}
#submit-job-form .form-group:first-child {
    border-top: 0px solid rgba(0, 0, 0, .1)!important;
    padding-top: 0!important;
}

.demande-category-tag{
    background: #00bcef;
    width: fit-content;
    padding: 0px 13px;
    font-size: 11px;
    border-radius: 15px;
    height: 18px;
    line-height: 18px;
    display: flex;
    align-content: center;
    color: #fff;
    margin-top: 9px;
    margin-bottom: -4px;
}









span.ad-cta-text {
    position: relative;
    top: -5px;
}
span.ad-cta-label {
    position: relative;
    top: 9px;
}
ul.details-list.no-list-style {
    margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
    div[id^="quick-view"]{
        overflow-y: hidden;
    }
}
.lf-itfem.lf-item-alternate.moved-to-modal {
    max-width: 1050px;
}
.mc-rightx {
    overflow-y: scroll;
    height: 100vh;
}
.modal-dialog .mc-rightx .singles-job-listing  .container{
    display: flex;
    height: auto !important;
    padding: 0;
    margin: 0;
}
.quick-view-modal .element {
    box-shadow: none!important;
}


textarea#ml-conv-textarea::placeholder {
    color: white;
}
#ml-messages-modal.show-modal .message-inbox-chat form textarea{
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in 1s;
    background:#1e2529!important;
}
#ml-messages-modal.show-modal.show-modal.in .message-inbox-chat form textarea{
    visibility: visible;
    opacity: 1;
    transition: .2s ease-in 1s;
}
.elementor-kit-6 .search-filters a.ripple-effect {
    color: var(--drk-bg-site-bck);
}
.select2-results__options li.loading-results {
    border-radius: 15px!important;
}
.menu__item[data-target] .menu__link[data-submenu]::after {
    top: 32% !important;
    border: none !important;
    background: #11100000!important;
}

.profile-header{
    background-color: var(--site-bg);
    border-radius: 12px;
    box-shadow: none;
}
.profile-header:not([id^="quick-view"] .profile-header) {
    margin: 0 10px;
}
.dark-mode .profile-header {
    background-color: var(--drk-bg-site-bck-2nd);
    border-radius: 12px;
}
.profile-menu .cts-carousel li.active a {
    color: var(--drk-bg-site-bck)!important;
}
.profile-menu .cts-carousel li a {
    color: #8d8d8d!important;
}
.dark-mode .profile-menu .cts-carousel li a {
    color: #ffffff!important;
}
.dark-mode .profile-menu .cts-carousel li.active a {
    color: var(--cta) !important;
}
.mc-rightx .items-counter {
    display: flex;
    align-items: center;
}
.dark-mode .mc-rightx .items-counter {
    color: var(--cta) !important;
}
 .header .user-area span{
    color: var(--drk-bg-site-bck)!important;
}
.header .user-area span {
    color: #c3c3c3!important;
}
header .i-nav ul#menu-user-menu li a{
    color: var(--drk-bg-site-bck)!important;
}
.dark-mode header .i-nav ul#menu-user-menu li a {
    color: #c3c3c3 !important;
    fill: #c3c3c3 ;
    border-bottom: 1px solid #2f3336;
    display: inline-flex;
}
@media (min-width: 769px) {
    .dark-mode header .i-nav ul#menu-user-menu li a {
        border-bottom: 0px solid #2f3336!important;
    }
}

.listing-quick-view-container .singles-job-listing .col-md-7.comments-list-wrapper{
    width: calc(100vw - 30px)!important;
    padding: 5px 0!important;
}
.comments-list-wrapper p {
    color: var(--drk-bg-site-bck);
}
.single-comment .comment-info a, .single-comment .comment-info span {
    color: var(--cta)!important;
    font-weight: 400!important;
    background: #ffffff!important;
    padding: 0 17px!important;
    border-radius: 16px!important;
}
.Dark-mode .single-comment .comment-info a,
.Dark-mode  .single-comment .comment-info span {
    color: var(--cta)!important;
    background: #2e3437!important;
}
.comment-container {
    background: #ffffff !important;
    box-shadow: none!important;
    border-radius: 12px!important;
}
.dark-mode .comments-list-wrapper p {
    color: white;
    font-size: 13.5px!important;
}
.dark-mode .single-comment .comment-info a, .single-comment .comment-info span {
    color: var(--cta)!important;
    font-weight: 400!important;
    background: #2e3437!important;
    padding: 0 17px!important;
    border-radius: 16px!important;
}
.dark-mode .comment-container {
    background: var(--drk-bg-site-bck-2nd)!important;
    border-radius: 12px!important;
    border: 1px solid #2f3336;
}
.review-galleries .gallery-item {
    width: 100%!important;
}
.review-galleries .gallery-item img {
    border-radius: 20px !important;
    border: 1.1px solid #2f3336;
}
.comments-list #respond {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    margin-top: -4px;
}
.dark-mode .comments-list #respond {
    background: var(--drk-bg-site-bck-2nd);
    border: 1px solid var(--drk-bg-site-bck-2nd);
}
#commentform input, 
#commentform textarea {
    border-radius: 12px;
    border: 1.5px solid #515659;
    background: var(--drk-bg-site-bck);
    color: white;
    font-size: 13.5px !important;
}
#commentform input, 
#commentform textarea {
    border-radius: 12px;
    border: 0 solid #515659;
    background: var(--site-bg);
    color: var(--drk-bg-site-bck);
    font-size: 13.5px !important;
}
.dark-mode #commentform input, 
.dark-mode #commentform textarea {
    border-radius: 12px;
    border: 0 solid #515659;
    background: var(--drk-bg-site-bck);
    color: #ffffff;
    font-size: 13.5px !important;
}
.tab-type-comments .element {
    border-radius: 12px;
    background: #ffffff !important;
    box-shadow: none;
    border: 1px solid #dbdee5;
}
.dark-mode .tab-type-comments .element {
    border-radius: 12px;
    background: var(--drk-bg-site-bck-2nd) !important;
    box-shadow: none;
    border: 1px solid var(--drk-bg-site-bck-2nd);
}
.dark-mode .tab-type-comments .element {
    background: var(--drk-bg-site-bck-2nd) !important;
    border: 1px solid var(--drk-bg-site-bck-2nd);
}
.dark-mode [id^="quick-view"] .tab-content.listing-tabs.element {
    background: var(--drk-bg-site-bck-2nd) !important;
    border: 1px solid var(--drk-bg-site-bck-2nd);
}
.dark-mode .tab-type-comments .title-style-1 h5 {
    color: #ffffff;
}
.dark-mode footer.footer {
    background: var(--drk-bg-site-bck);
}
.dark-mode textarea::placeholder {
    color: #4A5565;
}
label.review-gallery-add {
    background: var(--site-bg)7a;
}
label.review-gallery-add:hover {
    background: #eaebec7a;
}
.dark-mode label.review-gallery-add {
    color: #c3c3c3;
    fill: #c3c3c3;
    background: var(--drk-bg-site-bck);
}
.dark-mode label.review-gallery-add:hover {
    background: #0d1920;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #838383;
    font-size:14px;
}

.md-checkbox.is-placeholder{
    display:none
}
#submit-job-form label small {
    padding: 0;
    color: red;
    font-weight: 600;
}
[id^="quick-view"] .tab-content.listing-tabs .element {
    border-radius:12px
}
.dark-mode [id^="quick-view"] .tab-content.listing-tabs .element {
    background: var(--drk-bg-site-bck-2nd) !important;
    border: 1px solid var(--drk-bg-site-bck-2nd);
    border-radius:12px
}
.dark-mode [id^="quick-view"] .tab-content.listing-tabs .element h5 {
    color:#fff
}

.resturant-menu-repeater .repeater-field-wrapper .item-head {
    margin-bottom: 10px;
}
.resturant-menu-repeater i.material-icons.delete {
    color: #fff;
}
[id^="quick-view"] .col-md-6{
    padding:0;
margin-top:5px;
margin-bottom:5px
}
.panel-group .panel {
    background: #ffffff00;
}
.panel-default>.panel-heading {
    background-color: #ffffff00!important;
    border-bottom: 1px solid #d0d1d5 !important;
}
.dark-mode .panel-default>.panel-heading {
    border-bottom: 1px solid #2f3336 !important;
}
.dark-mode .panel-group p {
    color: #d0d1d5!important;
    font-size: 13.5px!important;
    line-height: 20px!important;
}
.glider{
    transform: translateX(0%);
    opacity: 1;
}
@media only screen and (max-width: 1200px) {
    .dark-mode  .i-nav {
        background-color: var(--drk-bg-site-bck) !important;
    }
    ul.sub-menu.i-dropdown.shown-menu {
        padding-left: 17px;
    }
    .dark-mode ul.sub-menu.i-dropdown.shown-menu {
        background: var(--drk-bg-site-bck-2nd)!important;
    }
    .mnh-close-icon i, .mnh-close-icon i.close:focus, .mnh-close-icon i.close:hover {
        background: #ebebeb;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        color: #f40000  !important;
    }
    .dark-mode .mnh-close-icon i, .mnh-close-icon i.close:focus, .mnh-close-icon i.close:hover {
        background: #ebebeb;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        color: var(--drk-bg-site-bck) !important;
    }
}
span.svg-m-itm{
    margin-left: 10px;
}
li.unread-message:before {
    width: 10px;
    height: 10px;
    background: red;
    display: block;
    position: relative;
    top: -25%;
    content: '';
    border-radius: 10px;
}
@media (min-width: 769px) {
    .quick-view-modal>.container {
        margin-top: 550px !important;
    }
}

@media (max-width: 769px) {
    .fc-type-2-results~.load-more-btn {
        margin-left: 9px!important;
        margin-right: 9px!important;
    }
    .fc-type-2-results~.load-more-btn a {
        background: rgb(37 211 102)!important;
    }
}

.woocommerce>.mlduo-account-menu {
    background: #11100b;
    border-bottom: 1px solid #11100b;
    padding: 0 15px;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--cta)!important;
}
.woocommerce-MyAccount-navigation ul li a {
    color: #c3c3c3!important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--drk-bg-site-bck);
    border-radius: 68px;
}
.element {
    box-shadow: none!important;
    border-radius: 12px!important;
}
.dark-mode .element {
    background: var(--drk-bg-site-bck-2nd)!important;
    box-shadow: none!important;
    border-radius: 12px!important;
}
.dark-mode .element p{
color:#fff!important
}
.number-stats p span {
    color: var(--cta)!important;
}
.dark-mode .animated-bars,
.dark-mode .animated-bars:after,
.dark-mode .animated-bars:before {
    background: rgb(195 195 195)!important;
}
.mlduo-welcome-message h1 {
    font-size: 30px!important;
    margin-top: 15px!important;
}
.dark-mode .mlduo-welcome-message h1 {
    color:#fff!important;
}
.mlduo-stat-box {
    height: 97px!important;
    border-radius: 12px!important;
}
.title-style-1 h5 {
    font-weight: 500!important;
    font-size: 16px!important;
}
.dark-mode .title-style-1 h5 {
    color: #c3c3c3!important;
}
.round-icon .title-style-1 i {
    width: 55px!important;
    height: 35px!important;
    border-radius: 50px!important;
}
.dark-mode .round-icon .title-style-1 i {
    background: #161a1c!important;
}
.pf-head.round-icon {
    border-bottom: 1px solid #cecece!important;
    padding-bottom: 0px!important;
    margin-bottom: 12px!important;
}
.dark-mode .pf-head.round-icon {
    border-bottom: 1px solid #474e53!important;
}
.woocommerce {
    background: var(--site-bg)!important;
}
.dark-mode .woocommerce {
    background: var(--drk-bg-site-bck)!important;
}
.dark-mode .modal-content .woocommerce {
    background: #ffffff !important;
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff;
    border: 0px solid #fff !important;
    color: var(--drk-bg-site-bck);
    border-radius: 50px;
}
.dark-mode .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #20232b;
    border: 0px solid #20232b !important;
    color: #fff;
    border-radius: 50px;
}
span[id^="select2-listing-"][id$="-container"]{
    padding-left: 10px !important;
}
span[id^="select2-listing-"][id$="-container"] .select2-selection__placeholder {
    color: var(--drk-bg-site-bck)!important;
    font-weight: 500;
}
.dark-mode span[id^="select2-listing-"][id$="-container"] .select2-selection__placeholder {
    color: #ffffff!important;
}
.dark-mode ul.dash-table.no-list-style {
    color: #fff;
    opacity: .7;
}
.logged-in.page-id-30 select.custom-select {
    background-color: var(--site-bg-light);
    border: 2px solid var(--site-bg-light) !important;
    color: var(--drk-bg-site-bck);
    border-radius: 50px;
    min-height: 48px;
    display: flex;
    align-items: center;
    width:100%;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}
.woocommerce table.job-manager-jobs tr {
    background: #fff!important;
    box-shadow: none!important;
    border-radius: 20px!important;
}
.dark-mode .woocommerce table.job-manager-jobs tr {
    background: #20232b!important;
}
.mlduo-account-menu .cts-next, .mlduo-account-menu .cts-prev {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #20232b 80%) !important;
}
.dark-mode .logged-in.page-id-30 select.custom-select {
    background-color: #20232b;
    border: 2px solid #20232b !important;
    color: #fff;
}
.search-my-listings form button {
    display: flex;
    align-items: center;
    border: none;
    background: #e8eaf6b3;
    position: absolute;
    right: 3px;
    height: 47px;
    width: 47px;
    padding: 13px;
    border-radius: 50px;
    border-bottom: 0px solid #fff0!important;
    color:#000;
}
.dark-mode .search-my-listings form button {
    color:#fff;
}
.col-md-2.search-my-listings input {
    padding: 14px 10px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    transition: padding .25s ease-in-out;
    background: #ffffff;
    font-weight: 500 !important;
}
.dark-mode .col-md-2.search-my-listings input {
    border: 1px solid #20272b;
    background: #20232b;
}
.user-profile-cover {
    border-bottom: 0px solid #ebebeb!important;
}
.dark-mode .user-profile-cover .listing-main-info {
    background: var(--drk-bg-site-bck) !important;
}
.dark-mode .user-profile-cover {
    background: var(--drk-bg-site-bck)!important;
    border-bottom: 0px solid #3a464c!important;
}
.lmb-calltoaction>a {
    background: var(--cta)!important;
    color: var(--cta-text)!important;
    border-radius: 34px!important;
}
body[data-active-tab="listings"].archive.author #profile_tab_listings {
    background: #fff!important;
}
.dark-mode body[data-active-tab="listings"].archive.author #profile_tab_listings {
    background: var(--drk-bg-site-bck)!important;
}

body[data-active-tab="listings"].archive.author #profile_tab_listings div[id^="tweet-"]{
    background: #fff!important;
    /* padding: 7px 12px!important; */
}
.dark-mode body[data-active-tab="listings"].archive.author #profile_tab_listings div[id^="tweet-"]{
    background: var(--drk-bg-site-bck)!important;
}
body[data-active-tab="listings"].archive.author #profile_tab_listings div[id^="tweet-"] .container {
    padding-right: 5px!important;
    padding-left: 5px!important;
}
.dark-mode .archive.author .listing-main-buttons>ul {
    color: white!important;
}
li.responder-1 + li.responder-2 {
    margin-top: 42px; /* Adds space above responder-2 */
}

li.responder-2 + li.responder-1 {
margin-top: 42px; /* Adds space above responder-1 */
}
#qr-code-container {
    width: 130px;
    max-width: 150px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    background: #ffffff;
    padding: 10px 10px 4px 10px;
    border-radius: 12px;
}
.explore-mobile-nav{
    display:none!important;
}


.lf-item-container .swiper-slide img{
    pointer-events:none;
}

bxody{
    transform: scale(.5);
}


#mobile-top-filter-jumper {
    background: #fff;
    position: sticky;
    top: -0px;
    z-index: 10;
    padding-bottom: 10px;
    padding-top: 10px;
    transition: .2s ease-in;
    transform: translateY(0px);
    backdrop-filter: blur(10px);
    opacity:0.96;
    -webkit-backdrop-filter: blur(10px);
}
.dark-mode #mobile-top-filter-jumper {
    background: var(--drk-bg-site-bck);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
@media only screen and (max-width: 768px) {
    body.hide-bar div#mobile-top-filter-jumper {
        transform: translateY(-168px);
    }
    .fc-default{
        transform: translateY(0px);
        transition: .2s ease-in;
    }
    body.hide-barx .fc-default{
        transform: translateY(-168px);
        transition: .2s ease-in;
    }
    header.c27-main-header {
        transform: translateY(0px);
    }
    body.hide-bar header.c27-main-header {
        transform: translateY(77px);
    }
    body.hide-barx .finder-container {
        height: calc(100vh - 0px)!important;
        transition: .2s ease-in;
    }
    .e-con-inner {
        padding-top: 0 !important;
    }
    body.hide-bar .fl-head {
        transform: translateY(-174px) !important;
        transition: .2s ease-in;
    }
    /* OLD CODE HERE */
    body.hide-bar div#sticky-a,
    body.hide-bar div#sticky-b,
    body.hide-bar div.mobile-explore-head-top {
        transform: translateY(-167px);
        transition: transform 0.3s ease-in-out;
    }

    body.hide-bar .explore-classic-content.col-md-8.min-scroll {
        transform: translateY(0px);
        transition: transform 0.3s ease-in-out;
    }

    body.hide-bar section.i-section.explore-type-4 {
        overflow: visible;
        max-height: calc(100vh - 167px);
        transition: max-height 0.3s ease-in-out;
        transform: translateY(-167px);
        transition: transform 0.3s ease-in-out;

    }

    body.hide-bar .explore-type-4 .explore-classic-content {
        height: calc(100vh - 0px);
        transition: height 0.3s ease-in-out;
    }
}



.fl-head {
    top: -7px;
    z-index: 9;
    border-radius: 0 0 8px 8px;
    background: #fff0;
    margin-top: 1px !important;
    height: 24px !important;
}
.dark-mode .fl-head {
    background: #fff0;
}

/* SCROLL NNOT FILTERS ON MOBILE WHEN SCROLLING EXPLORE */
/* I have activated scroll to top on search click on mobile to make this usable */
@media only screen and (max-width: 768px) {
    #finderListings{
        height: calc(100vh - 168px);
        overflow: scroll !important;
    }
}

h4.listing-preview-card-title.tweet-title:hover{
    cursor: pointer;
    text-decoration: underline;
}





@media (min-width: 1200px) {
    .swiper-slide.video.swiper-slide-active{
        height: 500px!important;
    }
    .plyr audio,
    .plyr iframe,
    .plyr video {
        height: 500px!important;
    }
.card-chip-cta.submit-your-design,
.card-chip-cta.buy-guaranteed-payment {
    margin-top: -2px!important;
}

}

.col-md-12.grid-item.hide-priority {
    border-bottom: 0px solid #eff3f4;
    margin-bottom: 17px;
}
.dark-mode .col-md-12.grid-item.hide-priority {
    border-bottom: 0px solid #2f3336;
}


/* 
NEW VIDEO PLAYER FINAL */

@media (max-width: 1199px) {
    .plyr audio, .plyr iframe, .plyr video {
        height: 243px!important;
        object-fit: cover;
    }
    [id^="quick-view"] .plyr audio,[id^="quick-view"]  .plyr iframe,[id^="quick-view"]  .plyr video {
        object-fit: contain;
    }
    .elementor embed, 
    .elementor iframe, 
    .elementor object, 
    .elementor video {
        height: 260px;
        object-fit: cover!important;
    }
}
button.plyr__control.plyr__control--overlaid {
    background: #ade3117d !important;
    scale: 1.4;
    transition: all .2s ease-in;
}
.plyr__volume input[type=range] {
    color: var(--cta)!important;
}
.plyr__progress input[type=range] {
    color: var(--cta)!important;
}









[id^="social-share-modal-"].in-quick-view .share-options{
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0%);
    background: #ffffff00;
}
.share-options a {
    color: var(--drk-bg-site-bck);
}
.dark-mode .share-options a {
    color: #c3c3c3;
}
[id^="social-share-modal-"].in-quick-view {
    background: #fff;
    justify-items: center;
    border-radius: 12px;
    height: 0;
    transition: .2s ease-in;
    overflow: hidden;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.dark-mode [id^="social-share-modal-"].in-quick-view {
    background: var(--drk-bg-site-bck-2nd);
}
[id^="social-share-modal-"].in-quick-view.expanded {
    height: 435px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}



[id^="report-listing-modal-"].in-quick-view .share-options{
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0%);
    background: #ffffff00;
}
.share-options a {
    color: var(--drk-bg-site-bck);
}
.dark-mode .share-options a {
    color: #c3c3c3;
}
[id^="report-listing-modal-"].in-quick-view {
    background: #fff;
    justify-items: center;
    border-radius: 12px;
    height: 0;
    transition: .2s ease-in;
    overflow: hidden;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.dark-mode [id^="report-listing-modal-"].in-quick-view {
    background: var(--drk-bg-site-bck-2nd);
}
[id^="report-listing-modal-"].in-quick-view.expanded {
    height: 289px;
    padding-top: 15px;
    margin-bottom: 10px;
    margin-top: 0px;
}



[id^="call-confirmation-modal-"].in-quick-view {
    background: #fff;
    justify-items: center;
    border-radius: 12px;
    height: 0;
    transition: .2s ease-in;
    overflow: hidden;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.dark-mode [id^="call-confirmation-modal-"].in-quick-view {
    background: var(--drk-bg-site-bck-2nd);
}
[id^="call-confirmation-modal-"].in-quick-view.expanded {
    height: 167px;
    padding-top: 15px;
    margin-bottom: 10px;
    margin-top: 0px;
}
[id^="call-confirmation-modal-"] .button-animated i {
    position: absolute;
    left: -110px;
    right: unset;
    top: 11px;
    transition: all .3s ease-in-out;
    font-size: 22px;
    opacity: 1;
}
button.buttons.button-2.full-width.button-animated.call-confirm-btn {
    background: #02d100;
    color: #ffffff;
    margin: auto;
    margin-top: -2px;
}


[id^="whatsapp-redirect-modal-"].in-quick-view {
    background: #fff;
    justify-items: center;
    border-radius: 12px;
    height: 0;
    transition: .2s ease-in;
    overflow: hidden;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.dark-mode [id^="whatsapp-redirect-modal-"].in-quick-view {
    background: var(--drk-bg-site-bck-2nd);
}
[id^="whatsapp-redirect-modal-"].in-quick-view.expanded {
    height: 180px;
    padding-top: 15px;
    margin-bottom: 10px;
    margin-top: 0px;
}
button.buttons.button-2.full-width.button-animated.whatsapp-confirm-btn {
    background: #075e54;
    color: #fff;
    margin: auto;
    margin-top: -8px;
}

/* /////////////////////////////// CTA expand new */

.card-chip-cta.with-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-left: 12px;
    height: 27px;
    overflow: hidden;
    transition:
      height 0.3s ease,
      background 0.3s ease 0.1s,
      justify-content 0.2s ease 0.1s;
  }
  
  div.card-chip-cta.with-details p {
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.4s ease 0s,
      visibility 0s linear 0.4s;
  }
  
  /* Expanded state */
  div.card-chip-cta.with-details.expanded {
    align-items: flex-start;
    height: 150px;
    width: 100%;
    background: #f2f2f2;
    transition:
      height 0.3s ease,
      background 0.3s ease 0.1s;
      justify-content 0.2s ease 0.1s;
  }
  .dark-mode div.card-chip-cta.with-details.expanded {
    background: #20232b;
    width: 100%;
}
  div.card-chip-cta.with-details.expanded div {
    margin-left: 9px;
    transition: color 0.2s ease 0.2s;
  }
  
  div.card-chip-cta.with-details.expanded svg {
    margin-top: -1px;
    margin-left: -3px;
    margin-right: -2px;
    transition: margin 0.2s ease 0.2s;
  }
  
  div.card-chip-cta.with-details.expanded p {
    opacity: 1;
    visibility: visible;
    transition:
      opacity 0.4s ease 0.2s,
      visibility 0s linear 0.2s;
    color: var(--drk-bg-site-bck);
    font-style: normal;
    border-top: 1px solid #6e7478;
    padding-top: 9px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .14px;
    text-transform: math-auto;
    margin-top: 2px !important;
  }
  .dark-mode div.card-chip-cta.with-details.expanded p {
    color: #ffffff;
  }
  div.card-chip-cta.buy-guaranteed-payment.expanded p {
    color: #a6a6a6;
  }
  .dark-mode div.card-chip-cta.buy-guaranteed-payment.expanded p {
    color: var(--drk-bg-site-bck);
  }
  
.card-chip-cta.with-details.negiciable {
    width: 135px;
    background: #f2f2f2;
    color: #070707!important;
    fill: #000;
}
.dark-mode .card-chip-cta.with-details.negiciable {
    width: 135px;
    background: #20232b;
    color: #bdbdbe !important;
    fill: #20232b;
}
.high-contrast .card-chip-cta.with-details.negiciable {
    background: #00fffb;
    color: #070707!important;
    fill: #070707;
}
.card-chip-cta.with-details.delivery-included {
    background: #f2f2f2;
    color: #070707!important;
    fill: #000;
    width: 145px;
}
.dark-mode .card-chip-cta.with-details.delivery-included {
    background: #20232b;
    color: #bdbdbe !important;
    fill: #bdbdbe;
    width: 145px;
}
.high-contrast .card-chip-cta.with-details.delivery-included {
    background: #fff500;
    color: #070707!important;
    fill: #070707;
}
.card-chip-cta.with-details.admin-price-rating {
    width: 32%;
    height: 35px;
    border-radius: 2px;
    background: #fff0;
    align-items: flex-start;
    padding: 0;
}
.card-chip-cta.with-details.admin-price-rating.expanded {
    align-items: flex-start;
    height: 140px;
    width: 100%;
    border-radius: 18px;
    background: #edf2fa;
    padding: 6px 10px 10px 10px;
    transition: height 0.3s ease, background 0.3s ease 0.1s, padding 0.3s ease;
    margin-top: 10px;
}
div.card-chip-cta.with-details div {
    margin-left: 0;
    margin-top: 0px;
    transition: color 0.2s ease 0.2s;
}
div.card-chip-cta.with-details.expanded div {
    margin-left: 0;
    margin-top: 2px;
    transition: color 0.2s ease 0.2s;
}
.dark-mode div.card-chip-cta.with-details.expanded div {
    color:#ffffff;
}

.card-chip-cta.buy-guaranteed-payment {
    height: 40px;
    padding: 8px;
    margin-top: 0px;
}


.card-chip-cta.with-details.buy-guaranteed-payment.expanded div{
    color:#fff;

}
.card-chip-cta.with-details.buy-guaranteed-payment.expanded{
    background: #000 !important;
    border-color: #000 !important;
    height: 780px;
}
.dark-mode .card-chip-cta.with-details.buy-guaranteed-payment.expanded{
    background: #515151 !important;
    border-color: #070707 !important;
    height: 780px;
}

.card-chip-cta.with-details.price-label-options {
    align-items: flex-start;
    background: #fff0;
    display: inline-flex;
    padding-left: 2px;
}
.card-chip-cta.with-details.price-label-options.expanded {
    margin-top: 9px;
}
/* 
Go Pay btns */
form.quick-buy-form{
    width: 100%;
}
a.submit-proposal{
    background: var(--cta);
    height: 40px;
    width: auto;
    border-radius: 50px;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    font-size: 13px;
    margin-top: 10px;
}
button.gopay, a.submit-proposal {
    background: var(--cta);
    color: #000;
    height: 45px;
    border-radius: 50px;
    align-content: center;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-top: 10px;
}
.dark-mode a.submit-proposal {
    color: #000000;
}
@media only screen and (min-width: 1201px) {
    .form-group.fc-search {
        bottom: 134px!important;
    }
    .light-forms.filter-wrapper {
        margin-bottom: 200px!important;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .finder-search .search-filters {
        height: calc(100vh - 188px)!important;
    }
    .light-forms.filter-wrapper {
        margin-bottom: 0px!important;
        border-top: 1px solid #e9eaec;
    }
    .dark-mode .light-forms.filter-wrapper {
        border-top: 1px solid #2f3336!important;
    }
}
@media only screen and (max-width: 1200px) {
    .finder-search {
        padding-bottom: 0px!important;
    }
}
@media only screen and (max-width: 1200px) {
    .form-group.fc-search {
        padding-bottom: 0px;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1200px) {
    .finder-search {
        height: calc(100vh - 188px)!important;
        min-height: calc(100vh - 188px)!important;
    }
}

.term-select-1 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.term-select-2 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.term-select-3 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.term-select-4 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.term-select-5 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]){
    background-color: #cfcfcf;
}
.dark-mode .term-select-1 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.dark-mode .term-select-2 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.dark-mode .term-select-3 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.dark-mode .term-select-4 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]),
.dark-mode .term-select-5 .select2-container--default .select2-selection--single .select2-selection__rendered:not([title]){
    background-color: #313746;
}

@media only screen and (max-width: 768px) {
    #finderListings {
        height: calc(100vh)!important;
        overflow: scroll !important;
        transform: translateY(-167px)!important;
        padding-top: 166px!important;
    }
    .finder-container {
        height: calc(100vh - 0px)!important;
    }
}

@media only screen and (max-width: 1200px) {
    .form-group.fc-search {
        padding: 1px;
    }
}
.wp-block-woocommerce-checkout {
    padding: 10px!important;
}
.wc-block-components-sidebar-layout.wc-block-checkout.is-small {
    padding: 28px;
    background: #f2f2f2;
    border-radius: 22px;
}

.woocommerce-MyAccount-content .col-md-8.col-md-offset-2 {
    width: 95%!important;
    margin-left: 2.5%!important;
}


/* 
Hide meta from woo order */
.wc-item-meta{
    display:none
}
.woocommerce #payment #place_order {
    font-weight: 600;
    background: var(--cta);
    padding: 20px 80px;
    border-radius: 45px;
    width: 100%;
    color: #000;
}

@media (min-width: 1201px) {
    .woocommerce-order-pay #c27-site-wrapper>.woocommerce {
        width: 974.9961px;
        width: 95vw;
        background: #ffffff !important;
        border-radius: 14px;
        box-shadow: none;
        border: 1px solid #e5e5e5;
    }
}
.woocommerce-order-pay #c27-site-wrapper>.woocommerce {
    background: #ffffff !important;
    border-radius: 14px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(----site-bg);
    border-radius: 23px;
}



.page-id-29.woocommerce-checkout.woocommerce-page.woocommerce-order-pay header{
    display:none!important;
}
.page-id-29 table.shop_table thead, table.shop_table tbody {
    display: nonxe;
}


.ld-info ul li a {
    background: #ffffff00;
}

a.buttons.button-2.full-width.c27-explore-search-button.ripple-effect {
    background: #000;
}
.elementor-kit-6 .search-filters a.ripple-effect {
    color: #fff;
}
.elementor-kit-6 .search-filters a.reset-results-27.ripple-effect {
    color: #070707;
}
.dark-mode a.buttons.button-2.full-width.c27-explore-search-button.ripple-effect {
    background: var(--cta);
}



@media (min-width: 1201px) {
    .btm-nav-item.mode-switch label {
        background: #edf2fa;
        padding: 9px;
        border-radius: 50px;
        width: 45px;
        height: 45px;
        cursor: pointer;
        transition: .1s ease-in
    }
    .dark-mode .btm-nav-item.mode-switch label {
        background: var(--drk-bg-site-bck-2nd);
    }
    .btm-nav-item.mode-switch label:hover {
        background: var(--cta);
    }
    .btm-nav-item.mode-switch label:hover svg {
        fill: var(--drk-bg-site-bck-2nd);
    }
}

.md-group input:focus~label, .md-group input:required:valid~label, .md-group select:required:valid~label, .md-group select[multiple]~.select2-container--focus~label {
    top: -14px;
    color: #1d1d23;
}
.dark-mode .md-group input:focus~label,.dark-mode .md-group input:required:valid~label,.dark-mode .md-group select:required:valid~label,.dark-mode .md-group select[multiple]~.select2-container--focus~label {
    top: -14px;
    color: #a5a5a5;
}




.lf-head2.leve-footer {
    position: relative;
    top: 0px;
    left: 50px;
    margin-bottom: 3px;
    width: calc(100% - 47px);
    gap: 5px 0px;
    padding-top: 6px;
    flex-wrap: wrap;
    will-change: transform;
    display: inline-flex;
}
.lf-head2.leve-footer .card-chip-cta.with-details{
    margin-right: 5px !important;
}


a.button.product_type_job_package.add_to_cart_button.ajax_add_to_cart,
.add-to-wishlist.card-chip-cta.with-details.add-to-cart-card.ripple-effect.i-want-accept-online-pymnt {
    width: 99%;
    border: 2px solid var(--cta);
    background: #20232b26;
    font-weight: 500;
    height: 40px;
    border: 0px solid var(--site-bg-light)!important;
    font-weight: 500;
    justify-content: space-around;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    position: relative;
    color: var(--drk-bg-site-bck);
    top: 0px;
    left: 50px;
    margin-bottom: 3px;
    width: calc(100% - 47px);
    gap: 5px;
    padding-top: 6px;
    border-radius: 50px;
    display: inline-block;
}
a.button.product_type_job_package.add_to_cart_button.ajax_add_to_cart {
    padding-top: 0px;
    left: 0px;
    width: 100%;
    margin: auto;
    margin-top: 9px;
    margin-bottom: 5px;
}
.dark-mode .button.product_type_job_package.add_to_cart_button.ajax_add_to_cart{
    color:#fff;
}
.dark-mode a.button.product_type_job_package.add_to_cart_button.ajax_add_to_cart,
.dark-mode .add-to-wishlist.card-chip-cta.with-details.add-to-cart-card.ripple-effect.i-want-accept-online-pymnt {
    background: #20232b26;
    border: 0px solid var(--dark-secondary-chips)!important;

}

a.c27-bookmark-button{
    color:var(--drk-bg-site-bck)!important
}
.dark-mode a.c27-bookmark-button{
    color:#fff!important
}


a.added_to_cart.wc-forward {
    display:none;
}
li.compare-button-li.tooltip-element.tooltip-right {
    display: none;
}




@media (min-width: 1201px) {
.popup-search-ctb.shadow {
    height: 49px;
}
.menu__breadcrumbs {
    font-size: 16px!important;
    padding: 8px 10px!important;
}
div#sticky-a .toggle-btn.popup-search-ctb svg {
    top: 0px !important;
}
div#explore-chips {
    height: 49px!important;
}
.explore-head .explore-types>div>a {
    height: 49px!important;
}
.explore-head .explore-types .type-info>h4 {
    font-size: 14px !important;
}
}

.pricing-item {
    text-align: center;
    transition: .1s ease;
    box-shadow: none !important;
    background: #f1f1f1!important;
    border-radius: 26px!important;
    height: auto;
}
.dark-mode .pricing-item {
    background: var(--drk-bg-site-bck-2nd)!important;
}
header.c27-main-header.header.header-style-default.header-width-full-width.header-dark-skin.header-scroll-dark-skin.header-scroll-hide.header-menu-left {
    position: fixed;
    bottom: 0;
}
.dark-mode .plan-features p {
    color: #c3c3c3;
}
body .pricing-item .plan-price {
    color: #000;
}
.pricing-item .plan-price>span {
    color: #000;
}
.dark-mode .pricing-item .plan-price>span,
.dark-mode .pricing-item .plan-price {
    color: var(--cta)!important;
}
.dark-mode .pricing-item .plan-name {
    color: #fff!important;
}
.package-available .dropdown-menu {
    border-radius: 21px!important;
}

.package-available .md-checkbox input[type=radio]:checked+label {
    background: #fff0 !important;
}
.dark-mode .button-5:focus,.dark-mode  .button-5:hover,.dark-mode  .button-5:visited:hover {
    background: rgb(32 35 43) !important;
}
.package-available .checkbox-plan-list .md-checkbox {
    position: absolute;
    left: -5px;
    top: -6px;
    height: 40px;
}
.package-available .md-checkbox input[type=checkbox]:checked+label:before,
.package-available  .md-checkbox input[type=radio]:checked+label:before {
    background: var(--cta) !important;
}
.package-available label {
    margin-bottom: 11px !important;
    padding-bottom: 14px;
}
.dark-mode .package-available label {
    color: #000;
    font-weight: 600 !important;
    border-bottom: 1px solid #fff;
}
a.select-plan.buttons.button-2 {
    background: var(--cta);
    color: #000;
}


.fieldset-job_title.field-type-text.form-group {
    display: nonex;
}

.box {
    width:17px; height:6px;
    background:rgba(143, 143, 143, 0.36);
    margin-right:3px;
    border-radius:2px;
  }



.label-admin-price-rating{
  color: #536471;
  font-size: 10px;
  font-weight: 400;
}
.dark-mode .label-admin-price-rating{
    color: #c3c3c3;
}
.card-chip-cta.admin-price-rating.\33 0-width {
    min-width: 32%;
    background: none;
}
.card-chip-cta.buy-guaranteed-payment.expanded div {
    font-size: 15PX;
    margin: auto;
    padding-left: 8px;
    justify-content: center !important;
    width: 100%;
    transition: .2s ease-in;
}
.switch-field {
	display: flex;
	margin-top: 8px;
}
.switch-field input {
	display: none;
}
.switch-field label {
    background-color: var(--site-bg-light);
    padding: 5px 17px;
    cursor: pointer;
    margin-right: 4px;
    color: #707070;
    text-align: center;
    font-size: 13px;
    height: 34px;
    border-radius: 45px;
    width: 50%;
    transition: .2s ease-in;
}
.switch-field input:checked + label {
    background-color: var(--drk-bg-site-bck);
    color: #fff;
    transition: .2s ease-in;
    font-weight: 600 !important;
}
.dark-mode .switch-field label {
    background-color: #000;
    color: #707070;
}
.dark-mode .switch-field input:checked + label {
    background-color: var(--cta);
    color: var(--dark-secondary-chips);
}
button.buttons.button-2.full-width.button-animated.gift-submit {
    height: 40px;
    background: #FFC107;
    color: #000;
    padding: 0;
    margin: auto;
    margin-bottom: -15px;
}
.card-chip-cta.with-details.add-to-cart-card.expanded {
    height: 177px;
}


@media only screen and (min-width: 700px) and (max-width: 1200px) {
    #c27-explore-listings .results-view .col-md-12 {
        width: 100% !important;
    }
    .swiper-slide.video.swiper-slide-active {
        height: 500px !important;
    }
    .plyr audio, .plyr iframe, .plyr video {
        height: 500px !important;
        object-fit: cover;
    }
    .lf-item-container .single-slide {
        height: 500px !important;
        max-height: 500px !important;
        object-fit: cover;
    }
    .swiper-slide {
        height: 500px !important;
    }

}
.menu:not(.mobile-menu .menu) {
    margin-top: 10px!important;
}
@media only screen and (min-width: 700px){
    .menu:not(.mobile-menu .menu) {
        width: auto!important;
        height: calc(97vh - 120px)!important;
    }
}
.top-div-right {
    border-radius: 13Px;
}






/* 
//Author page */
.user-profile-cover .listing-main-info {
    background: linear-gradient(0deg, #fff 21%, #fff);
    padding: 15px !important;
}
.dark-mode .user-profile-cover .listing-main-info {
    background: linear-gradient(0deg, var(--drk-bg-site-bck) 21%, var(--drk-bg-site-bck))!important;
    padding: 15px !important;
}
.profile-name {
    margin-left: 10px;
}
.dark-mode .user-profile-cover .listing-main-info .profile-name h1,
.dark-mode  .user-profile-cover .listing-main-info .profile-name h2 {
    color: #fff !important;
}
.profile-name h1 {
    font-size: 26px!important;
}
.dark-mode p.user-prf-tagline {
    color: #fff;
    width: 100%;
    margin-bottom: -2px;
}
.user-profile-cover .listing-main-info .profile-name .edit-listing i {
    color: var(--drk-bg-site-bck);
    border-color: #00000029 !important;
    background: #00000029;
}
.dark-mode .user-profile-cover .listing-main-info .profile-name .edit-listing i {
    color: var(--cta);
    border-color: #00000029 !important;
    background: #00000029;
}



@keyframes gradient-pulse {
    0% {
      background-position: 50% 50%;
    }
    15% {
      background-position: 50% 100%;
    }
    30% {
      background-position: 50% 50%;
    }
    45% {
      background-position: 50% 100%;
    }
    60% {
      background-position: 50% 50%;
    }
    100% {
      background-position: 50% 50%;
    }
  }
  



  .user-badge-ath svg:first-child{
    width: 23px;
    height: 23px;
    position: relative;
    top: 2px;
}
.user-badge-ath .approved_brand_logo {
    position: relative;
    top: 2px;
    width: 25px;
    height: 19px;
}
h1.case27-primary-text.auth-name {
    margin-top: -15px;
    font-size: 21px !important;
}
ul.auth-name.inline-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  

  body.author .listing-main-buttons>ul>li {
    margin-right: 0px!important;
}

.user-prf-tagline{
    opacity: .7;
}

[id^="send-gift-qv-modal-"] input {
    padding: 11px 10px;
    border-radius: 12px;
    border: 0px solid var(--site-bg) !important;
    transition: padding .25s ease-in-out;
    background: #ffffff;
    border-radius: 50px;
    margin-top: 0px;
    font-size: 14px !important;
    font-style: italic;
    font-weight: 600;
}

.woocommerce {
    width: 100vw;
    overflow-x: hidden;
}
ul.auth-name.inline-grid li {
    flex: 0 0 24%;
    box-sizing: border-box;
    padding: 10px;
  }
@media only screen and (max-width: 560px) {
    ul.auth-name.inline-grid li {
        flex: 0 0 30%;
        box-sizing: border-box;
        padding: 10px;
      }
}
@media only screen and (max-width: 768px) {
    .woocommerce-account .i-section {
        padding: 10px;
    }
}
.mlduo-stat-box.second {
    background: var(--cta) !important;
}
.dark-mode .mlduo-stat-box.second {
    background: #20232b !important;
}
.dark-mode .mlduo-stat-box i {
    color: #ffffff26;
}
.dark-mode .mlduo-stat-box p {
    color: #7f838f !important;
}
@media only screen and (max-width: 768px) {
    .woocommerce .mlduo-stat-box {
        display: flex;
        align-items: flex-start;
        height: 143px !important;
        padding: 13px !important;
        align-content: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .woocommerce .mlduo-stat-box i {
        position: absolute !important;
        top: 103px !important;
        right: 14px !important;
        font-size: 35px !important;
    }
    .col-md-3.col-sm-6.col-xs-12.stat-card {
        width: 25%;
        flex: 1 1 0;
    }

}
.mlduo-stat-box h2, .mlduo-stat-box p {
    color: #20232b!important;
}
.number-stats p span {
    color: #20232b !important;
}
.dark-mode .number-stats p span {
    color: var(--cta) !important;
}

/* 
//styling mylisting dashboard cards edit actions */
@media only screen and (max-width: 760px) {
    #job-manager-job-dashboard table ul.job-dashboard-actions li {
        width: 33% !important;
    }
}

#job-manager-job-dashboard table ul.job-dashboard-actions li.cts-listing-action-delete {
    width: 100% !important;
    height: 46px;
}
li.cts-listing-action-delete a {
    background: #ff00000d !important;
    color: red!important;
    font-weight: 700!important;
    width: 100% !important;
    max-width: 500px;
    height: 46px;
    border-radius: 50px!important;
    padding: 10px;
}
#job-manager-job-dashboard table ul.job-dashboard-actions li a.job-dashboard-action-delete:hover {
    background: red !important;
    color: #fff!important;
}
#job-manager-job-dashboard table ul.job-dashboard-actions li a.job-dashboard-action-delete:active {
    background: black !important;
    color: #fff!important;
}

a.job-dashboard-action-delete:before {
    content: "\f2ed";
    display: inline-block !important;
    margin-right: 10px;
}

#job-manager-job-dashboard table ul.job-dashboard-actions li a{
    color: #909097;
    border-radius: 2px;
    margin-top: 7px;
    width: 74%;
    border-radius: 16px;
    padding: 10px;
    background: #f4f4f4;
}
#job-manager-job-dashboard table ul.job-dashboard-actions li a:hover{
    color: #909097;
    background: #edf2fa;
}
#job-manager-job-dashboard table ul.job-dashboard-actions li a:active{
    color: #909097;
    background: #dcdfe4;
}
.dark-mode #job-manager-job-dashboard table ul.job-dashboard-actions li a{
    color: #909097;
    border-radius: 2px;
    margin-top: 7px;
    width: 74%;
    border-radius: 16px;
    padding: 10px;
    background: var(--drk-bg-site-bck);
}
.dark-mode #job-manager-job-dashboard table ul.job-dashboard-actions li a:hover{
    color: #909097;
    background: #282d33;
}
.dark-mode #job-manager-job-dashboard table ul.job-dashboard-actions li a:active{
    color: #909097;
    background: #282d33;
}


/* // Dashboard */

.element {
    border: 1px solid #d3dff3;
}
.dark-mode .element {
    border: 1px solid #3b404f;
}

@media only screen and (max-width: 991px) {
    .row.dashboard-view-container {
        display: flex    ;
        flex-direction: column-reverse;
    }
    
}

.ct-area {
    fill-opacity: 1!important;
}
#visits-chart-wrapper .ct-series-a .ct-line, #visits-chart-wrapper .ct-series-a .ct-point {
    stroke: #ade311!important;
}

#visits-chart-wrapper .ct-series-a .ct-area {
    fill: #0808082b!important;
}

#visits-chart-wrapper .ct-series-a .ct-line,
 #visits-chart-wrapper .ct-series-a .ct-point {
    stroke: #000000!important;
}
#visits-chart-wrapper .ct-series-b .ct-line,
#visits-chart-wrapper .ct-series-b .ct-point {
    stroke: #ade311!important;
}
.chart-legend .lg-blue {
    background: #000000!important;
}
.chart-legend .lg-purple {
    background: #ade311!important;
}

.dark-mode .chart-legend .lg-blue {
    background: #ffffff!important;
}
.dark-mode .ct-label {
    color: rgb(255 255 255 / 40%)!important;
}
.dark-mode .ct-grid {
    stroke: rgb(129 114 0) !important;
}
body #visits-chart-wrapper .ct-series-a .ct-line,
#visits-chart-wrapper .ct-series-a .ct-point {
    stroke: #000000!important;
}
.dark-mode #visits-chart-wrapper .ct-series-a .ct-line,
.dark-mode #visits-chart-wrapper .ct-series-a .ct-point {
    stroke: #fff!important;
}
.dark-mode #visits-chart-wrapper .ct-series-a .ct-area {
    fill: #ffffff26 !important;
}

.dash-table {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.dash-table li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 10px 0;
}

.platform-name,
.track-name,
.device-name,
.country-name,
.browser-name{
    text-align: left;
    flex-grow: 1;
}

.views-info {
    text-align: right;
}
.click-stat-grp-name{
    color:#c3c3c3
}
.dark-mode .click-stat-grp-name{
    color:var(--cta)
}
li.refere-bloc-content {
    display: block;
}
li.refere-bloc-content .dash-table-group {
    background: #fff0 !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.archive.author #c27-site-wrapper:not(body.page-id-85 #c27-site-wrapper) {
    background-color: #ffffff !important;
    overflow-x: hidden;
}
.dark-mode .archive.author #c27-site-wrapper:not(body.page-id-85 #c27-site-wrapper) {
    background-color: var(--drk-bg-site-bck) !important;
}





.cts-explore.mobile-tab-results #mobile-top-filter-jumper {
    padding-bottom: 10px;
    padding-top: 10px;
}
.cts-explore.mobile-tab-filters #mobile-top-filter-jumper {
    padding-bottom: 0px;
}

span.ad-cta-icon svg {
    color: #707070 !important;
}
.dark-mode span.ad-cta-icon svg {
    color: #707070 !important;
}


.subscribe-wrapper {
    position: relative;
    display: inline-block;
    z-index: 12;
    width: -webkit-fill-available;
  }
  
  .subscribe-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    padding: 0 20px;
    width: 100%;
    font-weight: 600;
    background: #000;
    justify-content: center;
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    gap: 10px;
    transition: all 0.3s ease;
    overflow: hidden;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
}
.dark-mode .subscribe-btn {
    background: var(--cta);
    color: var(--drk-bg-site-bck);
}
  .subscribe-btn.centered {
    justify-content: center;
  }
  
  .subscribe-icon {
    display: none;
    font-size: 20px;
  }
  
  .subscribe-arrow {
    display: none;
    font-size: 14px;
  }
  
  .subscribe-btn.subscribed {
    background: #edf2fa;
    color: #333;
  }
  
  .subscribe-btn.subscribed .subscribe-icon,
  .subscribe-btn.subscribed .subscribe-arrow {
    display: inline;
  }
  
  .subscribe-dropdown {
    position: absolute;
    top: 55px;
    left: 0px;
    right: 0;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    display: none;
    flex-direction: column;
  }
  
  .dropdown-option {
    padding: 15px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background 0.2s;
    font-size: 15px;
  }
  
  .dropdown-option:hover {
    background: #f5f5f5;
  }
  
  .dropdown-option.active {
    background: #eee;
    font-weight: bold;
  }
  
  .option-icon {
    font-size: 18px;
  }
  
  
  
  /* Subscription Modal styles */
  .unsubscribe-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  
  .unsubscribe-modal .modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 33px;
    text-align: center;
    width: 97%;
}
  
  button#confirmUnsubscribe {
      border-radius: 50px;
      padding: 10px 40px;
      background: #000;
      font-weight: 600;
  }
  button#cancelUnsubscribe {
      border-radius: 50px;
      padding: 10px 40px;
      background: #fff0;
      color: #000;
      font-weight: 600;
  }



.dark-mode .cts-carousel.auth-page-tbas .cts-next,
.dark-mode .cts-carousel.auth-page-tbas .cts-prev {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #20232b 80%) !important;
    top: 4px;
    height: 90%;
}
.cts-carousel.auth-page-tbas .cts-next,
.cts-carousel.auth-page-tbas .cts-prev {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(----site-bg) 80%) !important;
    top: 4px;
    height: 90%;
}
span.lmb-label-rank-span {
    font-size: 9px;
    margin-left: 0px;
    font-weight: 300;
    opacity: .7;
}

.lmb-calltoaction>a.cts-open-chat {
    background: #edf2fa !important;
    color: var(--cta-text) !important;
    border-radius: 34px !important;
}
.dark-mode .lmb-calltoaction>a.cts-open-chat {
    background: #20232b !important;
    color: #afb2b3 !important;
}

span.ad-cta-text.inversed span {
    top: -8px;
}
span.ad-cta-text.inversed {
    top: 3px;
}
span.ad-cta-text {
    color: #4a4a4a;
    font-size: 12px !important;
}

form[action^="/add-new-post/?listing_type=submit-a-proposal"] .fieldset-job_title.field-type-text.form-group{
    display: none;
}


button#color-picker-open-btn {
    display: nonex;
}


.type-designcrowd .lf-itfem.lf-item-alternate:not(.lf-itfem.lf-item-alternate) {
    display: none;
}

.fieldset-submit-to-job-id.field-type-number.form-group {
    display: none;
}
.fieldset-related-listing.field-type-related-listing.form-group {
    display: none;
}

.resturant-menu-repeater>input[type=button], .work-hours-repeater>input[type=button] {
    background: var(--site-bg);
    color: oklch(0 0 0) !important;
    border-radius: 50px;
    width: 50%;
    margin: auto;
}


.mc-rightx .ad-cta-box.job-budget {
    margin-bottom: 9px;
}
@media only screen and (max-width: 769px) {
    .add-listing-step .i-section {
        padding-top: 10px;
        padding-bottom: 35px;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .section-title {
        margin-bottom: 13px;
        margin-top: -18px;
    }
}
.fieldset-agreement.field-type-checkbox.form-group {
    background: var(--site-bg);
    padding: 20px;
    margin: 6px;
    border-radius: 19px;
    margin-bottom: 9px !important;
    color: #000;
}
.dark-mode .fieldset-agreement.field-type-checkbox.form-group {
    background: #2c303a;
    color: #ffffff;
}
.dark-mode .resturant-menu-repeater>input[type=button],
.dark-mode .work-hours-repeater>input[type=button] {
    background: rgb(4 10 19);
    color: oklch(0.82 0 0) !important;
}
.repeater-field-wrapper {
    border: 1.5px solid #d5d5d7!important;
    border-radius: 16px!important;
}
.dark-mode .repeater-field-wrapper {
    border: 1.5px solid #454953!important;
    border-radius: 16px!important;
}
.review-gallery-add {
    border: 2px dashed #d0d0d0!important;
}
.dark-mode .review-gallery-add {
    border: 2px dashed #474b57!important;
}
form#submit-job-form .location-actions {
    display: none;
}
input.address-field.pac-target-input {
    margin-bottom: 17px;
}
div[data-repeater-list=job_location] .repeater-item .delete-repeater-item {
    bottom: -49px!important;
}


.ad-cta-box.job-budget {
    margin-bottom: -3px;
}
.ad-cta-box.job-budget span {
    top: 7px!important;
}
.ad-cta-box.job-budget .qv-buynow-price{
    width: 100%;
    font-size: 21px;
    margin-bottom: 26px;
}
div.ratings-cars{
    display: inline-flex;
}

.edit-listing-form .listing-form-submit-btn .preview-btn:first-child {
    flex-basis: 100% !important;
}



.fieldset-font-styles-to-use .md-checkbox label{
    font-size:16px!important;
}
.fieldset-font-styles-to-use .md-checkbox:nth-child(1) label {
    font-family: "Times New Roman", Times, serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(2) label {
    font-family: Arial, Helvetica, sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(3) label {
    font-family: "Courier New", Courier, monospace !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(4) label {
    font-family: "Brush Script MT", cursive !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(5) label {
    font-family: Impact, fantasy !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(6) label {
    font-family: "Oswald", sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(7) label {
    font-family: "Patrick Hand", cursive !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(8) label {
    font-family: "Dancing Script", cursive !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(9) label {
    font-family: "UnifrakturCook", cursive !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(10) label {
    font-family: "Comic Sans MS", cursive, sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(11) label {
    font-family: Futura, "Trebuchet MS", sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(12) label {
    font-family: "Roboto Slab", serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(13) label {
    font-family: "Gill Sans", "Segoe UI", sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(14) label {
    font-family: "Montserrat", sans-serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(15) label {
    font-family: Georgia, serif !important;
}

.fieldset-font-styles-to-use .md-checkbox:nth-child(16) label {
    font-family: Garamond, serif !important;
}

.card-chip-cta.with-details.buy-guaranteed-payment.expanded div {
    margin-bottom: 10px;
    margin-top: 10px;
}
.card-chip-cta.with-details.buy-guaranteed-payment div {
    margin-top:0px;
}



.card-chip-cta.with-details.admin-price-rating {
    width: 32%;
    height: 44px;
    border-radius: 17px;
    background: #fff0;
    align-items: flex-start;
    padding: 0px 6px;
    margin-left: -7px;
    margin-right: 7px;
    display: inline-block;
}
.card-chip-cta.with-details.admin-price-rating.expanded {
    width: 100%;
}
div.ratings-cars {
    display: inline-block;
}

.quick-view-modal {
    z-index: 1000;
}
.quick-view-modal:nth-child(n+2) {
    right: 20px; /* Slight offset for nested modals */
}





.similar-listings .col-md-12.grid-item {
    background: #fff0;
    width: calc(100vw - 16px);
    padding-left: 11px;
}

.similar-listings .col-md-12.grid-item>div {
    padding-left: 1px;
}






.woocommerce-order-pay #c27-site-wrapper>.woocommerce {
    width: 100%;
    margin: auto;
    background: #20232b !important;
    border-radius: 14px;
    box-shadow: none;
    border: 1px solid #20232b;
}
.dark-mode .woocommerce-order-pay #c27-site-wrapper>.woocommerce {
    background: #20232b !important;
    border: 1px solid #20232b;
}




/* Hide default WooCommerce payment method styles */
.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.wc_payment_method {
    position: relative;
    width: 100%;
    max-width: 300px; /* Adjust card width */
}

/* Hide radio buttons */
.wc_payment_method .input-radio {
    display: none;
}

/* Hide default labels and payment box */
.wc_payment_method label,
.wc_payment_method .payment_box {
    display: nosne;
}

/* Card container */
.wc_payment_method {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, border 0.2s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Highlight selected card */
.wc_payment_method.selected {
    border: 2px solid #6b48ff; /* Gradient color from your card design */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}

/* Card content (dynamically added via JS) */
.wc_payment_method .card-content {
    text-align: center;
    font-size: 1.2em;
    color: #333;
}

/* Specific styles for each payment method */
.wc_payment_method.payment_method_cod .card-content::before {
    content: "Cash on Delivery";
    font-weight: bold;
}

.wc_payment_method.payment_method_ppcp-gateway .card-content::before {
    content: "PayPal";
    font-weight: bold;
}

.wc_payment_method.payment_method_ppcp-gateway .card-content img {
    width: 50px;
    vertical-align: middle;
    margin-left: 10px;
}

.wc_payment_method.payment_method_wallet .card-content::before {
    content: "Wallet (€" attr(data-balance) ")";
    font-weight: bold;
}

/* Hover effect */
.wc_payment_method:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wc_payment_methods {
        flex-direction: column;
        align-items: center;
    }
    .wc_payment_method {
        max-width: 100%;
    }
}
.dark-mode .woocommerce-checkout #payment ul.payment_methods li input{
    display:none!important;
}












.woocommerce table.shop_table thead tr {
    display: nonve;
}
.woocommerce-order-pay table.shop_table {
    display: none!important;
}






main {
    max-width: 400px;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.payment-option {
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    cursor: pointer;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.payment-option:hover {
    transform: translateY(-5px);
}

/* Card Styles */
.card-container.mastercard {
    background: linear-gradient(135deg, #1e3a8a, #3b82f6);
}

.card-container.visa {
    background: linear-gradient(135deg, #ffd700, #ff8c00);
}

/* Wallet, PayPal, Pay on Delivery Styles */
.wallet {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
}

.paypal {
    background: linear-gradient(135deg, #003087, #009cde);
}

.pay-on-delivery {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

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

.option-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Card-Specific Styles */
.card-details {
    margin-bottom: 15px;
}

.card-number {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: 'Courier New', Courier, monospace;
}

.card-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.card-footer {
    font-size: 12px;
    opacity: 0.9;
}

/* Non-Card Content */
.option-content {
    font-size: 14px;
    margin-bottom: 10px;
}

.option-details {
    font-size: 12px;
    opacity: 0.9;
}

/* Placeholder Icons */
.nfc-placeholder, .chip-placeholder, .wallet-icon, .paypal-icon {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.chip-placeholder {
    width: 50px;
    height: 35px;
    margin-bottom: 15px;
}

.nfc-placeholder, .wallet-icon, .paypal-icon {
    width: 30px;
    height: 30px;
}

.nfc-placeholder, .paypal-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 400px) {
    main {
        padding: 15px;
        gap: 15px;
    }

    .payment-option {
        padding: 15px;
    }

    .option-title {
        font-size: 18px;
    }

    .card-number {
        font-size: 14px;
    }

    .card-info, .option-content, .option-details {
        font-size: 12px;
    }

    .chip-placeholder {
        width: 40px;
        height: 30px;
    }

    .nfc-placeholder, .wallet-icon, .paypal-icon {
        width: 25px;
        height: 25px;
    }
}




.moved-to-modal .swiper-slide.video.swiper-slide-active {
    height: 300px !important;
}
.moved-to-modal .plyr {
    height: 300px;
}

@media (max-width: 1199px) {
    .quick-view .plyr audio,.quick-view .plyr iframe,.quick-view .plyr video {
        height: 300px !important;
        object-fit: cover;
}}
.mc-rightx .edit-listing i {
    width: 22px;
    height: 22px;
    background: transparent;
    text-align: center;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 100%;
    font-size: 12px;
    padding-top: 4px;
    display: inline-block;
    position: relative;
    top: 0px;
    cursor: pointer;
    color: #fff;
    margin-left:5px
}

.mc-rightx .edit-listing i {
    color: var(--drk-bg-site-bck);
    border-color: #00000029 !important;
    background: #00000029;
}

.dark-mode .mc-rightx .edit-listing i {
    color: var(--cta);
    border-color: #00000029 !important;
    background: #00000029;
}
.paper-spinner .active .spinner-layer.layer-1 {
    border-color: #000 !important;
}

.dark-mode .paper-spinner .active .spinner-layer.layer-1 {
    border-color: var(--cta) !important;
}
.woocommerce-order-pay #c27-site-wrapper>.woocommerce {
    margin: auto;
    margin-top: 30px;
    background: #fff0 !important;
    border: 0px solid #fff0;
}
.loader-bgifram {
    position: absolute;
    top: 50%;
    right: 50%;
    padding: 8px 16px;
    color: white;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transform: scale(1.5);
    z-index: -1;
}



.purchase-message {
    background: rgb(49 178 0 / 92%);
    font-weight: bold;
    color: rgb(255, 255, 255);
    padding: 10px 15px;
    border-radius: 13px;
    margin-bottom: 10px;
    position: relative;
    opacity: 1;
    transform: translateY(0px);
    transition: 0.3s;
    position: absolute;
    z-index: 30;
    top: 75px;
}


.job-manager-jobs .listing-cell .value {
    font-size: 13px;
    padding: .2em .6em .3em;
    line-height: 1;
}




/* MY listing status */
small.contestactive{
    border-radius: 29px;
    padding: 10px 8px;
    margin: 4px;
    font-size: 13px;
    font-weight: bold;
    color: rgb(33 243 183);
    background: rgb(33 243 72 / 10%);
    display: block;
}
small.solddelivered {
    border-radius: 29px;
    padding: 10px 8px;
    margin: 4px;
    font-size: 13px;
    font-weight: bold;
    color: rgb(0 172 7);
    background: rgb(33 243 39 / 10%);
    display: block;
    letter-spacing: .1px;
}
small.soldpendingdelivery{
    border-radius: 29px;
    padding: 10px 8px;
    margin: 4px;
    font-size: 13px;
    font-weight: bold;
    color: rgb(243 151 33);
    background: rgb(243 169 33 / 10%);
    display: block;
}

input#payment_method_cod {
    display: none !important;
}
.wc_payment_methods .wc_payment_method>label {
    font-weight: 600;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #000;
}
.woocommerce-checkout #payment ul.payment_methods li input,
.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li input {
    display: none!important;
}
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: #f4f4f4b8;
    border-radius: 12px;
    text-align: center;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    display: block!important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    display: none;
}
div.card-chip-cta.admin-price-rating.expanded div{
    top: -2px;
}


#shipping-form input {
    background: #ffffff;
    border: none;
    height: 40px;
}
form#shipping-form {
    margin-bottom: 19px;
}
#shipping-form .form-row {
    padding-left: 0 !important;
}


.c27-related-listings.tab-contents {
    display: block !important;
}

.buynow-form-modal {
    display: none;
}

form.quick-buy-form input {
    background: #ededed;
    height: 40px;
    border: 2px solid #fff0;
    font-size:13px!important;
        padding: 20px;

}
form.quick-buy-form input:focus {
    height: 40px;
    border: 2px solid #dfdfdf;
    transition: .2s ease-in;
}
form.quick-buy-form input:focus {
    height: 40px;
    border: 2px solid #dfdfdf;
    transition: .2s ease-in;
}

.dark-mode form.quick-buy-form input {
    background: #070707;
    color: #fff;
    font-size: 13px !important;
    padding: 20px;
}
.dark-mode .buynow-form-modal h2{
    color: #fff!important;
}
.dark-mode .fd-pckg .buynow-form-modal h2{
    color: #070707!important;
    text-align: center;
}

.element p.buynow-warning {
    color: red !important;
}
.dark-mode .quick-buy-form-wrapper-input-modal {
    background: #070707!important;
}

@media only screen and (min-width: 770px) {
    /* .header-center {
        display: none!important;
    } */
    .header-right {
        transition: width 0.3s ease;
    }
    #c27-site-wrapper {
        transition: width 0.3s ease;
        margin-top:90px;
    }
    /* .header-right{
        flex-direction: column;
        background: #ffffff;
        height: 100vh;
        bottom: 0px;
        position: absolute;
        z-index: 99999;
        padding: 20px;
        left: 0;
        top: 0;
        width: 300px;
        border-right: 1px solid #e2e3e5;
        gap: 20px;
    }
     div#c27-site-wrapper{
        transform: translateX(0vw);
        width: calc(100vw - 135px);
        float: right;
    }
    .dark-mode .header-right{
        background: #000;
        border-right: 1px solid #2f3336;
    }
    .header-skin {
        display: none !important;
    }
    div#c27-site-wrapper{
        transform: translateX(0vw);
        width: calc(100vw - 135px);
        float: right;
    } */





    body.home .c27-top-content-margin{
        height:0!important;
    }
    div#search-form {
        height: calc(100vh - 155px) !important;
        overflow: scroll !important;
        padding-right: 10px;        
    }
    a.reset-results-27.full-width.ripple-effect {
        color: red !important;
        margin-bottom: 23px;
    }
    .finder-listings, .finder-search {
        height: calc(100vh - 155px);
    }
    .form-group.fc-search {
        bottom: 0px !important;
    }
}
.finder-search {
    padding: 0px 20px 0;
}
.load-more-btn.col-md-12 {
    padding-bottom: 10vh;
    padding-top: 10vh;
}
[id^="quick-view"] .plyr video {
    object-fit: cover;
    margin-top: 0PX;
    display: flex;
    flex-direction: column;
    height: 300px !important;
}
.mi.my_location{
    color:#000;
}
i.icon-add-circle-1 {
    font-size: 23px;
    margin-left: 3px;
}
.dark-mode i.icon-add-circle-1 {
    color: #000;
    position: absolute;
}

a.menu__link:active:not([data-dismiss="modal"]) {
    background: var(--cta) !important;
    color: #070707!important;
    transition: .2s ease-in;
}
a.menu__link:active:not([data-dismiss="modal"]) svg{
    fill: #070707!important;
    transition: .2s ease-in;
}

a.menu__link:active:not([data-dismiss="modal"]) span.type-descr-pop{
    color: #070707!important;
    transition: .2s ease-in;
}
.voice-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: background 0.3s;
}

.voice-btn:hover {
    background: #005f87;
}

.voice-snackbar {
    display: none;
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    z-index: 9999;
    font-size: 14px;
}









@media (min-width: 1200px) {
  .dashboard-wrapper {
    display: flex !important;
    height: 100vh !important;
    overflow: hidden !important;
  }

  .mlduo-account-menu.special-dash {
    width: 250px !important;
    min-width: 250px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .mlduo-account-menu.special-dash > * {
    display: block !important;
    width: 100% !important;
  }

  .woocommerce-MyAccount-navigation > ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    overflow-x: hidden !important;
    margin-bottom: 0 !important;
  }

  .dashboard-content.i-section {
    flex-grow: 1 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    padding: 20px !important;
    background: #f9f9f9 !important;
  }
    .woocommerce {
        display: inline-flex;
    }
    .c27-top-content-margin {
        height: 0px!important;
    }
    .woocommerce table.job-manager-jobs tr {
        width: calc(49.3% - 15px)!important;
        margin-right: 0!important;
        margin-bottom: 0!important;
    }
    .job-manager-jobs tbody {
        gap: 27px!important;
    }
    .dashboard-content.i-section {
        background: #ececec !important;
    }
}
    .c27_listing_logo img {
        width: 154px!important;
        height: 101px!important;
        object-fit: cover!important;
        border-radius: 12px!important;
    }
    #job-manager-job-dashboard table td.c27_listing_logo {
        padding: 0;
        margin-bottom: 15px;
        display: block;
        padding-right: 0 !important;
    }

#job-manager-job-dashboard .l-type .listing-type .value {
    padding: 10px 15px;
    display: block!important;
    position: relative!important;
    padding: 12px 12px!important;
    color: #616568;
    margin-bottom: 27px!important;
    font-size: 14px!important;
    background: #0000001a !important;
    width: 100%!important;
    max-width: 100%!important;
    transition:.2s ease-in;
}
#job-manager-job-dashboard .l-type .listing-type:hover .value {
    background: #070707!important;
    color: #fff!important;
}
#job-manager-job-dashboard .l-type .listing-type {
    width: 100%!important;
}
.my-account-stat-box, .my-listings-stat-box {
    flex-wrap: wrap;
}
td.listing-info {
    flex-direction: column!important;
    align-items: flex-start!important;
}


.col-md-12.search-my-listings {
    margin-bottom: 10px;
}
.row.my-listings-stat-box {
    margin-top: 20px;
}
.search-my-listings form input {
    font-weight: 600;
    background: #ffffff;
    border-radius: 50px;
}
@media (min-width: 1029px) and (max-width: 1400px) {
    .woocommerce table.job-manager-jobs tr {
        width: calc(25% - 23px) !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .woocommerce table.job-manager-jobs tr {
        width: calc(33% - 23px) !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1400px) and (max-width: 1900px) {
    .woocommerce table.job-manager-jobs tr {
        width: calc(25% - 23px) !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1900px) {
    .woocommerce table.job-manager-jobs tr {
        width: calc(20% - 23px) !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}

.woocommerce table.job-manager-jobs tr.solddelivered {
    background: #e7ffe8 !important;
    height: fit-content;
}
.woocommerce table.job-manager-jobs tr.proposal {
    background: #c8eeff !important;
}
#job-manager-job-dashboard .l-type .listing-type .value.submit-a-proposal.ripple-effect {
    background: #3bc2ff !important;
}
#job-manager-job-dashboard .l-type .listing-type .value.designcrowd.ripple-effect {
    background: #3bc2ff !important;
}

.quick-view-modal .buynow-listing-modal .sign-in-box.element {
    min-height: 251px;
}






.quick-view-modal>.container {
    overflow: hidden;
}
.mc-rightx {
    height: calc(100vh - 330px);
}
.quick-view-modal .row.section-body {
    overflow: hidden;
    padding-bottom: 39px;
}
.quick-view-modal>.container {
    padding: 0;
}
.quick-view-modal div#c27-single-listing {
    padding: 10px;
}
.quick-view-modal .title-style-1 {
    background: #f2f2f2;
    padding: 8px;
    border-radius: 28px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.mc-rightx-inner {
    padding: 10px;
    margin: 0px 10px 0 10px;
}
.similar-listings .col-md-12.grid-item {
    background: #ffffff00;
    width: calc(100vw - 16px);
    margin: 8px;
    border-radius: 12px;
}
.grid-itemx {
    margin: 0px;
}
.modal-content{
    margin-bottom: -20px;
}

[id^="call-confirmation-modal-"].in-quick-view.expanded,
[id^="whatsapp-redirect-modal-"].in-quick-view.expanded,
[id^="social-share-modal-"].in-quick-view.expanded,
[id^="report-listing-modal-"].in-quick-view.expanded,
[id^="report-listing-modal-"].in-quick-view.expanded,
[id^="buynow-listing-modal-"].in-quick-view.expanded {
    margin: 10px;
    margin-top: 0;
}
div[id^="send-gift-qv-modal-"].expanded{
    margin-left: 10px;
    margin-right: 10px;
}
.block-field-known-issues .single-menu-item.element {
    background: #ffb762!important;
}
.block-field-known-issues .food-menu-items .single-menu-item .gr-content,
.block-field-bonuses .food-menu-items .single-menu-item .gr-content {
    background: #ffffff00!important;
}
.grid-itemx.block-type-text.block-field-job_tagline p{
    color: #3e434e;
    font-size: 13px;
    line-height: 23px;
    transition: .2s ease-in;
    font-weight: 400;
}
.dark-mode .quick-view-modal .title-style-1 {
    background: #484c57;
}
.block-field-known-issues .title-style-1 {
    background: #ff8900!important;
}
.block-field-known-issues .title-style-1 i,
.block-field-known-issues .title-style-1 h5 {
    color: #ffffff!important;
}
.dark-mode [id^="quick-view"] .block-field-known-issues .title-style-1 i,
.dark-mode [id^="quick-view"] .block-field-known-issues .title-style-1 h5 {
    color: #fff!important;
}
.dark-mode [id^="quick-view"] .tab-content.listing-tabs .element {
    color: #b2b2b2;
}
.dark-mode [id^="quick-view"] .block-field-known-issues .single-menu-item.element {
    background: #ff8900 !important;
    color: #000;
}
.quick-view-modal .row.listing-tab-grid {
        width: 100vw;
}
.block-field-bonuses .title-style-1 {
    background: #9df8ff !important;
}
.block-field-bonuses .title-style-1 i, .block-field-bonuses .title-style-1 h5 {
    color: #070707!important;
}
.block-field-bonuses .single-menu-item.element {
    background: #9df8ff  !important;
}
.dark-mode [id^="quick-view"] .block-field-bonuses .single-menu-item.element {
    background: #9df8ff  !important;
    color: #000;
}
.block-field-bonuses .element.gallery-grid-block{
    background: #ecfeff ;
}
.dark-mode .expanded .title-style-1:not(.dark-mode .buynow-listing-modal.expanded .title-style-1) {
    background: #20232b;
}
.expanded .title-style-1:not(.buynow-listing-modal.expanded .title-style-1) {
    background: #fff;
}



#job-manager-job-dashboard table.orders-table td {
    display: table-cell;
    text-align: right;
    padding: 13px;
}










.listing-dashboard {
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
}

.listing-sorting-controls {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.listing-sorting-controls label {
    font-weight: 600;
}

.listing-sorting-controls .custom-select {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.listing-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.listing-item {
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: visible;
    transition: box-shadow 0.2s ease;
}

.listing-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.listing-item-inner {
    display: flex;
    width: 100%;
}

.listing-image {
    flex: 0 0 120px; /* Fixed width for image */
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px;
    overflow:hidden;
}

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

.listing-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    gap: 0px;
}

.listing-details {
    flex: 1;
}

.listing-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
}

.listing-title a {
    color: #333;
    text-decoration: none;
}

.listing-title a:hover {
    text-decoration: underline;
}

.listing-status {
    font-size: 12px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
}

span.listing-status.publish  { color: #28a745; }
span.listing-status.pending { color: #ffc107; }
span.listing-status.pending_payment { color: #ff9800; }
span.listing-status.expired { color: #dc3545; }
span.listing-status.draft { color: #6c757d; }
span.listing-status.preview { color: #17a2b8; }
span.listing-status.proposal { color: #007bff; }
span.listing-status.contestactive { color: #6610f2; }
span.listing-status.contestclosed { color: #6c757d; }
span.listing-status.soldout { color: #001aea; }
span.listing-status.soldpendingdelivery { color: #fd7e14; }
span.listing-status.solddelivered { color: #28a745; }
span.listing-status.solddispute { color: #dc3545; }
span.listing-status.soldrefunded { color: #6c757d; }




.delivery-status-summary {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.delivery-status-icon {
    display: inline-flex;
    margin-right: 6px;
}

.delivery-status--success .delivery-status-text {
    color: #2ecc71; /* Green for all delivered */
}

.delivery-status--warning .delivery-status-text {
    color: #e67e22; /* Orange for pending delivery */
}

.delivery-status--none .delivery-status-text {
    color: #666; /* Gray for no orders */
}





/* Add to your theme's style.css or equivalent */
.terminal-log {
    margin-top: 40px; /* Space below spinner; adjust based on your spinner size */
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: #0f0; /* Green terminal color; change to #ddd to match spinner or your theme */
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5); /* Subtle glow effect */
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards; /* Fade in when text appears */
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* Ensure loader-bgifram can accommodate both spinner and text */
.loader-bgifram {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100px; /* Adjust if needed to prevent overlap with iframe */
}




.listing-meta {
    display: grid;
    gap: 0px 20px;
    font-size: 11px;
    color: #666;
}

.listing-meta .label {
    font-weight: 500;
    color: #333;
    font-size: 100%;
}

.listing-meta a {
    color: #3d3d3d;
    text-decoration: none;
    background: #0000002e;
    padding: 5px 15px;
    border-radius: 50px;
}

.listing-meta a:hover {
    text-decoration: underline;
}

.listing-actions-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.listing-actions-toggle {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    font-size: 20px;
    color: #666;
    transition: color 0.2s ease;
}

.listing-actions-toggle:hover {
    color: #333;
}

.listing-actions-menu {
    position: absolute;
    top: 0%;
    right: 30px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    z-index: 10;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.2s ease, max-height 0.2s ease;
    padding-left: 8px !important;
}

.listing-actions-menu.active {
    opacity: 1;
    max-height: 330px; /* Adjust based on menu content */
}

.listing-actions-menu li {
    margin: 0;
}

.listing-actions-menu a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.listing-actions-menu a:hover {
    background: #f5f5f5;
}

.listing-pagination {
    margin-top: 20px;
    text-align: center;
}

.listing-pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.listing-pagination li {
    margin: 0 5px;
}

.listing-pagination a,
.listing-pagination span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #007bff;
}

.listing-pagination a:hover {
    background: #f5f5f5;
}

.listing-pagination .current {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}


@media (max-width: 480px) {
  .listing-item-inner {
    /* flex-direction: column; */
  }
}

.mlduo-stat-box {
    height: 120px;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex
;
    align-items: flex-start;
    height: 143px !important;
    padding: 13px !important;
    align-content: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}
.mlduo-stat-box i {
    position: absolute;
    top: 10px!important;
    left: 9px;
    font-size: 40px!important;
    color: rgba(0, 0, 0, .15);
}
.listing-expires .value {
    margin-left: 7px;
}
.listing-created .value {
    margin-left: 4px !important;
}



a.chip.status-completed {
    background: #28a745;
    color: #fff;
}



a.chip.status-completed { background-color: #4caf50; }
a.chip.status-processing { background-color: #2196f3; }
a.chip.status-pending { background-color: #ff9800; }
a.chip.status-cancelled, .status-failed { background-color: #f44336; }
a.chip.status-on-hold { background-color: #9e9e9e; }



/* 
// Orders DASH modal */
/* Orders Summary Button */
.listing-orders-summary .orders-toggle {
    background: #070707;
    border: 1px solid #ddd;
    border-radius: 32px;
    padding: 2px 22px !important;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    margin-bottom: 3px;
}

.listing-orders-summary .orders-toggle:hover {
    background: #e0e0e0;
}

.listing-orders-summary .orders-toggle:focus {
    outline: 2px solid #0073aa;
}

/* Icon Styles */
.listing-orders-summary .orders-toggle__icon {
    display: inline-flex;
    align-items: center;
    margin-left: -10px;
}

.listing-orders-summary .orders-toggle__icon svg {
    width: 16px;
    height: 16px;
}

.listing-orders-summary .orders-toggle__icon--attention svg {
    stroke: #fd7e14; /* Orange */
}

.listing-orders-summary .orders-toggle__icon--healthy svg {
    stroke: #28a745; /* Green */
}

/* Overlay Container */
.orders-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.orders-overlay[hidden] {
    display: none;
}

.orders-overlay--open {
    opacity: 1;
    visibility: visible;
}

.orders-overlay__content {
    background: #fff;
    border-radius: 8px;
    max-width: 900px;
    width: 90%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.orders-overlay__header {
    padding: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orders-overlay__header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.orders-overlay__close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    color: #333;
}

.orders-overlay__close:hover {
    color: #d63638;
}

.orders-overlay__body {
    padding: 16px;
    overflow-y: auto;
}

/* Overlay Table */
.orders-overlay .orders-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 14px;
}

.orders-overlay .orders-table th,
.orders-overlay .orders-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.orders-overlay .orders-table th {
    background: #f9f9f9;
    font-weight: 600;
    color: #333;
}

.orders-overlay .orders-table__row {
    cursor: pointer;
    transition: background 0.2s ease;
}

.orders-overlay .orders-table__row:hover {
    background: #f5f5f5;
}

.orders-overlay .orders-table__row:focus {
    outline: 2px solid #0073aa;
    background: #f0f0f0;
}

.orders-overlay .orders-table__row td {
    vertical-align: middle;
}

/* Date with Time Styling */
.orders-overlay .orders-table td small {
    display: block;
    font-size: 11px;
    color: #666;
    margin-top: 2px;
}

/* Status Badges in Overlay */
.orders-overlay .chip {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.5;
}

.orders-overlay .status-completed {
    background: #28a745;
    color: #fff;
}

.orders-overlay .status-processing {
    background: #007bff;
    color: #fff;
}

.orders-overlay .status-pending {
    background: #fff3cd;
    color: #856404;
}

.orders-overlay .status-cancelled,
.orders-overlay .status-failed,
.orders-overlay .status-refunded {
    background: #dc3545;
    color: #fff;
}

.orders-overlay .status-on-hold {
    background: #f5f5f5;
    color: #333;
}

/* Delivery and Payment Status Badges (Generic Fallback) */
.orders-overlay .chip.status-delivered,
.orders-overlay .chip.status-paid {
    background: #28a745;
    color: #fff;
}

.orders-overlay .chip.status-pending-delivery,
.orders-overlay .chip.status-pending-payment {
    background: #fff3cd;
    color: #856404;
}

.orders-overlay .chip.status-shipped {
    background: #007bff;
    color: #fff;
}

.orders-overlay .chip.status-not-delivered,
.orders-overlay .chip.status-not-paid {
    background: #dc3545;
    color: #fff;
}

/* Column Widths */
.orders-overlay .orders-table th:nth-child(1),
.orders-overlay .orders-table td:nth-child(1) {
    width: 8%; /* Order ID */
}

.orders-overlay .orders-table th:nth-child(2),
.orders-overlay .orders-table td:nth-child(2) {
    width: 12%; /* Status */
}

.orders-overlay .orders-table th:nth-child(3),
.orders-overlay .orders-table td:nth-child(3) {
    width: 12%; /* Amount Paid */
}

.orders-overlay .orders-table th:nth-child(4),
.orders-overlay .orders-table td:nth-child(4) {
    width: 18%; /* Initiation Date */
}

.orders-overlay .orders-table th:nth-child(5),
.orders-overlay .orders-table td:nth-child(5) {
    width: 18%; /* Completion Date */
}

.orders-overlay .orders-table th:nth-child(6),
.orders-overlay .orders-table td:nth-child(6) {
    width: 16%; /* Delivery Status */
}

.orders-overlay .orders-table th:nth-child(7),
.orders-overlay .orders-table td:nth-child(7) {
    width: 16%; /* Payment Status */
}

/* Responsive Design */
@media (max-width: 768px) {
    .orders-overlay__content {
        width: 95%;
    }

    .orders-overlay .orders-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 13px;
    }

    .orders-overlay .orders-table th,
    .orders-overlay .orders-table td {
        padding: 8px;
    }

    .orders-overlay .chip {
        font-size: 11px;
        padding: 3px 6px;
    }

    .orders-overlay .orders-table td small {
        font-size: 10px;
    }

    .orders-overlay__header h3 {
        font-size: 16px;
    }

    .listing-orders-summary .orders-toggle {
        font-size: 13px;
        padding: 6px 10px;
    }

    .listing-orders-summary .orders-toggle__icon svg {
        width: 14px;
        height: 14px;
    }
}



.fieldset-price.field-type-number.form-group{
    /* width: 56%;
    display: inline-block;
    padding-right: 1%!important; */
}
.fieldset-currency.field-type-select.form-group{
    border-top: 0px !important;
    margin-top: -30px;
}
#submit-job-form .field-type-checkbox.form-group .field {
    max-height: 600px;
    overflow: scroll;
}

span.expandable-checkboxes {
    cursor: pointer;
    width: 100%;
    height: 49px;
    text-align: right;
    background: rgb(232 233 235);
    margin-top: -39px;
    padding: 13px 15px;
    border-radius: 12px;
    z-index: 0;
}
.dark-mode span.expandable-checkboxes{
    background: #000;
}
.fieldset-exterior-finish.field-type-checkbox.form-group,
.fieldset-featuresoptions.field-type-checkbox.form-group,
.fieldset-interior-material.field-type-checkbox.form-group,
.fieldset-interior-color.field-type-checkbox.form-group
{
    padding-top: 35px!important;
}
#submit-job-form .field-type-checkbox.form-group .field-head>label {
    margin-left: 10px;
    z-index: 1;
    pointer-events: none;
}

body .resturant-menu-repeater>input[type=button], .work-hours-repeater>input[type=button] {
    background: rgb(232 233 235);
    width: 100%;
}

.resturant-menu-repeater>input[type=button]:hover, .work-hours-repeater>input[type=button]:hover {
    background: rgb(4 10 19);
    color: oklch(1 0 0) !important;
}


/* 
NEW Mobile side menu */
@media only screen and (max-width: 1200px) {
    .user-profile-dropdown .user-profile-name {
        justify-content: center;
    }
    .i-nav .user-profile-dropdown .user-profile-name .avatar {
        min-width: 120px;
        margin-right: 10px;
        display: block;
    }
    .i-nav .avatar {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        overflow: hidden;
    }
    body .i-nav {
        width: 100vw;
        transform: translateX(100vw);
        padding: 10px;
    }
    body .i-nav.mobile-menu-open {
        width: 100vw;
        transform: translateX(0vw);
    }
    .mobile-nav-head {
        display: flex;
        align-items: flex-start!important;
        height: auto!important;
        min-height: 56px;
    }

    .user-profile-dropdown .user-profile-name {
        align-items: center;
        margin-right: 0!important;
        flex-direction: column;
        height: 25vh!important;
    }
    
}
ul.cts-carousel.auth-page-tbas.no-list-style{
    scrollbar-color: rgb(0 0 0 / 0%) transparent;
}


div#c27-site-wrapper {
    z-index: 0;
}
html, body {
  background-color: #fff;
}
html.dark-mode, .dark-mode body {
  background-color: #000;
}
#transition-overlay {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1.5rem;
}

#transition-overlay.show {
  display: flex;
}
.popup-search-ctb i.mi.youtube_searched_for{
    color: #fff;
    font-size: 24px
}
.dark-mode .popup-search-ctb i.mi.youtube_searched_for{
    color: #000;
}

.extra-details .item-property {
    float: right;
    line-height: 26px;
    max-width: 52%;
    text-align: right;
    color: #363636;
    font-size: 13px;
    font-weight: 400;
}
.dark-mode .extra-details .item-property{
    color: white;
}



.quick-buy-form.shipping-form .form-row {
    display: flex;
    gap: 1rem;
  }
.quick-buy-form.shipping-form .form-col {
    flex: 1;
  }
.quick-buy-form.shipping-form form input {
    width: 100%;
    padding: 0.5rem;
    margin-top: 0.2rem;
  }
.quick-buy-form.shipping-form label {
    display: block;
    margin-bottom: 1rem;
  }


  .card-chip-cta.subscribe-author-pg {
    margin-bottom: 10px;
    height: 47px;
    border-radius: 25px;
    background: var(--cta);
    font-size: 15px;
    color: #070707!important;
    font-weight: 600;
    padding: 10px;
}
  .card-chip-cta.subscribe-author-pg.expanded{
    height: auto!important;
}

.quick-view-modal.loading-modal .lf-itfem.lf-item-alternate.moved-to-modal{
    pointer-events:none;
}

.dark-mode .main-menu .submenu-toggle i {
    color: #c3c3c3;
}
.dark-mode .i-nav ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .1px;
}
.mobile-menu-open .i-dropdown li a {
    color: #ececec;
}
.i-nav ul li {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.dark-mode .user-profile-dropdown .user-profile-name {
    color: #dbdbdb !important;
}
ul.sub-menu.i-dropdown.shown-menu {
    padding-left: 17px;
    border-radius: 12px;
    margin: 0 20px;
    transition: ease-in;
    width: auto;
}
.dark-mode .mobile-user-menu {
    background: var(--dark-secondary-chips);
    border-radius: 12px;
    margin-bottom: 20px;
}
.dark-mode .user-profile-dropdown .user-profile-name .submenu-toggle i {
    color: #ffffff;
}
.dark-mode .mobile-nav-button {
    height: auto;
}

.card-chip-cta.with-details.known-issues {
    width: 120px;
    background: #f2f2f2;
    color: #070707!important;
    fill: #000;
}
.dark-mode .card-chip-cta.with-details.known-issues {
    width: 120px;
    background: #20232b;
    color: #bdbdbe !important;
    fill: #bdbdbe;
}
.high-contrast .card-chip-cta.with-details.known-issues {
    background: orange;
    color: #070707!important;
}
.card-chip-cta.negiciable i{

}
.card-chip-cta.known-issues i {
    margin-right: 5px;
    font-size: 12px;
    margin-top: -1px;
}
.card-chip-cta.with-details.includes-bonus {
    width: 135px;
    background: #f2f2f2;
    color: #070707!important;
    fill: #000;
}
.dark-mode .card-chip-cta.with-details.includes-bonus {
    width: 135px;
    background: #20232b;
    color: #bdbdbe !important;
    fill: #bdbdbe;
}
.high-contrast .card-chip-cta.with-details.includes-bonus {
    background: #00d0ff;
    color: #070707!important;
}
.card-chip-cta.includes-bonus i {
    margin-right: 5px;
    font-size: 15px;
    margin-top: -1px;
}
.card-chip-cta.price-label-options.with-details {
    width: 149px;
}


/* ASK FOR PICKUP OR DELIVERY */



/* 
HLS test 1 */
.page-id-3135 header{
    display: none!important;
}
.page-id-3135 .partial-actions{
    display: none!important;
}
.page-id-3135 div#sticky-a,
.page-id-3135 div#sticky-b,
.page-id-3135 .mobile-explore-head-top {
    display: none!important;
}
.page-id-3135 .mc-rightx {
    display: none!important;
}
.page-id-3135 .plyr audio,.page-id-3135 .plyr iframe,.page-id-3135 .plyr video {
    height: 80vh !important;
}
.page-id-3135 .swiper-slide.video.swiper-slide-active {
    height: 100% !important;
}
.page-id-3135 .swiper-slide {
    height: 100% !important;
}
.page-id-3135 #finderListings {
        transform: translateY(0px) !important;
}
.page-id-3135 .lf-itfem.lf-item-alternate{
    margin-left: 0!important;
}
.page-id-3135 .swiper-slide:not(.video) {
    max-height: unset!important;
}
.page-id-3135 .lf-item-container .single-slide {
    max-height: unset;
}
.page-id-3135 h2.case27-primary-text{
    display: none!important;
}



.shipping-option{
    background: #000; 
    padding: 10px; 
    border-radius: 31px; 
    width: 50%; 
    text-align: center; 
    color: #000; 
    font-weight: 600;
}
.shipping-option.active{
    background: var(--cta); 
    transition:.2s ease-in;
}
.form-row.choose-option {
}



form.quick-buy-form>label,
.dark-mode form.quick-buy-form>label {
  font-weight: 400;
  cursor: pointer;
  display: inline-flex!important;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 13px;
  width: 100%;
  transition: background-color 0.3s ease, color 0.3s ease, font-weight 0.3s ease;
}

/* The clean way: use :has() to style label when its input is checked (modern browsers) */
form.quick-buy-form label:has(input.shipping-qv-del-acceptance:checked) {
  background-color: var(--cta);
  color: #070707;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease, font-weight 0.3s ease;
}
.dark-mode form.quick-buy-form label:has(input.shipping-qv-del-acceptance:checked) {
  background-color: #000;
  color: #fff;
 }

/* Optional: keep links visible with a different color */
form.quick-buy-form label:has(input.shipping-qv-del-acceptance:checked) a {
  color:#070707;
  transition: color 0.3s ease;
}
.dark-mode form.quick-buy-form label:has(input.shipping-qv-del-acceptance:checked) a {
  color: var(--cta);
}


form.quick-buy-form input.shipping-qv-del-acceptance {
  appearance: none;
  width: 8px;
  height: 7px;
  border: 2px solid #ccc;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  vertical-align: middle;
  display: block;
  padding: 10px;
  border-radius: 6px;
}


form.quick-buy-form input.shipping-qv-del-acceptance:checked {
  border-color: var(--cta);
  background-color: #55c600;
}
.dark-mode form.quick-buy-form input.shipping-qv-del-acceptance:checked {
  border-color: var(--cta);
  background-color: var(--cta);
}

form.quick-buy-form input.shipping-qv-del-acceptance:checked::after {
  content: "";
  position: absolute;
  left: 8px;
  top: -6px;
  width: 10px;
  height: 21px;
  border: solid #070707;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  transition: all 0.2s ease;
}

form.quick-buy-form input.shipping-qv-del-acceptance:focus {
  outline: none;
}

.final-cta-container button:first-child i{
    position: absolute;
    left: 16px;
    margin-top: 1px;
    font-size: 23px;
}






body .c27-quick-view-modal .loader-bg {
    width: 100%!important;
    padding: 10px!important;
    position: absolute!important;
    left: 50%;
    top: 336px!important;
    transform: translate(-50%, -50%);
}

.paper-spinner.center-vh-min{
    top: 0%!important;
}

.dark-mode .package-sec-desc{
    color:#fff!important;
}




.packag-hilght{
    color: #000;
    font-weight: 600;
    background: white;
    margin: auto;
    padding: 5px 25px;
    border-radius: 18px;
    width: 77%;
}
.dark-mode .packag-hilght{
    color: var(--cta);
    font-weight: 600;
    background: #070707;
}
.cc i.mi {
    font-size: 24px;
}
#submit-job-form .element .pf-head {
    background: var(--cta);
}

input.select2-search__field{
    display:none;
}
.klikol-search-placeholder {
    width: 100%;
    height: 40px;
    background: #f2f2f2;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    border-radius: 12px;
}
.dark-mode .klikol-search-placeholder {
    background: #000000;
    color: #555;
}
.add-listing-step small.description {
    color: #000;
}
.dark-mode .add-listing-step small.description {
    color: #929292;
}
.dark-mode .add-listing-step .select2-container--default .select2-selection--single .select2-selection__clear:before {
    color: #ff0000;
}

.skeleton-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.skeleton-avatar-group {
    gap: 4px;
}
.skeleton-avatar-group {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}

.skeleton-avatar {
  width: 45px;
  height: 45px;
  border-radius: 54px;
  background: linear-gradient(312deg, #ffffff, #f0f0f0, #fff);
  background-size: 400% 400%;
  animation: bgShift 1.5s ease infinite;
}
.dark-mode .skeleton-avatar {
  background: linear-gradient(312deg, #000, #20232b, #000);
  animation: bgShift 3s ease-in-out 20 alternate;
background-size: 400% 400%; 
}

.skeleton-box {
  height: 20px;
  border-radius: 4px;
  background: linear-gradient(312deg, #ffffff, #f0f0f0, #fff);
  background-size: 400% 400%;
  animation: bgShift 1.5s ease infinite;
}
.dark-mode .skeleton-box {
  background: linear-gradient(312deg, #000, #20232b, #000);
  animation: bgShift 1s ease-in-out infinite alternate;
  background-size: 600% 400%; 
}

.skeleton-box--large {
  height: 370px;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.skeleton-box--short {
  width: 33%;
}
.submit-proposal-car-for-sale.card-chip-cta.with-details.buy-guaranteed-payment.expanded {
    height: 220px;
}
.dark-mode [class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.expanded {
    background: #1f2229 !important;
    border-color: #070707 !important;
    height: 220px;
}
.dark-mode .quick-view-modal [class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.expanded {
    background: #070707!important;
}
[class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.expanded p {
    color: #fff;
}
.dark-mode [class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.expanded p {
    color: #ffffff;
}

div.card-chip-cta.with-details.negiciable.expanded {
    height: 101px;
}
div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded {
    height: 133px;
}
div.card-chip-cta.with-details.delivery-included.expanded {
    height: 90px;
}
div.card-chip-cta.with-details.includes-bonus.expanded {
    height: 90px;
}
div.card-chip-cta.with-details.known-issues.expanded {
    height: 101px;
}
.card-chip-cta.with-details.submit-design-proposal.buy-guaranteed-payment.expanded {
    height: 187px;
}
div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div {
    color: #070707;}2135671
/* }dyanacraftyacht
vodlist/---todayhits-1.shtml */

body div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div path:first-child {
    stroke: #000000!important;
}
body div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div path:last-child {
    stroke: #000000!important;
}
.dark-mode body div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div path:last-child {
    stroke: #fff!important;
}
.dark-mode div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div {
    color: #ffffff;
}

.dark-mode div.card-chip-cta.with-details.sml-bdg.guaranteed-payment.expanded div path:first-child {
    stroke: #ffffff!important;
    fill: #000000!important;
}

.search-form{display:none!important}
.lmb-calltoaction>a.cts-open-chat {
    background: #070707 !important;
    color: #ffffff !important;
}
@media screen and (max-width: 768px) {
    #ml-messages-modal {
        background: #ffffff00;
    }
    #message-inbox, #message-inbox-chat, #ml-messages-modal .modal-content, #ml-messages-modal .modal-dialog {
        box-shadow: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 51px;
        left: 0;
        right: 0;
        bottom: 0px;
        overflow: visible;
    }
    .author #profile_tab_listings .container{
        padding: 0px;
    }
    .listing-main-buttons>ul>li {
        margin-top: 0px;
    }
}
.list-card {
    background: #ffffff;
    padding: 1px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
a.btn-unlock {
    background: var(--cta);
    font-size: 15px;
    color: #000;
    border-radius: 33px;
    float: right;
    width: 100%;
    text-align: center;
    margin: 10px auto;
    padding: 10px;
}
p.access-note {
    text-align: center;
    color: #797979 !important;
}
.dark-mode p.list-description {
    color: #202020 !important;
}
@keyframes bgShift {
  from { background-position: 0% 0%; }
  to { background-position: 100% 100%; }
}
p.access-info {
    font-size: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
    font-weight: 600 !important;
    color: #070707!important;
}
.list-card h3 {
    border-bottom: 1px solid #d1d1d1 !important;
    padding-bottom: 15px;
}
.dark-mode div.subscribe-author-pg.card-chip-cta.with-details.expanded>p {
    color: #b2b2b2;
}
a.edit-listing.qv-btn {
    color: #000;
    background: #fff;
    padding: 10px;
    display: block;
    border-radius: 12px;
    margin: 10px 10px;
    margin-top: 0;
    font-weight: 500;
    font-size: 15px;
    position: sticky;
    top: 59px;
    z-index: 999;
}
.dark-mode a.edit-listing.qv-btn {
    color: var(--cta);
    background: #20232b;
}
div.card-chip-cta.with-details.expanded .list-card p {
    border: 0px solid #ffffff;
}
.mc-rightx .edit-listing i {
    margin-right: 10px;
}
div.card-chip-cta.with-details.expanded div .list-card ul .item-attr,
div.card-chip-cta.with-details.expanded div .list-card ul .item-property{
    color: #000000;
}
.plyr__control.plyr__control--overlaid.plyr__control svg {
    color: #ffffff;
}
.c27-related-listings.tab-contents .col-md-12.grid-item{
    padding-right: 0px!important;
    padding-left: 0px!important;
}
div.card-chip-cta.subscribe-author-pg.expanded div{
    margin-left:0px!important;
    width:100%;
    margin-top: 0px;
}
.fd-pckg .lf-head.level-normal,
.fd-pckg .lf-head2.leve-footer{
    left:0!important;
}
.fd-pckg .add-to-wishlist.card-chip-cta.with-details.add-to-cart-card.ripple-effect.i-want-accept-online-pymnt {
    left: 0px;
    margin-bottom: 3px;
    width: 100%;
}
.fd-pckg .partial-actions{
    display:none
}
.dark-mode .username .value {
    color: #9f9f9f;
}
.package-available>.use-package-toggle {
    margin-bottom: 7px;
}
.dark-mode .package-available>.use-package-toggle {
    color: #8c9dae;
}
.dark-mode [class^="submit-proposal-"]{
    background: #fff !important;
    border-color: #fff !important;
}
.fd-pckg .lf-item-container {
    padding: 15px!important;
}
.dark-mode .fd-pckg .hidden-description-gradient {
    display: block;
    background: linear-gradient(360deg, #000000 35%, transparent 70%);
}
.dark-mode .fd-pckg .tweet-title {
    background: linear-gradient(0deg, #000000 7%, transparent 25%);
}
.dark-mode .fd-pckg .lf-item-container{
    background: #000000;
    border: 1px solid #11100000;
}
.dark-mode [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment {
    background: #ffffff!important;
    border: 2px solid #fff!important;
    color: #000000!important;
}
.form-section-wrapper .heading-content {
    margin-top: 10px!important;
}
#submit-job-form .element .pf-head {
    padding: 10px 10px 0!important;
}

#visits-chart-wrapper .ct-series-b .ct-area {
    fill: #ade31173 !important;
}
.edit-account i.mi.settings{
    background: #f2f2f2;
}
.dark-mode .edit-account i.mi.settings{
    background: #20232b;
}
.dark-mode .form.sign-in-form .form-group label{
    color: #ffffff;
}
.dark-mode input#reg_email {
    color: #ffffff;
    font-size: 13px !important;
}
.dark-mode .woocommerce-EditAccountForm legend{
    border-bottom: 2px solid #feeb5c;
    color: oklch(0.93 0.16 101.57);
}
textarea#reg_description {
    min-height: 232px;
    line-height: 1.8;
    padding-top: 10px;
}
.dark-mode textarea#reg_description {
    color: #ffffff;
}
form.sign-in-form .form-group input:placeholder-shown~label {
    font-size: 13px;
}
@media (min-width: 1200px) {
    .dark-mode .dashboard-content.i-section {
        background: #161a1c !important;
    }
}
@media (min-width: 992px) {
    .dark-mode .col-md-7.mlduo-welcome-message {
        width: 40%!important;
    }
    li.woocommerce-MyAccount-navigation-link {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button {
        padding: 8px 8px!important;
    }
    .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
        border-top: 0px solid red !important;
    }
    .woocommerce table.shop_table tr {
        background: #f6f6f6;
        margin: 0 0 20px 0;
        padding: 11px;
        border-radius: 12px;
    }
    .dark-mode .woocommerce table.shop_table tr {
        background: #000000;
    }
    :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover{
        background-color: var(--cta);
        color: #000000;
        border-radius: 13px;
    }
}
a.woocommerce-button.button.cancel.order-actions-button {
    background: var(--cta);
    border-radius: 12px;
    margin-top: 10px;
}
@media only screen and (max-width: 768px) {
    body .woocommerce-account .i-section {
        padding-top: 20px !important;
        padding-bottom: 25vh !important;
        height: auto;
    }
}

.bookmark-actions a,
.job-dashboard-actions li a {
    color: #565662;
    font-weight: 400;
    border-radius: 15px;
    transition: .2s ease;
    margin-top: 7px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    background: #f2f2f2;
    padding: 8px;
}
.woocommerce {
    background: #fff !important;
    min-height: 100vh;
}
.woocommerce .element {
    background: #f6f6f6!important;
}
.dark-mode .woocommerce .element {
    background: #20232b!important;
}
.dark-mode .bookmark-actions a,
.dark-mode .job-dashboard-actions li a {
    color: #565662;
    background: #000000;
}
.dark-mode .woocommerce-MyAccount-content table.woocommerce-MyAccount-downloads td,
.dark-mode .woocommerce table.my_account_orders td,
.dark-mode .woocommerce table.my_account_orders th {
    color: #cbcbcb;
}
.woocommerce-account .addresses .title a.edit,
.woocommerce table.my_account_orders .order-actions.subscription-actions a.button,
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button {
    color: #000000;
    background: var(--cta);
    border-radius: 6px !important;
    margin: 0 2px;
}
table.woocommerce-table--order-details {
    color: #000000;
}
.dark-mode table.woocommerce-table--order-details {
    color: #cbcbcb;
}
.dark-mode .elementor-kit-6 h2 {
    color: var(--cta) !important;
}
.dark-mode address {
    color: #cbcbcb;
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #e9eaec;
}


.delivery-included {
  display: none!important;
}

.delivery-included.include-delivery {
  display: flex!important;
}
.flag-location span{
    margin-left: 6px;
    vertical-align: middle;
    color: #4a4a4a;
    font-size: 12px !important;
}
.dark-mode .flag-location span{
    color: #bdbdbe;
}

.card-chip-cta.price-label-options.with-details {
    width: 135px;
    background: #ffffff00!important;
    color: #4a4a4a !important;
    fill: #20232b;
}
.card-chip-cta.price-label-options.with-details.expanded {
    width: 100%;
    height: 87px!important;
    background: #f2f2f2!important;
    padding:0px;
    padding-top:0;
    color: #000000 !important;
    fill: #20232b;
}
.dark-mode .card-chip-cta.price-label-options.with-details {
    padding-top: 0;
    background: #00000000!important;
}
.dark-mode .card-chip-cta.price-label-options.with-details.expanded {
    padding: 0px;
    padding-top: 0;
    background: #20232b!important;
}











.dark-mode .mc-rightx-inner .card-chip-cta.price-label-options.with-details.negiciable.expanded {
    padding: 10px;
    padding-top: 0;
    height: 87px;
    width:100%;
    background: #000!important;
}
.dark-mode .mc-rightx-inner .card-chip-cta.price-label-options.with-details {
    width: 135px;
    background: #20232b00!important;
    color: #bdbdbe !important;
    fill: #20232b;
}

@media only screen and (max-width: 768px) {
    [class^="blc-cards-prv-"]{
        width:100%;
    }
}

.job-manager-message {
    background-color: #f2f2f2!important;
    border: 0px solid #e3e3e3 !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}

#submit-job-form .pf-head {
    background: #fff!important;
}
#submit-job-form .title-style-1 h5{
color: #000;
}
.dark-mode #submit-job-form .pf-head {
    background: #20232b!important;
}
.dark-mode #submit-job-form .title-style-1 h5{
color: oklch(0.93 0.16 101.57)!important;
}

.fieldset-price-note.field-type-checkbox.form-group {
    border-top: 0px solid #0000 !important;
    margin-top: -45px !important;
}

i.mi.dehaze {
    font-size: 23px;
}
.dark-mode i.mi.dehaze {
    font-size: 23px;
    color:#000!important
}


.brdcrmb-card {
    margin-top: 10px;
}
.brdcrmb-card a {
    background: #f2f2f2;
    color: #000000;
    padding: 5px 9px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}
.brdcrmb-card a:not(a:last-child)::after {
    content: '\e902';
    font-family: 'feather';
    display: inline-block;
    padding: 0 0.5em;
    color: #000000;
    position: relative;
    top: 0.58px;
}
.mc-rightx-inner .brdcrmb-card {
    margin-top: -10px;
    margin-bottom:10px;
}
.mc-rightx-inner .brdcrmb-card a {
    background: #f2f2f2;
    color: #000000;
}
.mc-rightx-inner .brdcrmb-card a:not(a:last-child)::after {
    color: #000000;
}








.dark-mode .brdcrmb-card a {
    background: #20232b;
    color: #707070;
    padding: 5px 9px;
    border-radius: 12px;
}
.dark-mode .brdcrmb-card a:not(a:last-child)::after {
    content: '\e902';
    font-family: 'feather';
    display: inline-block;
    padding: 0 0.5em;
    color: #707070;
    position: relative;
    top: 0.58px;
}
.dark-mode .mc-rightx-inner .brdcrmb-card {
    margin-top: -10px;
    margin-bottom:10px;
}
.dark-mode .mc-rightx-inner .brdcrmb-card a {
    background: #000;
    color: #707070;
}
.dark-mode .mc-rightx-inner .brdcrmb-card a:not(a:last-child)::after {
    color: #707070;
}
.box-elementor-terms {
    background: #e9eaec !important;
    color: #000;
}
.box-elementor-terms p {
    color: #000;
}
.dark-mode .box-elementor-terms {
    background: #20232b !important;
    color: #b6b6b6;
}
.dark-mode .box-elementor-terms p{
    color: #b6b6b6;
}
.dark-mode .box-elementor-terms h3{
    color: var(--cta);
}
.box-elementor-terms ul{
    border-top:1px solid #717171;
    padding-top:20px;
    color: #222222;
}
.dark-mode .box-elementor-terms ul{
    border-top:1px solid #676767;
    padding-top:20px;
    color: #bfbfbf;
}

#c27-site-wrapper{
    transform:translateX(-200vw);
    transition: transform .2s ease-in;
}
.page-id-85 #c27-site-wrapper{
    transform:translateX(-100vw);
    transition: transform .2s ease-in;
}

.menu__item.title-inner a{
color:#000
}
.dark-mode .menu__item.title-inner a{
color:var(--cta)
}



@media only screen and (min-width: 768px) {
    .glider{
        display:none!important;
    }
    .explore-head .explore-types .type-info>h4 {
        font-size: 17px !important;
    }
    span.jobSuccessCard {
        margin-top: -7px;
        font-size: 15px;
    }
    .tweet-title {
        font-size: 19px !important;
        margin-bottom: 23px;
        margin-top: 35px;
    }
    .hidden-description-gradient {
        font-size: 15px;
        margin-top: 13px;
    }
    .dark-mode p.tweet-description {
        color: #ffffff;
        font-size: 18px;
        line-height: 31px;
        letter-spacing: .1px;
    }
    .dark-mode p.tweet-description.expanded {
    color: #ffffff;
    }
    .flag-location span {
        font-size: 15px !important;
        letter-spacing: .1px;
    }
    .label-admin-price-rating, .label-admin-price-rating span {
        font-size: 15px !important;
    }
    span.ad-cta-label {
        font-size: 15px !important;
        letter-spacing: .1px;
        line-height: 2;
    }
    .menu__breadcrumbs {
        font-size: 19px !important;
        padding: 6px 10px 8px 10px !important;
    }
    span.label-price-options {
        font-size: 17px !important;
    }
    div.card-chip-cta.with-details.expanded p {
        font-size: 15px;
        margin-top: 10px !important;
    }
    .card-chip-cta.buy-guaranteed-payment {
        height: 56px;
        border-radius: 28px;
        font-size: 19px !important;
        font-weight: 600;
        font-style: normal;
    }
    .dark-mode .card-chip-cta.buy-guaranteed-payment {
        height: 56px;
    }
    a.button.product_type_job_package.add_to_cart_button.ajax_add_to_cart, .add-to-wishlist.card-chip-cta.with-details.add-to-cart-card.ripple-effect.i-want-accept-online-pymnt {
        font-weight: 600;
        height: 56px;
        font-size: 19px;
    }
    .card-chip-cta {
        height: 40px;
    }
    div.round.card-chip-cta {
        width: 108px;
    }
    .card-chip-cta.guaranteed-payment {
        width: 190px;
    }
    .dark-mode .card-chip-cta.guaranteed-payment {
        width: 190px;
    }
    .card-chip-cta.with-details {
        height: 40px;
        font-size: 15px;
        padding-top: 5px;
    }
    .card-chip-cta.with-details.negiciable:not(.card-chip-cta.with-details.negiciable.expanded) {
        width: 181px!important;
        padding-right: 12px;
    }
    .dark-mode .card-chip-cta.with-details.negiciable:not(.dark-mode .card-chip-cta.with-details.negiciable.expanded) {
        width: 181px!important;
        padding-right: 12px;
    }
    .event-host.c27-footer-section .avatar {
        width: 60px;
        height: 60px;
        margin-left: -20px;
    }
    .finder-search {
        width: 435px;
    }
    button.gopay, a.submit-proposal{
        height: 57px;
        font-size: 19px;
    }
    .card-chip-cta.with-details.buy-guaranteed-payment.expanded div {
        margin-bottom: 16px;
        margin-top: 25px;
        font-size: 21px;
    }
    [class^="blc-cards-prv-"] {
        width: 100%;
    }
    span.ad-cta-box {
        min-width: 24%;
        margin-bottom: 7px;
    }
    div[id^="What-sapp"].card-chip-cta {
        font-size: 14px;
        min-width: 138px;
    }
    .lf-item-container .event-host .host-name {
        font-size: 19px;
    }
   
}




@media only screen and (max-width: 480px) {
    [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment:not([id^="quick-view"] [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment){
        width: calc(100vw - 80px);
        float: right;
    }
    .submit-proposal-car-for-sale.card-chip-cta.with-details.buy-guaranteed-payment.expanded:not([id^="quick-view"] .submit-proposal-car-for-sale.card-chip-cta.with-details.buy-guaranteed-payment.expanded) {
        width: calc(100vw - 80px);
    }
        p.tweet-description{
        margin-bottom:20px;
        margin-top:15px;
    }
    .tweet-description.expanded{
        margin-bottom:20px
    }

}
@media only screen and (min-width: 481px) and (max-width: 1200px) { 
    [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment:not([id^="quick-view"] [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment) {
        width: calc(100vw - 119px)!important;
        float: right;
    }
    p.tweet-description{
        margin-bottom:10px
    }
    .tweet-description.expanded{
        margin-bottom:20px
    }
        p.tweet-description{
        margin-bottom:10px;
        margin-top:15px;
        font-size:16px;
        line-height:26px;
    }
    .tweet-description.expanded{
        margin-bottom:20px
    }
    
}
@media only screen and (min-width: 1200px){ 
    [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment:not([id^="quick-view"] [class^="submit-proposal-"].card-chip-cta.buy-guaranteed-payment) {
        width: calc(100% - 50px)!important;
        float: right;
    }
    [class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.modal-more-details.ripple-effect:not([class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.modal-more-details.ripple-effect.expanded) {
        height: 57px;
        border-radius:30px;
        padding: 15px;
    }
    p.tweet-description{
        margin-bottom:20px;
        margin-top:10px;
        font-size:18px;
        line-height:25px;
    }
    .tweet-description.expanded{
        margin-bottom:20px
    }
    [class^="submit-proposal-"].card-chip-cta.with-details.buy-guaranteed-payment.expanded p {
        font-size:16px;
        line-height:25px;
    }
    /*ddd*/
    div#bottom-nav-1{
        width: 399px;
    }

}
.dark-mode i.mi.add {
    color: #000;
}

a.c27-bookmark-button.add-to-wishlist.card-chip-cta.with-details.add-to-cart-card.ripple-effect.i-want-accept-online-pymnt {
    width: 40px;
    height: 40px;
    padding: 11px;
}


.c27-main-header .i-nav li a {
    color: #000000;
}



/* Like btn */
.heart {
  width: 100px;
  height: 100px;
  filter: brightness(1.5);
  background: url("https://cssanimation.rocks/images/posts/steps/heart.png") no-repeat;
  background-position: 0 0;
  cursor: pointer;
  transition: background-position 1s steps(28);
  transition-duration: 0s;
  
  &.is-active {
    transition-duration: 1s;
    background-position: -2800px 0;
    filter: brightness(1);
  }
}

.placement {
    position: fixed;
    transform: translate(-50%, -50%);
    scale: .67;
    margin-top: -7px;
    margin-left: -7px;
}