/*!
Theme Name: tvadimarket
Theme URI: https://www.helpfulinsightsolution.com
Author: Helpful Insight Private Limited
Author URI: https://www.helpfulinsightsolution.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tvadimarket
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tvadimarket is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

div#wpgmza_map_1 .ol-marker {
	cursor: pointer;
}
.form-control:disabled {
    background: #656565 !important;
}
.listing-details .single-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	gap: 10px;
}
span.min-bid-amount {
    position: absolute;
    bottom: 103px;
    color: #000;
    right: 15px;
}
input#bid-amount {
    position: relative;
}

/* ------------------================-------------==============------------------ */


.user-login-btn {
	position: relative;
}
/* .user-login-btn::before{
    content: '';
    position: absolute;
    bottom: 0px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00ffff;
} */
.btn:focus, .btn.active:focus{
	box-shadow: none !important;
 }
 a{
	outline: none !important;
 }

.info-single {
	margin-top: 30px;
}
.data-wrapper-left .basic-content ul.info-single li{
	font-size: 22px;
	line-height: 32px;
}
.data-wrapper-left .basic-content ul.info-single li:not(:last-child){
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #6c6c6c;
}
.data-wrapper-left .basic-content ul.info-single li span {
	font-weight: 700;
}
.data-wrapper-left .basic-content ul li.qr-code{
    display: flex;
    flex-wrap: wrap;
	column-gap: 24px;
    row-gap: 10px;
}
.data-wrapper-left .basic-content ul li .qr-code-block {
	padding: 8px 0px 24px;
}

/* DATE PICKER */
body .datepicker.datepicker-dropdown, body .daterangepicker{
	border-color: #212121 !important;
	background: var(--body-color) !important;
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
	border-radius: 10px;
	padding: 8px;
}
.datepicker.datepicker-dropdown table{
	width: 100%;
}
.datepicker.datepicker-dropdown table td, .datepicker.datepicker-dropdown table th{
	color: #fff;
	transition: all ease-in-out 0.2s;
}
.datepicker.datepicker-dropdown table td{
	border-radius: 0px !important;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid var(--body-color);
}
.datepicker.datepicker-dropdown table tr td span.focused, .datepicker.datepicker-dropdown table tr td span:hover{
    background: #6d4eec;
}
.datepicker.datepicker-dropdown .datepicker-switch:hover, .datepicker.datepicker-dropdown .next:hover, .datepicker.datepicker-dropdown .prev:hover, .datepicker.datepicker-dropdown tfoot tr th:hover {
    background-color: #303030;
}
.datepicker.datepicker-dropdown .datepicker-days table tbody td {
    color: #ffffff !important;
}
.datepicker.datepicker-dropdown table tr td.new.focused, .datepicker.datepicker-dropdown table tr td.new:hover {
    background: #303030 !important;
    opacity: 1 !important;
	color: #fff;
}
.datepicker.datepicker-dropdown table tr td.day.focused, .datepicker.datepicker-dropdown table tr td.day:not(.disabled):hover, .datepicker.datepicker-dropdown table tr td span.active{
	background: #6d4eec !important;
}
.datepicker.datepicker-dropdown table tr td.day.active {
	background: #565656;
    color: #ffffff !important;
}
.datepicker.datepicker-dropdown table tr th.next, .datepicker.datepicker-dropdown table tr th.prev{
	font-size: 24px;
    line-height: 1;
    padding-bottom: 4px;
}

.datepicker.datepicker-dropdown table tr th.dow, .daterangepicker .calendar-table table thead tr:last-child th {
    background: #1e1e1e;
    border-radius: 0px;
}
.datepicker.datepicker-dropdown table tr th.dow:not(:last-child), .daterangepicker .calendar-table table thead tr:last-child th:not(:last-child) {
    border-right: 1px solid #323232 !important;
}

.datepicker-dropdown.datepicker-orient-top:before{
	border-top: 7px solid #303030 !important;
}
.datepicker.datepicker-dropdown:before, .datepicker.datepicker-dropdown:after {
    border-bottom-color: #303030 !important;
}
.datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid #303030 !important;
}

/* --------- DATE RANGE CALENDAR------ */
.daterangepicker .calendar-table table td, .daterangepicker .calendar-table table th{
	color: #fff !important;
	transition: all ease-in-out 0.2s;
}
.daterangepicker .calendar-table{
	border-color: #212121 !important;
	background: var(--body-color) !important;
}
.daterangepicker .calendar-table table td{
	border-radius: 0px !important;
	border-width: 2px !important;
	font-size: 14px;
	font-weight: 400;
	opacity: 0.5;
}
.daterangepicker .calendar-table table td, .daterangepicker .calendar-table table td:hover,
.daterangepicker .calendar-table table th, .daterangepicker .calendar-table table th:hover{
	border-color: var(--body-color) !important;
}
.daterangepicker .calendar-table table td.off, .daterangepicker .calendar-table table td.off.end-date, 
.daterangepicker .calendar-table table td.off.in-range, .daterangepicker .calendar-table table td.off.start-date,
.daterangepicker .calendar-table table td.in-range, .daterangepicker .calendar-table table td.active, .daterangepicker .calendar-table table td:hover{
	opacity: 1;
}

.daterangepicker .calendar-table table td.off.end-date, .daterangepicker .calendar-table table td.off.start-date {
    background-color: #303030!important;
    border-color: var(--body-color) !important;
}
.daterangepicker .calendar-table table td.off, .daterangepicker .calendar-table table td.off.in-range{
	border-color: var(--body-color) !important;
}
.daterangepicker select {
	outline: none;
	border-color: #444444;
}

.daterangepicker:after {
	border-bottom: 6px solid #303030 !important;
}
.daterangepicker:before{
	border-bottom: 7px solid #303030 !important;
}
.daterangepicker .calendar-table th.next, .daterangepicker .calendar-table th.prev, .daterangepicker .calendar-table table thead tr:last-child th{
	border-radius: 0px !important;
}
.daterangepicker .drp-calendar.left .calendar-table {
	padding-right: 0px !important;
}
.daterangepicker .calendar-table{
	border: none !important;
}
.daterangepicker .drp-buttons{
    border-color: #303030!important;
}
.daterangepicker select.monthselect option, .daterangepicker select.yearselect option {
    color: #fff !important;
    background: #212121;
}

/* -----BID GROUP----- */
.listing-details .data-wrapper-right .bid-amount {
	position: relative;
	display: flex;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
	align-items: center;
	padding: 0px 8px 0px 0px;
	margin-bottom: 20px;
}
.listing-details .data-wrapper-right .bid-amount .min-bid-amount{
    position: unset;
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    color: #303030;
    font-weight: 500;
    padding-right: 2px;
}

.listing-details .data-wrapper-right .bid-amount input{
	outline: none;
    border-radius: 0px;
    border: none;
}
.listing-details .data-wrapper-right .bid-btn .btn {
	margin: 0px 0px 18px auto;
}
.listing-details  .data-wrapper-right .auction-counter{
	border-radius: 0px;
}
.listing-details  .data-wrapper-right .price{
	font-weight: 500;
}
.bid-msg{
	padding: 6px 6px;
}
.bid-description-msg {
	padding: 10px;
    box-shadow: 0px 0px 6px 2px #00ffff;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
}
.bid-description-msg span:last-child{
	font-size: 16px;
}
.bid-description-msg.outbid {
    box-shadow: 0px 0px 6px 2px #c944dd;
}
.bid-description-msg.no-bid {
    box-shadow: 0px 0px 6px 2px #896cff;
}
/* 06-11-24 */
.filters-actions {
	margin-top: 24px;
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 25px;
	flex-wrap: wrap;
}
.profile-url-section {
    flex-wrap: wrap;
    gap: 15px;
}
.password-input {
	position: relative;
}
.password-input input {
	padding-right: 60px;
}

.password-input .icon_img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	height: 24px;
	width: 24px;
	cursor: pointer;
}
.password-input .icon_img img {
	position: absolute;
	inset: 0;
	margin: auto;
	transition: all ease-in-out 0.3s;
}

/* Select2 */
.filter-sidebar .select2-container {
	width: 100% !important;
}
.select2 .selection {
	height: 100%;
    display: flex;
}
.select2 .selection .select2-selection{
    width: 100%;
	background: var(--color-primary);
	border: 1px solid #ffffff17 !important;
	border-radius: 8px;
}
.select2-container .select2-selection--multiple{
	min-height: 40px !important;
    padding-left: 5px;
}
.select2-container .select2-selection--multiple .select2-search__field{
	color: #fff;
}
.select2-dropdown {
	background-color: var(--body-color) !important;
	border: 1px solid #ffffff17 !important;
	overflow: hidden;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable , .select2-container--default .select2-results__option--selected{
    background-color: #2a2a2a !important;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: var(--body-color) !important;
	border: 1px solid #000000 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button{
	padding: 0 6px;
	border-color: #5a5a5a !important;
	transition: all ease-in-out 0.3s;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button:hover{
	background-color: var(--color-primary) !important;
    color: red !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display{
	padding-left: 10px;
}
.adv-content-section .filter-with-list {
	margin-top: 30px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: #6d4eec;
}

.select2 .select2-selection--multiple  button{
	min-width: unset;
}
.select2 .select2-selection--multiple  .select2-search{
	display: none;
}


/* ---Dashboard CSS */
.dashboard-table-section .all-section .btn{
	padding: 10px 50px;
    min-width: unset;
}
.dashboard-table-section .all-section .btn .icon-btn-img{
	max-width: 24px;
}
.entry-footer {
	display: none;
}



/* 28-11-24 */
.text-left {
	display: flex;
	align-items: center;
}

.text-left h3.d-inline-block {
	margin: 0px;
	font-family: 'Roboto-Thin'
}

.top_heading_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
}
.tv_brands {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	justify-content: center;
}
.tv_brands_img {
	max-width: 20%;
}
.tv_brands_img .apps-img{
	padding: 20px;
}



/* Search Results page */
#search-results-section .listing-item.user{
	display: flex;
	align-items: end;
	gap: 20px;
}
#search-results-section .listing-item.user .left-side{
   flex: 1 1 0%;
   display: flex;
   align-items: center;
   column-gap: 20px;
   row-gap: 10px;
}
#search-results-section .listing-item.user .right-side{
   flex: 0 0 auto;
}
/* #search-results-section .listing-item.user .item-img {
	max-width: 150px !important;
	width: 150px;
	flex: 150px !important;
	height: 150px;
	border-radius: 50% !important;
	overflow: hidden !important;
} */
#search-results-section .listing-item.user .item-img img{
	height: 100% !important;
	width: 100% !important;
}
#search-results-section .results-summary {
	background-color: #242424;
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}
#search-results-section .results-summary span {
	margin: 0;
	font-weight: 500;
}
#search-results-section .results-summary .total-results {
	color: #ffffff;
}
#search-results-section .results-summary .displaying-results strong {
	color: #ffffff;
	font-weight: 600;
}
#search-results-section .results-summary.no-results {
	background-color: #242424;
	color: #ffffff;
}
.section-page-heading {
    padding: 10px 0px;
}

.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item, .item {
    height: 100%;
}
.section-page-heading {
    padding: 40px 0px 0px 0px;
}
section.banner-slider-main, section.categories-outlet {
    padding-top: 0px;
}
div#lisitng-heading{
	display: grid;
	gap: 10px;
}
.data-wrapper-right .heading .rating img {
	max-width: 18px;
	margin-top: -2px;
}
.listing-related-user-info {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 10px;
}
.listing-related-user-info .profil-pic img {
	max-width: 50px;
	border-radius: 50%;
	height: 50px;
	border: 1px solid #4c4c4c;
}

/*  CheckOut Page */
.checkout-page .checkout-page-block {
	margin-top: 0px;
}
.checkout-right-content {
    padding: 30px;
    background: var(--color-primary);
    border-radius: 15px;
    box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
}
.checkout-right-content #customer_details{
    display: flex;
	flex-direction: column;
}
.checkout-right-content #customer_details>div{
	width: 100%;
}
.woocommerce-checkout .select2 .selection .select2-selection{
    height: 60px;
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 25px;
    background-color: #fff;
    border: none !important;
}
.woocommerce-checkout .select2 .selection .select2-selection span{
	padding: 0px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 50% !important;
	transform: translateY(-50%);
	right: 15px !important;
}
body.woocommerce-checkout .select2-dropdown{
    background-color: #fff !important;
    color: #000000;
}
.checkout-right-content label.screen-reader-text{
	position: unset !important;
    height: auto;
    width: 100%;
    color: #fff;
    opacity: 1;
    visibility: visible;
    clip-path: unset;
}
body.woocommerce-checkout .checkout-page-block h3{
	margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review_heading{
	margin-top: 50px;
}
.woocommerce table{
	border-collapse: collapse !important;
}
.woocommerce table, .woocommerce table tr th, .woocommerce table tr td{
	border: 1px solid rgb(255 255 255 / 10%) !important;
}
.woocommerce-checkout-payment .payment_methods li .input-radio{
	width: 20px;
    height: 20px;
	margin: 7px 10px 0px 0px !important;
    float: left;
	accent-color: var(--color-secondary);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color: #000;
}
.woocommerce-checkout-payment .payment_methods li label{
	cursor: pointer;
}
/* .woocommerce-checkout-payment .payment_methods li label, .woocommerce-privacy-policy-text p{
	color: #000;
} */
.woocommerce-privacy-policy-text p a {
	color: var(--color-secondary);
}
.woocommerce-privacy-policy-text p a:hover {
	color: var(--bs-indigo);
}
.place-order .button.alt{
	margin-top: 40px;
}
.place-order .button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .wc-proceed-to-checkout .checkout-button{
	padding: 8px 25px;
    min-width: 149px;
    font-size: 20px;
    background: var(--color-secondary);
	justify-content: center;
    color: var(--color-white);
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 2px solid var(--color-secondary);
    border-radius: 100px;
    text-transform: capitalize;
    width: max-content;
}
.place-order .button.alt:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .wc-proceed-to-checkout .checkout-button:hover{
	background: transparent;
    border-color: #fff;
    color: #fff;
    animation: pulse 1s infinite;
    transition: 0.3s;
}

/* Thank You Page */
.woocommerce-thankyou-order-received {
	padding: 20px;
    background: #000;
	color: #10fdef;
    border-radius: 10px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 25px;
    line-height: normal;
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
}
.woocommerce ul.order_details{
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
	padding: 30px;
	border-radius: 15px;
	justify-content: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}
.woocommerce ul.order_details::before, .woocommerce ul.order_details::after{
	display: none;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads  {
	margin-bottom: 0px !important;
}
.woocommerce-customer-details address {
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
	padding: 30px !important;
	border-radius: 15px !important;
	border: none !important;
}
.checkoutthankyou-section .woocommerce-order {
	display: flex;
	flex-direction: column;
}
.checkoutthankyou-section .woocommerce-order .custom-thankyou-message{
	order: -1;
    margin-bottom: 20px;
    margin-left: auto;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
}
.woocommerce-info.cart-empty {
	background: #fff6f6;
	border: none;
	color: red;
	border-radius: 10px;
}
.woocommerce-info.cart-empty::before{
	color: red;
}

.woocommerce-page table.cart td.actions .coupon{
	display: flex;
	align-items: center;
}
.woocommerce-page table.cart td.actions .coupon .input-text{
	width: auto;
}
.woocommerce-page table.cart td.product-thumbnail a{
	display: flex;
	align-items: center;
}
.woocommerce-page table.cart td.product-thumbnail a img{
	width: 100px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
	max-width: 500px;
	width: 100%;
}
.wc-proceed-to-checkout .checkout-button {
	width: 100%;
}

.hourly_group{
	float: left;
}
.estimate_time_group {
	float: right;
}
.tvb_error_message {
    color: var(--wc-red);
    font-size: .75em;
    margin-bottom: 0;
}
#update_hour_price{
	overflow: hidden;
	position: relative;
}
.tvb_btn_loader{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: #0000007d;
}
.tvb_btn_loader img{
	max-width: 40px;
}

p.return-to-shop {
    display: none;
}

/* Header Notification Popup */
.notification-dropdown{
	display: inline-flex;
}
.notification-icon-btn {
	position: relative;
}
.notification-icon-btn img{
	min-width: 32px;
}
.notification-icon-btn .notification-count{
	position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 15px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: rgb(16 253 239);
    color: #000;
}
.dropdown-menu.notification-menu {
    min-width: 400px !important;
    left: unset !important;
    right: -20px;
    margin: 0px !important;
    top: calc(100% + 20px) !important;
    padding: 0px !important;
    background: #000;
    border-radius: 15px !important;
    box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
    color: #fff !important;
}
.notification-menu::before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -18px;
    right: 22px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 19px solid black;
}
.notification-menu h3{
    text-transform: uppercase;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 30px;
    padding: 15px 15px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #434343;
    font-family: var(--font-style-2);
}
.notification-menu h3 .titlewithicons{
    width: 24px;
    height: 24px;
    display: inline-flex;
}
.notification-menu .no-notifications{
	margin: 0px;
}
.notification-menu .notificationdata{
	max-height: 450px;
    overflow: hidden auto;
    padding: 0px 15px 20px;
}
.notification-menu .singlechatblk{
	font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
	position: relative;
}
.notification-menu .singlechatblk::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.3s;
}
.notification-menu .singlechatblk.deleting::after{
	visibility: visible;
	opacity: 0.5;
}
.notification-menu .singlechatblk:not(:last-child){
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #434343;
}
.notification-menu .singlechatblk .notification {
	display: flex;
	gap: 10px;
}
.notification-menu .singlechatblk .notification span:not(.message){
	display: inline-flex;
}
.notification-menu .singlechatblk em{
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    min-width: 30px;
}
.notification-menu .singlechatblk .notification_top{
	display: flex;
    flex-direction: column;
    width: 100%;
}
.notification-menu .singlechatblk .notification_bottom{
	align-items: center;
    justify-content: start;
	gap: 10px;
}
.notification-menu .singlechatblk .message{
	color: #f3f3f3;
	margin-bottom: 4px;
}
.notification-menu .singlechatblk .notification-link{
	background-color: var(--color-secondary);
    padding: 4px 10px;
    border-radius: 0px;
    line-height: normal;
    color: #ffff;
    border: 1px solid var(--color-secondary);
}
.notification-menu .singlechatblk .notification-link:hover{
	background-color: transparent;
	border-color: #fff;
}
.notification-menu .singlechatblk .closeBtn{
	padding: 6px;
	width: 27px;
	height: 27px;
	border: 1px solid #fff;
	transition: all ease-in-out 0.3s;
	cursor: pointer;
}
.notification-menu .singlechatblk .closeBtn:hover{
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}
.notification-menu .singlechatblk .closeBtn img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.notification-menu .singlechatblk .notification-datetime{
	margin-right: auto;
	font-size: 12px;
	line-height: normal;
	text-transform: capitalize;
}

/* table design */
.listing-sort .table{
	white-space: nowrap;
}
.listing-sort .table .checkbox-with-label{
	margin-bottom: 0px;
	cursor: pointer;
}
.listing-sort .table >:not(:last-child)>:last-child>*{
	border-color: inherit;
}
.listing-sort .table .table-listing-intro img{
	height: 30px;
	width: 50px;
	object-fit: cover;
}
.listing-sort .table>:not(caption)>*>*{
	padding: 10px;
	background-color: #000;
}
.listing-sort .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #1a1a1a;
}
.listing-sort .table  thead th {
	padding: 12px 10px;
}
.select_checkbox, .listing-sort .select-all-checkbox{
	margin: 0px;
}
.select_checkbox span{
	width: 20px;
    height: 20px;
}
.select_checkbox input{
	left: 0;
    position: relative;
    transform: unset;
    top: unset;
}
.select_checkbox span::before, .select_checkbox span::after{
	cursor: pointer;
	content: '';
	position: absolute;
	left: 0px;
	width: 20px;
	height: 20px;
}
.select_checkbox span::before{
    border: 1px solid #fff;
    border-radius: 4px;
}
.select_checkbox span:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.81632 0.133089C10.0421 0.33068 10.0626 0.674907 9.86176 0.897832L4.20761 7.1736C4.00571 7.39769 3.65904 7.41194 3.43943 7.20522L0.167566 4.12504C-0.0364783 3.93294 -0.0560104 3.61286 0.119053 3.39404C0.312223 3.15257 0.671949 3.11934 0.901844 3.32611L3.44037 5.60947C3.66098 5.80791 4.00062 5.79016 4.19938 5.56984L9.06279 0.177574C9.25956 -0.0406347 9.59519 -0.0604144 9.81632 0.133089Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    z-index: 1;
    opacity: 0;
}
.select_checkbox input:checked + span:before{
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.select_checkbox input:checked + span:after{
    opacity: 1;
}
/* Payment Popup Desing */
.payment-modal-content {
    width: calc(100% - 30px);
    max-width: 700px;
    max-height: calc(100vh - 30px);
	height: 100%;
	padding: 0px;
}
.payment-transfer-section {
	height: 100%;
	overflow: hidden auto;
	padding: 0px 20px 30px;
}
.payment-transfer-heading{
	margin-bottom: 15px;
	padding: 30px 20px 15px;
	border-bottom: 1px solid #ffffff4d;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.payment-transfer-heading h2{
	margin-bottom: 0px;
}
.payment-transfer-heading .closemodel{
	position: unset;
}
.payment-transfer-heading .closemodel .close{
	position: unset;
	display: inline-flex;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 0.3s;
    padding: 10px;
}
.payment-transfer-heading .closemodel .close img{
	width: 100%;
	height: 100%;
}
.payment-transfer-heading .closemodel .close:hover{
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}
.payment-methods-options{
	gap: 20px;
}
.payment-methods-options label{
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #333333;
    max-height: 80px;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-methods-options label:has(input[type="radio"]:checked),
.payment-methods-options label:hover{
    border-color:  #fff;
	box-shadow: 0px 9px 7px rgb(0 0 0 / 35%);
}
.payment-methods-options label svg{
	max-width: 100%;
   	height: auto;
    object-fit: contain;
}
.payment-methods-options input{
	position: absolute;
	opacity: 0;
	width: 0px;
	height: 0px;
}
/* Complete Order POPUP */
/* Popup styles */
.order-complete-popup {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999; 
    justify-content: center;
    align-items: center;
}

.payment-methods-options label.disbaled {
    pointer-events: none;
    opacity: 0.6;
    position: relative;
    filter: grayscale(100%);
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 12px 16px;
    background: #f9f9f9;
}

.payment-methods-options label.disbaled::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 106%;
    height: 2px;
    background: linear-gradient(to right, #ff4d4d, #ff0000);
    transform: rotate(20deg);
    transform-origin: top left;
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.6);
}

/* Popup content */
.order-complete-popup .popup-content {
    background-color: #212121;
    padding: 20px;
    border: 1px solid #ffffff8a;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    width: 80%;
}

.order-complete-popup .popup-content h2 {
	margin-bottom: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff4d;
}

.order-complete-popup #complete-project-close-popup-btn:hover {
    background-color: #d32f2f !important;
}


/* 28-01-25 */
.form-group#button-section-fullfillment{
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

html{
	overflow: hidden auto;
	min-height: 100%;
}
body{
	min-height: 100vh;
	overflow: hidden auto;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
	border-radius: 10px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}
::-webkit-scrollbar-track-piece {
    background: #333333
}
::-webkit-scrollbar-thumb {
    background: #000000;
	border-radius: 10px;
}
#shadow-host-companion{
	display: none;
}

.languageonsingup .select2-container{
	width: 100% !important;
}
.languageonsingup .select2-container .select2-selection--multiple{
	min-height: 60px !important;
	background: #fff !important;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 30px !important;
}
.languageonsingup .select2-container .select2-selection--multiple .select2-selection__clear {
    margin-right: 15px;
	margin-top: -4px;
}
.languageonsingup .select2-container .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__display{
	padding-right: 10px;
}

/*  */
.footerLogo{
	width: fit-content;
	text-align: center;
}
.groupBtn {
	display: flex !important;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.make-listing .field-gap{
	overflow: hidden;
}
.make-listing #listing-budget-field{
	position: relative;
	z-index: 0;
}
.make-listing form input, .make-listing form select, .make-listing form textarea{
	position: relative;
	z-index: 5;
}

.price-format-field {
	-webkit-user-select: text;
	user-select: text;
	-webkit-touch-callout: none;
	touch-action: manipulation;
  }
  body.is-apple .form-steps li, body.is-apple .form-steps li img {
	margin-right: 18px; 
  }
   

/* ===== Responsive Css ===== */

@media screen and (max-width: 1450px) {
	body.is-apple .form-steps li, body.is-apple .form-steps li img {
		margin-right: 15px;
	}
}

@media screen and (min-width: 1200px) {
	.banner-slider-main .banner-slider, .banner-slider-main  .playlisting , .banner-slider-main  .playlisting-wrapper{
		height: 100%;
	}
	.innerpage-banner .banner-slider, .innerpage-banner .trending-right-side{
		height: 100%;
	}
	.banner-slider-main .playlisting-wrapper{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		overflow: hidden;
		padding-bottom: 0px;
	}
	.playlisting_group, .innerpage-banner .trending-block-wrapper {
		flex: 1 1 0;
		height: 100%;
		overflow: hidden auto;
		padding: 0px 10px 10px;
	}
	.playlisting_group .playing-box {
		padding: 10px 5px 10px 10px;
	}
	.innerpage-banner .trending-right-side {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		overflow: hidden;
	}
	.innerpage-banner .trending-block-wrapper{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.innerpage-banner .trending-block-wrapper .trending-block-item{
		margin: 0px;
	}
	.wpgmza_map {
		border: 1px solid #1c686c !important;
	}
	.wpgmza_map canvas {
		min-height: 100%;
	}
	.wpgmza_map.wpgmza-auto-left{
		 height: 775px !important;
	}
}
@media screen and (max-width: 1199px) {
	.notification-icon-btn img {
		min-width: 20px;
		max-width: 27px;
	}
	.listing-sort .table .checkbox-with-label span .select {
		display: none;
	}
	.single-makers_listing #single-checkout-form-data .form-group {
		width: fit-content;
	}
}
@media screen and (min-width: 992px) {
	.market-showcase .left-side, .market-showcase .right-side, .market-showcase .right-side>div, .market-showcase .auction-counter{
		height: 100%;
	}
	.current-listing .shortlist{
		max-height: 1050px;
		overflow: hidden  auto;
		padding: 10px 10px 15px;
	}
	.current-listing .listing-wrapper{
		gap: 15px !important;
	}
	.languageonsingup .select2-container .select2-selection--multiple .select2-selection__rendered li{
		line-height: 30px;
	}
}
@media screen and (max-width: 991px) {
	.languageonsingup .select2-container .select2-selection--multiple{
		min-height: 55px !important;
	}
}
@media screen and (max-width: 767px) {
	.data-wrapper-left .basic-content ul.info-single li{
		font-size: 18px;
		line-height: 30px;
	}
	.qr-code  .qr-code-block img{
		max-width: 150px;
	}
	.bid-description-msg span:last-child{
		font-size: 14px;
	}
	.tv_brands_img {
		max-width: 33%;
	}
	.checkout-page-block .checkout-payment-form.form-right label{
		font-size: 16px;
		line-height: 26px;
	}
	.woocommerce-thankyou-order-received {
		font-size: 20px;
	}
	.woocommerce ul.order_details {
		flex-direction: column;
	}
	.woocommerce ul.order_details li{
		margin: 0px;
		padding: 0px;
		border: none;
	}
	.woocommerce-page.woocommerce-cart table.cart td.actions .coupon {
		flex-direction: column;
	}
	.woocommerce-page.woocommerce-cart table.cart td.actions .coupon .input-text{
		margin: 0px 0px 8px;
	}
	.woocommerce-page.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page.woocommerce-cart table.cart td.actions .coupon .button {
		flex: 1 1 0;
		width: 100%;
	}
	.woocommerce-page.woocommerce-cart table.cart td.product-quantity::before {
		margin-top: 15px;
	}
	#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
		padding: 12px 20px;
	}
	.dashboard-page-content .global-heading .btn  {
		max-width: fit-content;
	}
	.makers-listing .side-by-side-data {
		row-gap: 40px;
	}
	.makers-listing .side-by-side-data .right .groupBtn{
		padding: 20px 10px;
	}
	.makers-listing .side-by-side-data .right .groupBtn a {
		margin: 0px !important;
	}
	body.is-apple .form-steps li, body.is-apple .form-steps li img {
		margin-right: 10px;
	}
	body.is-apple .form-steps li{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 576px) {
	.profile-url-section button {
		min-width: unset;
	}
	.hplr-dashboard .make .dropdown {
		text-align: center;
	}
	.hplr-dashboard .sidebar h2 {
		padding: 15px 18px;
	}
	.dashboard-table-section .listing-sort.list .listing-item {
		padding: 15px 14px 13px 14px;
	}
	.woocommerce-page .checkout-page-block {
		padding: 45px 10px;
	}
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
		width: 100%;
		flex: 1 1 100%;
	}
	.checkout-listing-info-left .data-listing-info-model, .checkout-right-content{
		padding: 20px !important;
	}
	.woocommerce ul.order_details, .woocommerce-customer-details address{
		padding: 30px 20px;
	}
	.woocommerce-page.woocommerce-cart .login-register article{
		padding: 25px 20px !important;
	}
	.dropdown-menu.notification-menu {
		min-width: 295px !important;
		right: -58px;
	}
	.notification-menu h3 {
		font-size: 18px;
		line-height: 26px;
		padding: 12px 14px 10px;
		margin-bottom: 10px;
	}
	.notification-menu h3 .titlewithicons {
		width: 20px;
		height: 20px;
	}
	.notification-menu .singlechatblk:not(:last-child) {
		margin-bottom: 6px;
		padding-bottom: 8px; 
	}
	.notification-menu::before {
		right: 58px;
	}
	.payment-transfer-heading h2{
		font-size: 22px;
		line-height: 26px;
	}
	.payment-methods-options {
		gap: 10px;
	}
	.payment-methods-options label {
		padding: 6px;
		border-radius: 6px;
	}
	.payment-transfer-heading .closemodel .close {
		width: 30px;
		height: 30px;
		padding: 8px;
	}
	.hplr-dashboard-content .latest-article .container-fluid, .hplr-dashboard-content .trending .container-fluid {
		padding: 0px;
	}
	.dashboard-page-content .article-img img {
		height: 280px;
	}
	.article-item .article-content h4 {
		font-size: 20px;
		line-height: 25px;
	}
	.dashboard-page-content .listing-sort.grid .item-img img {
		height: 250px;
		object-fit: cover;
		width: 100%;
	}
	.order-complete-popup .popup-content h2 {
		margin-bottom: 40px;
	}
	
	.groupBtn {
		flex-direction: column;
	}
	body.is-apple .groupBtn .btn:not(:last-child){
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 500px) {
	.filter-topbar .right-side{
		flex-direction: column;
		align-items: start !important;
		gap: 10px;
	}
	.filter-topbar .right-side .sort-by{
		flex: unset;
		width: 100%;
		max-width: 100%;
		margin: 0px;
	}
	.tv_brands_img {
		max-width: 50%;
	}
	.tv_brands_img .apps-img {
		padding: 10px;
	}

}
@media screen and (max-width: 410px) {
	.checkout-form #countdown{
		padding: 20px 10px 15px;
	}
	.checkout-form #countdown ul{
		gap: 5px;
	}
	.checkout-form #countdown ul li span {
		font-size: 18px;
		line-height: 20px;
		padding: 14px 10px;
		min-width: 50px;
	}
	.listing-details .data-wrapper .data-wrapper-right {
		padding: 20px 15px;
	}
}