:root {
  --color-bg: #ffffff;
  --color-text: #0f172a;
  --toggle-bg: #fff; 
  --toggle-bt: #1E1E1E;
  --slider-bg: #ffffff;
  --icon-sun: #ea580c; 
  --icon-moon: #1d4ed8;
  --grey-eee: #f1f5f9; 
  --gray-700: #334155; 
  --gray-500: #64748b;
  --bg-gray-50: #f9fafb; 
  --border: #cbd5e1; 
  --five: #475569; 
  --line-greyblue: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
}

.dark {
  --color-bg: #0f172a; 
  --color-text: #e2e8f0;
  --toggle-bg: #4b5563; 
  --toggle-bt: #6b7280; 
  --slider-bg: #f9fafb; 
  --icon-sun: #ea580c; 
  --icon-moon: #3b82f6; 
  --grey-eee: #1e293b;
  --gray-700: #e2e8f0;
  --gray-500: #cbd5e1;
  --bg-gray-50: #0f172a;
  --border: #334155;
  --five: #cbd5e1;
  --line-greyblue: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); 
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 90px;
border-radius: 0.5rem;
width: 100%!important;
height: auto!important;
}
.woocommerce-message{
      background-color: var(--color-bg);
    color: var(--color-text);
}
.message__messaging, .message__messaging .message__headline span, .message__messaging .message__sub-headline span, .message__messaging .message__disclaimer span{
      color: var(--color-text)!important;
}
.btn.btn-theme.d-block.btn-lg.alt.wc-forward{
    margin: 1em 0;
}

  body {
    background-color: var(--color-bg);
    color: var(--color-text);
    transition: background-color .3s ease, color .3s ease;
  }

  .theme-toggle .toggle-slider {transition: transform 0.3s ease;}
  .theme-toggle .sun-icon,.theme-toggle .moon-icon {transition: opacity 0.3s ease;}
  
  .theme-toggle {
    border: 1px solid #ccc !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  
  .theme-toggle:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
    border-color: var(--icon-sun) !important;
  }
  
  .theme-toggle:focus {
    outline: 2px solid var(--icon-sun) !important;
    outline-offset: 2px !important;
  }
  
  .theme-toggle .toggle-slider {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border: 2px solid rgba(0, 0, 0, 0.2) !important;
    background: linear-gradient(135deg, var(--slider-bg) 0%, rgba(255, 255, 255, 0.8) 100%) !important;
  }
  
  .theme-toggle .sun-icon,
  .theme-toggle .moon-icon {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }
  
  /* Дополнительные стили для темной темы */
  .dark .theme-toggle {
    border: 1px solid #ccc !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }
  
  .dark .theme-toggle:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    border-color: var(--icon-moon) !important;
  }
  
  .dark .theme-toggle:focus {
    outline: 2px solid var(--icon-moon) !important;
  }
  
  .dark .theme-toggle .toggle-slider {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
  }

.marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
}

.marquee {
    display: inline-flex;
    animation: marquee 30s linear infinite;
}

.marquee span {
    flex-shrink: 0; /* чтобы элементы не сжимались */
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* сдвигаем на половину ширины дубликата */
}

.marquee:hover {
    animation-play-state: paused;
}

    .elementor-column-gap-extended>.elementor-column>.elementor-element-populated{
    padding: 0!important;
}
    
        .marquee {
            overflow: hidden; white-space: nowrap; position: relative;
        }
        .marquee-content {
            display: inline-block; animation: scroll 30s linear infinite; padding-left: 100%;
        }
        .marquee:hover .marquee-content { animation-play-state: paused; }
        @keyframes scroll {
            0% { transform: translate3d(0, 0, 0); }
            100% { transform: translate3d(-100%, 0, 0); }
        }
        .gradient-text {
            background: linear-gradient(135deg, #3A3FC2 0%, #3A3FC2 100%);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
        }
        .glow-effect {
            box-shadow: 0 0 20px rgba(102, 126, 234, 0.3); transition: all 0.3s ease;
        }
        .glow-effect:hover { box-shadow: 0 0 30px rgba(102, 126, 234, 0.5); }
        .pulse-dot { animation: pulse 2s infinite; }
        a.rounded-full.bg-gradient-to-r.from-sky-400.to-indigo-500:hover {
            color: #fff; opacity: 0.9;
        }
        a.menu-item.search-item:hover { margin-top: -0.5em; }
        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.7; transform: scale(1.1); }
        }
        .bottom-nav {
            position: fixed; bottom: 0; left: 0; right: 0; height: 80px;
            display: flex; justify-content: space-around; align-items: center;
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 10002;
        }
        .nav-item {
            display: flex; flex-direction: column; align-items: center;
            justify-content: center; width: 20%; color: #333;
            transition: all 0.3s ease;
        }
        .nav-item span { font-size: 12px; margin-top: 4px; font-weight: 500; }
        .nav-item.center { position: relative; }
        .center-icon {
            width: 60px; height: 60px; background: var(--line-greyblue); border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
            transform: translateY(-10px); cursor: pointer;
            transition: all 0.3s ease; z-index: 101;
        }
        .center-icon:hover {
            transform: translateY(-14px) scale(1.05);
            box-shadow: 0 6px 16px rgba(0, 122, 255, 0.4);
        }
        .center-icon:active { transform: translateY(-8px) scale(0.95); }
        .menu-overlay{
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            opacity: 0; visibility: hidden; z-index: 1001;
            background-color: rgba(0,0,0,0.4);
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .menu-container {
            position: fixed; bottom: 90px; left: 50%;
            transform: translateX(-50%) scale(0.9);
            width: 85%; max-width: 400px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);
            border-radius: 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
            padding: 24px; opacity: 0; visibility: hidden;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: 9500; overflow: hidden;
        }
        .menu-container.active {
            opacity: 1; visibility: visible;
            transform: translateX(-50%) scale(1);
        }
        .menu-overlay.active { opacity: 1; visibility: visible; }
        .menu-header {
            display: flex; justify-content: space-between; align-items: center;
            margin-bottom: 20px; padding-bottom: 12px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
        .menu-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
        }
        .menu-item { text-decoration: none; color: inherit; }
        .menu-item:hover { background: rgba(0, 0, 0, 0.05); }
        .menu-item-icon {
            width: 50px; height: 50px; background: #f0f2f5; border-radius: 16px;
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 8px; transition: all 0.3s ease;
        }
        .menu-item:hover .menu-item-icon {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .menu-item-label { font-size: 12px; font-weight: 500; color: #333; text-align: center; }
        .menu-sections {
            display: flex; overflow-x: auto; margin: 0 -24px 20px;
            padding: 0 24px; scrollbar-width: none;
        }
        .menu-sections::-webkit-scrollbar { display: none; }
        .menu-section {
            padding: 8px 16px; margin-right: 8px; border-radius: 20px;
            font-size: 14px; font-weight: 500; white-space: nowrap;
            cursor: pointer; transition: all 0.2s ease;
        }
        .menu-section.active { background: #007AFF; color: white; }
        .menu-section:not(.active) { background: rgba(0, 0, 0, 0.05); color: #333; }

        .latest-news-banner.menu-item-full-width {
            grid-column: 1 / -1; width: 100%;
            min-height: 60px; max-height: 80px;
            background: #ffffff; border: 1px solid #e0e0e0;
            border-radius: 12px; display: flex; align-items: center;
            padding: 8px 12px; box-sizing: border-box;
            z-index: 1; overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            margin-bottom: 8px;
           transform: translateY(-20px);
            transition: opacity 0.4s ease-out, transform 0.4s ease-out;
        }
        .latest-news-banner.menu-item-full-width.visible {
            display: flex !important; opacity: 1; transform: translateY(0);
        }
        .latest-news-banner.menu-item-full-width a.latest-news-link {
            color: #333; text-decoration: none; display: flex;
            align-items: center; width: 100%; overflow: hidden;
        }
        .latest-news-banner.menu-item-full-width .news-banner-image-container {
            width: 44px; height: 44px; border-radius: 6px;
            overflow: hidden; margin-right: 10px; flex-shrink: 0;
            background-color: #f0f0f0;
        }
        .latest-news-banner.menu-item-full-width .news-banner-image {
            width: 100%; height: 100%; object-fit: cover; display: block;
        }
        .latest-news-banner.menu-item-full-width .news-banner-content {
            display: flex; flex-direction: column; justify-content: center;
            overflow: hidden; flex-grow: 1;
        }
        .latest-news-banner.menu-item-full-width .news-label {
            font-size: 10px; font-weight: 600; color: #e53935;
            margin-bottom: 1px; text-transform: uppercase;
        }
        .latest-news-banner.menu-item-full-width .news-title-text {
            font-size: 13px; font-weight: 500; color: #212121;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            line-height: 1.2;
        }
        .latest-news-banner.menu-item-full-width img.news-banner-image[src=""], 
        .latest-news-banner.menu-item-full-width img.news-banner-image:not([src]) {
            display: none !important;
        }
        .logo-dark {
  display: none; 
}

.logo-white {
  display: block; 
}

.dark .logo-dark {
  display: block !important; 
}

.dark .logo-white {
  display: none !important;
}
.dark #map .leaflet-tile-pane {
    filter: invert(100%) hue-rotate(180deg) brightness(140%) contrast(90%);
    transition: filter 0.3s ease-in-out;
}
.dark .leaflet-popup-content-wrapper,
.dark .leaflet-popup-tip {
    background-color: #2d3748;
    color: #e2e8f0;     
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark .leaflet-popup-content a {
    color: #63b3ed; 
}

.dark .leaflet-control-container .leaflet-control {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
    border: 1px solid #4a5568 !important;
}

.dark .leaflet-control-zoom a {
    color: #e2e8f0 !important;
    background-color: #4a5568 !important;
}
.dark .leaflet-control-zoom a:hover {
    background-color: #2d3748 !important;
}

.dark .leaflet-control-attribution {
    background: rgba(45, 55, 72, 0.8) !important;
    color: #a0aec0 !important;
}
.dark .leaflet-control-attribution a {
    color: #63b3ed !important;
}


.people-filters-panel {

  max-height: calc(90vh - 9em)!important;

	

}

.featured-badge{
	background: var(--line-greyblue);
	padding: 3px 5px!important;
	border-radius: 5px;
	font-size: 10px;
	margin-left: 3px;
		color: #fff!important

}
button#mobileLoadMoreBtn {
    background: var(--line-greyblue);
    padding: 10px 20px;
    border-radius: 1em;
    position: relative;
    bottom: 9em;
    left: 50%;
    transform: translateX(-50%);
	color: #fff!important
}
#mobileCompanyList{
	padding-bottom: 11em!important;
}
.w-full.py-2\.5.bg-gradient-to-r.from-\[\#00C389\].to-\[\#00E0A1\].text-white.font-semibold.rounded-lg.shadow-md.hover\:opacity-90.transition-all {
  display: inherit!important;
}

.mfp-content{
	padding: 0!important;
}
.apus_login_register_form{
    max-width: 100% !important;
}
input.w-full.bg-blue-600.hover\:bg-blue-700.text-white.font-semibold.py-2.px-4.rounded-lg.transition.duration-200 {
    background-color: dodgerblue !important;
}
.back-link1 {
background: var(--line-greyblue);
padding: 1em;
border-radius: 10px 0;
color: #fff;
}
.cf-turnstile{
	display: none!important;
}

.page-id-11226 .sidebar-wrapper,.page-id-11226  .mobile-sidebar-btn {
	display:none;
}
body a.google-login-btn {
    color: #fff !important;
	  background-color: #D93025;
}
input.w-full.bg-blue-600.hover\:bg-blue-700.text-white.font-semibold.py-2.px-4.rounded-lg.transition.duration-200 {
    background-color: dodgerblue !important;
}


   body,a, p ,.location-label{
            font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"!important;
         }
#modalOverlay {
z-index: 10000000!important;
}
.elementor-element-d3509cf{
	margin-top: 8em
}.single-post_news .article-title{
	color: #fff!important;
}

body, .elementor-element-018210d, .elementor-element-f276c6a, .elementor-element-add3493, .zoom-in-message, .zoom-in-title, .sort-button, #recent-categories-block, .card-wrapper, .bottom-nav, .inner-top-menu, .category-btn, .bg-white, .news-item, #filtersStickyWrapper, blockquote, .elementor-top-section, .item-inner, .bg-gray-100, .bg-white, .location-label, .page-id-2320 .btn-added-listing-favorite, .apus-page-loading, .box-white-dashboard, .subwoo-inner,aside a:hover, .my-listings-item, .btn-action-icon, .orders-tabs1, .tab-content1, .zoomin, .listing-card, #apus-main-content, .selected, #dyn-filter-organic, .better-blog-nav, .dashboard-container, .sidebar, aside, .widget .widget-title, .widget .widgettitle, .widget .widget-heading, .day, .calendar_only, .listing_features .feature-icon, #respond, .wrapper-listings-related, .empty-message,.search-item, #latest-news-banner, .p-4.border-t.bg-indigo-50, .bg-black.text-white.min-h-screen, .bg-gray-800, #heading-custom-heading-7, div.cmb2-wrap .before-group-row, body  div.mce-panel, .select2-selection.select2-selection--single, .form-container, .company-services, .service-item, .hotel-booking-calendar, .product-content, .details-review, .box-white-inner.box-order, .editor-content, .related-content, p.text-center.text-gray-500.py-10,  .bg-white, .blog-card-modern, .header-info-blog .header-info-blog-inner, .inner-content-bottom, .single-post #content, .mfp-content, .form-login-register-inner, .top-login, .table-of-contents, .main-bg, .blog-info, textarea, .list-message-wrapper, .content-box-white, .listing-item {
  background-color: var(--color-bg)!important;
  color: var(--color-text)!important;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-color: var(--border)!important;
}

#apus-footer .logo-dark, #apus-footer .logo-white {
	margin: 0 auto;
}.related-content{
	border-left: 1px solid;
	
}
.dark .leaflet-marker-icon.marker-cluster.marker-cluster-medium.leaflet-zoom-animated.leaflet-interactive {
background-color: #000!important;
color: #00;
}
.dark .leaflet-marker-icon.marker-cluster.marker-cluster-medium.leaflet-zoom-animated.leaflet-interactive {
background-color: #000!important;
color: #000;
}

#themeToggle {
  position: fixed;
  left: 1em;
  bottom: 2em;
  z-index: 10;
	border: 1px solid

}
.moon-icon{
	fill: #000!important;
}

.elementor-element.elementor-element-d720f11.elementor-widget.elementor-widget-spacer{
	display: none
}
.listing-logo a, h1,h4,h5, .truncate , .read-more-button, .nav-item span, .text-sm.text-gray-600.mb-2.h-10.overflow-hidden, .feed-subtitle, .news-title, .font-bold.text-lg.mb-4, .text-xl.font-bold.mb-4, .font-bold.text-gray-900, .menu-text, .text-xl.font-semibold.mb-6, .text-lg.font-semibold.text-gray-900.dark\:text-white.mb-4, .text-sm.font-medium.text-gray-900.dark\:text-white, .text-lg.font-medium.text-gray-900.dark\:text-white, .title, label, .cmb-group-name, .category-title, .blog-title, .blog-description, .calendar_only h3, .menu-container a,.menu-container h2, .news-title-text,.menu-item-label, .close-menu svg, .text-lg.font-bold, .text-4xl.font-semibold.mb-4, #assetNameV3, .flex.items-center.justify-between.mb-4 h3, .title-profile, bdi, .cmb-th, .dashboard-container h2, h3, #current-month, .product-category, .product-title, .product-description, .service-title, .service-description, .service-price, .service-duration, .page-id-10772 h2, .text-cyan-400, #metamask-overlay h2, h2, th, .btn-login, #openLoginModal, .related-summary, .table-of-contents, .cat-3{ 
	 color: var(--color-text)!important;
}
.news-summary{
	 color: var(--color-five)!important;
}
/* a {
  color: var(--color-text)!important;
}  */
.apus-loader-inner {
border-radius: 15em!important;
}
.border, *, ::after, ::before {
  border-color: var(--border)!important;
}
.symbol-button{
	border: 1px solid 
}
.dark .leaflet-marker-icon.marker-cluster.marker-cluster-small.leaflet-zoom-animated.leaflet-interactive {
background-color: #000;
	color: #000
}
.dark .marker-cluster-small div {
background-color: rgba(255, 255, 255, 0.6);
}
body .headline, .subheadline{
	color: #fff!important
}

.bg-gray-50 {
  background-color: var(--bg-gray-50)!important;
}

.text-gray-700, .text-gray-600, .text-gray-500, .text-gray-900  {
color: var(--gray-700)!important;
}
.text-gray-800 {
color: var(--gray-500)!important;
}

.text-gray-500{
  color: var(--gray-500)!important;
}

.search_bag, .radius-selector-container, .category-tag, .searh_bag, .category-filter, body .search-input, .search-bar, #sidebar {
  background-color: var(--grey-eee)!important;
  color: var(--color-text)!important;
}


 .category-btn.px-4.py-2.md\:px-6.md\:py-3.rounded-lg.font-semibold.transition-all.mb-2.md\:mb-0, .coin-card, .corporate-button { 
  background-color: var(--toggle-bt)!important;
  color: var(--color-text)!important;
}


button.bg-primary-blue.text-white.px-6.py-2.rounded-full.font-medium.hover\:bg-blue-700.transition-colors.text-sm {
    background-color: dodgerblue;
}
button.bg-green-600.text-white.px-6.py-2.rounded-full.font-medium.hover\:bg-green-700.transition-colors.text-sm {
    background-color: dodgerblue;
}.inner-social > div[class*="btn-wrapper"]:nth-child(2n) {
/* margin-left: 20px; */
margin: 0 auto!important;
width: calc(100% - 10px)!important;
}
.leaflet-popup-content{
	margin: 0!important;
} 	.page-id-2320 .btn-add-listing-favorite{
		position: absolute!important;
		top: 1em;
		right: 16px;
				font-size: 1em;  
				border: 1px solid;
				border-radius: 40px;
				padding: 4px 9px;
				color: #00d2b8;
					background-color: rgba(255, 255, 255, 0.85);
			
	} 
.feed-title, .feed-subtitle {
display: block!important;
	text-align: left
}
.tax-listing_category .listing-image img {
display: inherit!important;
}
.btn-danger.text-sm{
	padding: 10px;
border-radius: 3px;
}


.news-summary {

font-size: 1.2em!important;
}
.active a{
	text-decoration: underline!important;
	color: dodgerblue!important
}
.google-login-btn-wrapper {
    width: 95% !important;
    display: inline-block;
}

	.view-button{
		display:none!important;
	}
    	.page-id-2320 .btn-added-listing-favorite{

		position: absolute!important;
		top: 1em;
		right: 16px;
				font-size: 1em;
				border: 1px solid;
				border-radius: 40px;
				padding: 4px 9px;
				color: #00d2b8;
					background-color: rgba(255, 255, 255, 0.85)
			
} .main-a{
	cursor: pointer;
}
.active.btn-added-listing-favorite{
		color: #fff;
					background-color: #00d2b8!important;
}
.page-id-9280{
	overflow-y: hidden
}
.elementor-element-90b985a p{
	   margin-top: 1em;
}
.elementor-element-90b985a a {

	  background-color: dodgerblue;
    color: #ffff;
    padding: 8px 14px;
    border-radius: 8px;
}
.btn-submit.btn-theme.btn  {
background: var(--line-greyblue)!important;
color: #fff!important;
border: 0px solid!important;
}
.btn-submit.btn-theme.btn:hover{
	opacity: 0.8;
}



@media (max-width: 368px) {
	#filtersStickyWrapper .category-filters{
		margin: 0!important
	}
	.feed {
padding-left: 0.5rem!important;
}
	
	#filtersPlaceholder, .news-meta svg{
		display:none;
	}
	.banner .cta-button{
		padding: 5px 10px!important;
	}
	body .search-bar{
position: inherit!important;
		top: 0!important;
		
	}
	.feed-header{
		margin-bottom: 0!important
	}

	.col-sm-6.col-md-6.col-12.col-lg-4 {
    width: 100% !important;
}
	#listings-container > .col-sm-6, #listings-container > .col-md-6, #listings-container > .col-12, #listings-container > .col-lg-4 {

        width: 100%;align-content
	}
.menu-container{
	width:97%!important
}


}@media (min-width: 1024px) {
.lg\:hidden {
display: none!important;
}
}
	.apus-loader-inner {
width: 200px!important;
height: 200px!important;
}@media (max-width: 1024px) {
	.desc, .descnav{
		display:none;
	}
}
#themeToggle{
	z-index: 100000;
}
@media (max-width: 768px) {
	.page-template-page-dashboard .flex-grow.p-8, .elementor-element-22fb1034 , .max-w-md.mx-auto.p-8.bg-white.rounded-2xl.shadow-lg.text-center {
    padding: 0;
}
		#mobileFiltersPanel {
padding-bottom: 14em;

}
	.page-id-2320 .card-wrapper{
		padding-top: 1em!important
	}
.page-id-2320	.listing-image {
display:none
}
	
	.page-id-11076 footer{
		display: none;
	}
	#mobileFiltersPanel {
height: 100%!important;
}
	.apus-loader-inner{
		width: 100px!important;
		height: 100px!important;
	}
	footer{
		padding-bottom: 7em
	}
	.people-card-status{
		display:none;
	}
	
	.page-id-10122 .nav-item{
		border: 0px
	}
	
	.page-id-10122 .p-8, .page-id-10122 .main-content{
		padding: 0!important
	}
	.page-id-10122 .search-input, header .search-input {
		display: none;
	}
   
	    .p-4.flex.items-center.justify-between {
      
        padding: 0 !important;
    }
	.hello-home {
		display: none;
		border-radius: 10px;
	   position: absolute;
	   z-index: 100000;
	   background-color: var(--color-bg) !important;
	   width: 95%;

	   left: 50%;
	   transform: translateX(-50%);
	}



	.w-\[334px\].h-full.flex.flex-col.bg-black.rounded-r-xl.overflow-hidden.border-r.border-gray-800 {
    width: 100%!important;
    max-width: inherit!important;
}
	#left-panel-container {
    height: 80%!important;
    top: 0em !important;
    --tw-translate-x: -100%;
    width: 100%;
}
	#themeToggle {

  bottom: 6em;

}
	h1.text-4xl.font-semibold.text-gray-900.mb-4 {
    font-size: 32px;
}
div#gallery-container {
	border-radius: 0px!important;
    padding: 0!important;
}
	.page-id-9470 .content{
		gap: 0!important;
	}
.page-id-9470	.breaking-tag{
		display: none;
	}
	.page-id-9470 .banner{
		padding: 15px;
	}
	.illustrations .icon{
		display: none;
	}
	.page-id-9280 .card p{
		height: auto!important;
	}
	.single-listing .col-12.listing-detail-main.col-lg-8 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}


	.book-room-btn {
        position: relative !important;
   
}

			
	.room-cont strong{
		top: 2em!important;
	}
	
	
	.menu-grid a{
		text-decoration: none!important
	}
	.rounded-full.bg-gradient-to-r.from-sky-400.to-indigo-500 {
color: #fff!important;
}
	.elementor-element-90b985a p{
	   margin-top: 0em;
}
.elementor-element-90b985a a {
    background-color: dodgerblue;
    color: #ffff;
    padding: 8px 14px;
    border-radius: 8px;
}
	#filtersModal{
		padding-bottom: 4em
	}
	#filters-panel{
		overflow-y: auto;
	}
	h2.author-blog-title {
    text-align: center;
}
	.sidebar-listing-inner {
		height: auto !important;
	}
	
	 .single-listing .btn-added-listing-favorite i.fas.fa-heart.text-red-500 {
    color: red;
}
 
   .single-listing .btn-add-listing-favorite i.fas.fa-heart.text-red-500 {
    color: #ccc;
}

   .single-listing .btn-added-listing-favorite {
        position: inherit!important;
        right: auto!important;
        bottom:auto!important;
    
}
	
	.reply-message-form-wrapper .reply-message-form textarea{
		height: 100px
	}
	.message-section-wrapper .replies-content{
		height: 700px;
	}
	.page-id-1157 #apus-footer{
		display: none
	}
	.page-id-1157{
		margin-bottom:3em
	}
	.btn.toggle-message-btn{
		margin: .5em auto;
		width: 100%;
	}
	.page-id-1157 .title-profile{
		text-align: center
	}
.message-section-wrapper .replies-content .content-box-white {
	
position: relative;
padding: 20px 20px 70px;
height: calc(80% - 0px)!important;
overflow: hidden;
}
	.user-reply{
		padding-top: 1em!important;
	}
	.list-message li.active .message-title, .message-time{
		color: #fff!important
	}
	.reply-message-form-wrapper .reply-message-form .reply-message-btn{
		
		position: relative!important;
		top: 2em!important;
		width:100%;
		z-index: 100000
			
	}
	.message-section-wrapper .replies-content .content-box-white{
		padding: 0!important;
	}
	.reply-message-form-wrapper .wrapper-form{
		padding-right: 0!important
	}
	.page-id-1157 .form-control{
		width: 100%!important
	}
.page-id-1157	#main-container{
		min-height: auto!important
	}
.page-id-1157	.container {
max-width: 768px!important;
}
	.page-id-1157 .flex-grow.p-8{
		padding: 0!important;
	}
	.bg-gradient-to-r{
		display:none;
	}
	.flex.flex-col.md\:flex-row.md\:items-center.md\:justify-between.gap-3 {
flex-direction: initial;
}
	
	.page-id-2320 .active.btn-added-listing-favorite,	.page-id-2320  a.btn-added-listing-favorite{
		display:none!important;
	}

	.combined-list {
       margin-bottom: 6em;
    }
  .apus-footer-inner {
    padding: 20px 12px !important;

    color: #fff;
    font-size: 13px;
    line-height: 1.5;
  }
	.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-3b0ef68{
		display: none!important;
	}

  /* Обнуляем отступы и упрощаем структуру */
  .apus-footer .elementor-section,
  .apus-footer .elementor-inner-section {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Все колонки в 100% ширины по умолчанию */
  .apus-footer .elementor-column {
    width: 100% !important;
    margin-bottom: 16px;
  }

  /* Два столбца — меню */
  .apus-footer .elementor-inner-section .elementor-column.elementor-col-25:nth-child(2),
  .apus-footer .elementor-inner-section .elementor-column.elementor-col-25:nth-child(3) {
    width: 48% !important;
    display: inline-block !important;
    vertical-align: top;
    margin-bottom: 16px;
  }

  /* Первый блок (адрес) — один столбец */
  .apus-footer .elementor-inner-section .elementor-column.elementor-col-25:nth-child(1) {
    width: 100% !important;
  }

  /* Последний блок (subscribe и т.п.) — один столбик */
  .apus-footer .elementor-inner-section .elementor-column.elementor-col-25:nth-child(4) {
    width: 100% !important;
  }

  /* Заголовки */
  .apus-footer .widget-title,
  .apus-footer .elementor-heading-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 6px;
    color: #fff;
  }

  /* Контент */
  .apus-footer .widget-content ul,
  .apus-footer .widget-list-icon,
  .apus-footer .elementor-widget-container {
    font-size: 13px;
    color: #ccc;
    line-height: 1.4;
  }

  .apus-footer .list-icon,
  .apus-footer .menu li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 5px;
  }

  .apus-footer .list-icon i,
  .apus-footer svg {
    width: 14px;
    height: 14px;
    color: #999;
    flex-shrink: 0;
  }

  /* Кнопка */
  .apus-footer .elementor-button {
    font-size: 13px !important;
    padding: 8px 14px !important;
    background: #fff;
    color: #000;
    border-radius: 4px;
    width: 100%;
    margin-top: 10px;
  }

  /* Убираем соц. иконки и spacer */
  .apus-footer .widget-socials,
  .apus-footer .widget-socials .social,
  .apus-footer .elementor-spacer {
    display: none !important;
  }

  /* Лого и копирайт — центрируем */
  .apus-footer .logo img {
    max-width: 80px;
    height: auto;
    margin: 6px auto;
    display: block;
  }

  .apus-footer .elementor-inner-section:last-child {
    text-align: center;
    font-size: 11px;
    color: #aaa;
    line-height: 1.3;
    gap: 4px;
  }

  /* Убираем дублирующийся пункт "About us" */
  .apus-footer .menu li:has(a[href*="about-us"]):not(:first-child) {
    display: none;
  }
}



/* General Dashboard Styles */
        .dashboard-container {
            font-family: 'Arial', sans-serif;
            background-color: #fff;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            max-width: 1200px; /* Wider container */
            margin: 0 auto;
        }
#toolbar {
background-color: #fff;
border: 1px solid cadetblue;
padding: 10px!important;
border-radius: 10px;
}
        .dashboard-title {
            font-size: 28px;
            color: #333;
            margin-bottom: 20px;
            font-weight: 600;
            text-align: center; /* Center the title */
        }
.scrollbar-hidden.px-4.flex.gap-2.overflow-x-auto.no-scrollbar {
    margin-bottom: 2em;
}
body .avatar.avatar-40.wp-user-avatar.wp-user-avatar-40.photo.avatar-default {
border-radius: 4em!important;
	z-index:11;
	width: 3em;
	
}
.category-chip.flex.items-center.space-x-2.py-3.px-5.rounded-xl.bg-white.shadow-md {
min-height: 90px!important;
}
.menu-item-icon {
    margin: 0 auto;
}
.navbar-expand-lg .navbar-collapse {
 display: flex !important;
/* flex-basis: auto; */
}
.collapse:not(.show) {
 display: flex !important;
}
.collapse {
visibility: inherit!important;;
}
.logo_product{
	width: 90px
}

.logo3 {
position: absolute;
width: 1em;
right: 0.3em;

top: 0!important;
}


.sidebar-map {
margin-bottom: 3em;
}
.page-id-2320 .back-button{
	display:none
}
.logo-main img{
	max-width: 200px!important
}
.zoomin{
	background-color: #fff;
	width: 90%;
	text-align: center;
	max-height: 400px;
	border-radius: 14px
}
#select-featured-image-btn {
background-color: #eee;
padding-left: 10px;
padding: 10px!important;
border-radius: 10px;
}
.dark\:bg-green-900\/30:is(.dark *) {
background-color: rgb(20 83 45 / 0.3);
background-color: rgb(134 239 172 / var(--tw-text-opacity, 1))!important;
color: #000!important;
}
.single-listing .sidebar.sidebar-listing-inner.sidebar-right{
	display: block!important;
}
#wrapper-container #sidebar .active .menu-text{
color: #fff!important
}
.selected-booking-date {
text-decoration: underline;
}
.room-card-img {
flex: 1;
overflow: hidden;
position: relative;
min-height: 468px;
}
.room-card{
	margin-bottom: 1em!important;
}
.page-id-1145 .flaticon-love{
	display: none!important;
}
.px-2.py-1.text-xs.font-medium.bg-yellow-100.dark\:bg-yellow-900\/30.text-yellow-800.dark\:text-yellow-300.rounded-full {
background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
color: #000;
}
.company-products {
display: inline-block;
}

.Change {
background-color: gainsboro;
padding: 5px;
border-radius: 10px;
font-size: 13px;
}
.menu-ite img{
	position: absolute
}

.author-blog-post{
	position: relative;
}
html body .like-btn {
background: none;
background-color: #fff;
	padding: 0
		
}
.menu-ite.menu-item.active {
background-color: #fff;
color: #000;
}
html body #apus-main-content .menu-ite .menu-text{
	color: #000!important
}
.page-id-1141 .my-listings-item{
	padding: 0 1em
}
.page-id-1141 .listing-item .listing-image{
	min-height: auto;
	margin-top:3em
	
}

.blog-tags {
position: absolute;
bottom: 10px;
left: 1.5em ;

}
.blog-info{
	padding-bottom: 4em!important;
}
.blog-tags a {
color: #00a67d!Important;
text-decoration: underline;
}
.menu-item img {
transition: all 0.3s ease;
width: 24px;
height: 24px;
position: absolute;
}

.menu-text{
	color: #000
}




.page-id-1145 .job-location{
	display:none;
}
.blog-date {
font-size: 13px;
color: #888;
position: absolute;
top: 20px;
right: 10px;
}
.better-blog-nav {
background-color: #f9f9f9;
padding: 16px;
border-radius: 10px;
box-shadow: 10px;
}
.better-blog-nav a{
	background-color: #fff;
	padding: 10px 40px
}
.rest-booking-calendar .calendar-nav-button {
background-color: #00a998;
padding: 0!important;
}
.blog-card-modern {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,0.05);
  margin-bottom: 32px;
  transition: transform 0.2s ease;
}


.blog-info {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-category {
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.blog-title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #111;
}

.blog-title a {
  text-decoration: none;
  color: inherit;
}

.blog-description {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
}

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

.blog-button {
  background: #00c290;
  color: #fff;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s;
}

.blog-button:hover {
  background: #00a67d;
}

.blog-date {
  font-size: 13px;
  color: #888;
}

.blog-image {
  width: 240px;
  background-size: cover;
  background-position: center;
  min-height: 100%;
}

.sidebar .widget, .apus-sidebar .widget{
	border: 0px solid;
}
.sidebar.sidebar-listing-inner.sidebar-right {
height: 70%;
/* width: 300px; */
background-color: #fff;
color: var(--guido-heading-color);
display: flex;
flex-direction: column;
justify-content: space-between;
/* padding: 30px 25px; */
border-radius: 20px;
/* margin: 20px; */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
font-family: 'Arial', sans-serif;
}



  .nb-review {
color: #a5a5a5;
font-weight: 400;
}
.rest-card.overlay-card {
width: 48%;
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	min-height:410px
}
.rest-booking-calendar .day{
  padding: 12px 0;
  text-align: center;
  border-radius: 12px;
  font-size: 14px;
  background-color: #ccc;
  transition: background 0.2s, transform 0.2s;
  position: relative;
  cursor: pointer;
	background-color:#f9f9f9
}
.room-cont-rest {
display: none;
}
.col-sm-6.col-md-6.col-12.col-lg-4 {
margin-bottom: 1em;
}

.rest-card-img img {
border-radius: 10px 0px 0px 0px;
}
.selected-day{
	background:var(--line-greyblue)!important
}
.menu-overlay.active{
    	background:var(--line-greyblue)!important
}
.rest-card.overlay-card {
width: 48%;
}
.page-id-3734 .elementor-element-018210d, .page-id-1131 .elementor-element-018210d{
	padding-left: 7em!important;
}
.card-body1 {
min-height: 13em;
}
.card1{
	min-height: 30em!important
}

 .slider-container {
      overflow-x: auto;
      display: flex;
      gap: 12px;
      padding: 12px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;

      /* Скрыть скроллбар */
      scrollbar-width: none; /* Firefox */
    }
    .slider-container::-webkit-scrollbar {
      display: none; /* Chrome, Safari */
    }
.calendar_only {
  font-family: 'Inter', sans-serif;
  background: #fff;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-width: 750px;
  margin: auto;
}

.rest-booking-calendar h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.rest-booking-calendar .calendar-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #a5a5a5;
  margin-bottom: 15px;
}

.rest-booking-calendar .calendar-nav-button {
  background-color: #00d2b8;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
}

.rest-booking-calendar .calendar-nav-button:hover {
  background-color: #00a998;
}

.rest-booking-calendar .calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  margin-top: 10px;
}

.rest-booking-calendar .day1 {
  padding: 12px 0;
  text-align: center;
  border-radius: 12px;
  font-size: 14px;
  background-color: #ccc;
  transition: background 0.2s, transform 0.2s;
  position: relative;
  cursor: pointer;
	background-color:#f9f9f9
}

html body .rest-booking-calendar .day:hover {
  background-color: #00d2b8!important;
  color: #fff;
  transform: scale(1.05);
}

html body .rest-booking-calendar .selected-day1{
  background-color: #00d2b8!important;
  color: #fff!important;
  font-weight: 600;
  border: 1px solid #00d2b8!important;
}

.rest-booking-calendar .day[style*="visibility: hidden"] {
  visibility: hidden !important;
  pointer-events: none;
}

.rest-booking-calendar .occupancy-bar {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #a5d6a7;
}


    .slider-button {
      flex: 0 0 auto;
      scroll-snap-align: start;
      padding: 10px 20px;
      background-color: #e0e0e0;
      border: 1px solid #bbb;
      border-radius: 6px;
      font-size: 14px;
      white-space: nowrap;
      cursor: pointer;
      transition: background 0.2s;
    }

    .slider-button:hover {
      background-color: #d0d0d0;
    }


.listing-item .listing-image {

min-height: 220px;
}
.image-thumbnail.image-logo.d-flex.align-items-center.justify-content-center {

top: auto!important;
}
.bottom-label {
position: absolute;
bottom: em!important;
}

.page-id-3734 .e-con-inner {
	padding-left: 4em
}
#sidebarMenu {
width: 120;
}
.open{
	width:0px!important
}
.page-id-3734 .open .toggle-btn{
	left: -4.5em;
}



.category-card {
background-color: #fff!important;
}
.listing-item .listing-thumbnail-wrapper {
position: relative;
min-height: 205px;
}
html body .open-gallery-btn {
background-color: rgba(0,0,0,0.5)!important;
border-radius: 10px 0;
/* background-color: #ccc!important; */
}
.gallery-image {
/* max-width: 400px; */
border-radius: 10px;
/* max-width: 400px; */
width: 40%;
	margin-right:3%;
height: auto;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

html body .open-gallery-btn img {
height: auto!important;
width: 90%!important;
}
.open-gallery-btn {
background-color: transparent!important;
position: absolute;
bottom: 0;
	right: 0;
	top: above;
width: 50px;
	max-height: 70px;
	border: 0px solid;
}
#load-more-rooms{
	background: #22c55e;
	border: 0px;
	color: #fff;
	border-radius: 5px;
	font-size: 17px;
	padding: 10px  3em;
	margin-top: 1em
}
.day .progress-bar {
    height: 6px;
    margin-top: 4px;
    border-radius: 3px;
    background-color: #e5e7eb;
	
    overflow: hidden;
}
.day .progress-bar-fill {
    height: 100%;
    border-radius: 3px;
}


     .book-room-btn {
position: relative;

width: 100%;
}
.room-card {
position: relative;

}
.total-price {
position: absolute;
top: 0.5em;
left: -21em;
background-color: #27ae60;
color: #fff;
border-radius: 15px;
padding: 10px;
font-size: 13px;
}
.listing-item {

margin-right: 0.5em;
}

        .dashboard-menu {
            display: flex;
            justify-content: center; /* Center the buttons horizontally */
            margin-bottom: 30px;
        }

        .menu-button {
            background-color: #007bff;
            color: white;
            padding: 12px 24px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            border-radius: 8px;
            transition: background-color 0.3s ease;
            margin: 0 10px; /* Add some horizontal spacing */
        }

        .menu-button:hover {
            background-color: #0056b3;
        }

        /* Section Styles */
        .dashboard-section {
            margin-bottom: 30px;
        }

        /* Styles from your original code (adjusted as needed) */
        .listing-title {
            color: #007bff;
            font-weight: 600;
        }

        .add-room-form {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 40px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .input-field {
            padding: 12px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: border 0.3s ease;
            width: 100%; /* Ensure full width */
            box-sizing: border-box; /* Include padding in width */
            margin-bottom: 10px; /* Add spacing below input fields */
        }

        .input-field:focus {
            border-color: #007bff;
            outline: none;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }

        .submit-btn {
            background-color: #007bff;
            color: white;
            padding: 12px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            border-radius: 8px;
            transition: background-color 0.3s ease;
        }

        .submit-btn:hover {
            background-color: #0056b3;
        }

        .room-cards-container1 {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }

        .room-card1 {
            width: calc(33.33% - 20px);  /* Three cards per row */
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            position: relative;
            transition: transform 0.2s;
            margin-bottom: 20px; /* Space between rows */
        }

        .room-card1:hover {
            transform: translateY(-5px);
        }

        .room-header1 {
            padding: 10px; /* Add some padding */
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between; /* Align items to the edges */
            align-items: center; /* Vertically align items */
        }

        .room-header1 h5 {
            margin: 0;
            font-size: 18px;
        }

        .delete-room-btn {
            background: transparent;
            border: none;
            font-size: 18px;
            color: #d00;
            cursor: pointer;
        }

        .room-images1 {
            width: 100%; /* Take full width */
            height: 200px; /* Fixed height for consistency */
            overflow: hidden; /* Hide overflowing images */
            margin-bottom: 10px;
            border-bottom: 1px solid #eee; /* Separator */
        }

        .room-image {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Cover the area without stretching */
            border-radius: 6px;
        }

        .room-card1 p {
            margin: 5px 10px; /* Add horizontal margins */
            font-size: 14px;
        }

        .room-card1 strong {
            font-weight: 600;
        }

        /* Order Styles */
        .order-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        .order-table th,
        .order-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }

        .order-table th {
            background-color: #f2f2f2;
        }   .calendar {
                display: grid;
                grid-template-columns: repeat(7, 1fr);
                gap: 5px;
                margin-top: 10px;
            }
.delete-room-btn {
position: absolute;
right: 0;
top: 0;
}
.max-days {

font-weight: bold;
}
.room-card-img {
	position: relative;
max-height: 250px;
}

            .day {
                padding: 10px;
                border: 1px solid #ccc;
                text-align: center;
                cursor: pointer;
                border-radius: 4px;
            }
            .booked {
                background-color: #f88;
                color: #fff;
                cursor: not-allowed;
            }
            .available:hover {
                background-color: #cfc;
            }
          
            .room-card.booked {
                background-color: #fdd;
                opacity: 0.7;
							border: 1px solid red;
            }
            #room-info {
                margin-top: 20px;
            }
            #room-info ul {
                list-style-type: none;
                padding: 0;
            }
            #room-info ul li {
                margin: 5px 0;
            }


/*  .room-card {
	 width: 100%;
	 max-width: 350px;
	 min-height: 37em;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
    } */
/*     .room-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    }

    .room-card-img img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }
#room-cards {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
}
    .room-cont {
      padding: 16px 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .room-cont h5 {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
      color: #222;
    }

    .room-cont p {
      margin: 0;
      color: #555;
      font-size: 14px;
    }

    .room-cont label {
      font-size: 14px;
      color: #444;
			position: absolute;
			bottom: 4.3em
    }

    .room-cont input[type="number"] {
      padding: 5px 10px;
      margin-left: 10px;
      border: 1px solid #ddd;
      border-radius: 8px;
      width: 60px;
    }

    .room-cont button {
      margin-top: 10px;
      background-color: #ff385c;
      color: white;
      border: none;
      padding: 12px;
      font-size: 14px;
      border-radius: 10px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s ease;
    }

    .room-cont button:hover {
      background-color: #e31c5f;
    }
 */

.booked .book-room-btn {
    pointer-events: none;
    opacity: 0.5; /* Можно добавить, чтобы кнопка выглядела недоступной */
}
/* 
.room-cont{
margin-top: 1.5em;
margin-bottom: 1.5em;
	padding: 15px;
}
        .room-image {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-right: 2px solid #ddd;
        }
        .room-info {
            padding: 20px;
            flex-grow: 1;
        }
        .room-number {
            font-size: 1.2em;
            font-weight: bold;
            color: #333;
        }
        .room-description {
            color: #777;
            margin: 10px 0;
        }
        .room-price {
            font-size: 1.1em;
            margin-bottom: 20px;
        } */
        .booking-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .booking-container input {
            width: 50px;
            padding: 5px;
            font-size: 1em;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .book-room-btn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .book-room-btn:hover {
            background-color: #0056b3;
        }

.apus-header {
	z-index:10!important;
		
}
/* Стили для улучшения оформления */
.payment-form-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.page-id-2320 #main-container, .page-id-2320 .e-con-inner{
	max-width: 3000px;
	margin: 0!important;
	padding: 0!important;
}

.payment-method-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

html body .top-wrapper-menu .inner-top-menu {
z-index: 10000000!important;
}


.payment-field {
    margin-bottom: 20px;
}

.payment-input, .payment-select {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.payment-input:focus, .payment-select:focus {
    border-color: #005f99;
    outline: none;
}

button.button-primary {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button.button-primary:hover {
    background-color: #005f99;
}

.order-card {
    border: 1px solid #ccc;
    padding: Ç;
    margin-bottom: 20px;
    border-radius: 8px;
    background: #f9f9f9;
    transition: all 0.3s ease;
}

.order-card.completed {
    border-color: #28a745;
    background: #e6ffed;
    position: relative;
}
.order-card {
position: relative;
	
}
.btn.btn-success {
margin-top: 6px;
}.order-card.completed .btn.btn-success {
display:none
}
.order-card.pending {
background-color: #fff;
}
.status-tag.completed {
display: none;
}

.order-card.completed::before {
    content: "✓ Completed";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #28a745;
    color: white;
    padding: 4px 8px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
}

.header-mobile{
	z-index: 10000;

}
.btn.btn-danger {
position: absolute;
right: 1em;
	bottom: 1em;
	background-color: transparent;
	border: 0px;
	color: red;
	text-decoration:underline
}

html body h2 a {
text-decoration: underline;
color: cornflowerblue;
}

.leaflet-pane.leaflet-marker-pane img {
border-radius: 30px;
border: 3px solid #fff;
	background-color: #fff
}

    .completed-orders-badge {
      display: inline-flex;
      align-items: center;
      padding: 6px 12px;
      font-weight: bold;
      font-size: 16px;
      color: #4CAF50;  /* Цвет текста */
      border-radius: 20px;  /* Закругленные углы */
      background-color: #ffffff;  /* Белый фон */
      gap: 8px;
    }

    .completed-orders-badge svg {
      width: 18px;
	
      height: 18px;
    }

.service-description {
/* padding-right: 10em; */
width: 80%;
display: block;
}

.dashboard-container #listing_id{
  appearance: none; /* убираем стандартные стили */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f8f9fa;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 16px;
  color: #333;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D'%23333'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M7%2010l5%205%205-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  width: 90%;

}
.orders-tabs {
margin-bottom: 1em;
max-width: 1000px;
padding: 0 6%;
}
.tab-link {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 16px;
    background: #f1f1f1;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
}
.tab-link.active {
    background: #0073aa;
    color: white;
}


.attachment-guido-listing-grid.size-guido-listing-grid {
    max-height: 237px;
    width: 100%;  
    object-fit: cover; 
}
.cmb2-id--listing-location{
	display:none;
}

.location-selectors{
	margin-bottom:8em!important;
	margin-top: 4em


}
 .dashboard-container {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 20px;
            border-radius: 8px;
            background-color: #f9f9f9;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .form-container {
            margin-bottom: 30px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .form-container label {
            font-weight: bold;
            margin-top: 10px;
            display: block;
        }
        .form-container input, .form-container textarea, .form-container select {
            width: 100%;
            padding: 10px;
            margin: 5px 0 15px 0;
            border-radius: 5px;
            border: 1px solid #ddd;
        }
        .form-container button {
            padding: 12px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .form-container button:hover {
            background-color: #0056b3;
        }
        .service-list {
            margin-top: 20px;
        }
        .service-item {
            display: flex;
            background-color: #fff;
            padding: 15px;
            margin: 10px 0;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .service-image {
            max-width: 100px;
            max-height: 100px;
            margin-right: 20px;
        }
        .service-image img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .service-details {
            flex-grow: 1;
        }
        .service-title {
            font-size: 18px;
            font-weight: bold;
        }
        .service-description {
            font-style: italic;
            margin-top: 5px;
        }
        .service-price, .service-duration {
            margin-top: 10px;
        }
        .service-action {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 20px;
        }
        .btn-contact {
            padding: 10px 20px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .btn-contact:hover {
            background-color: #218838;
        }
   .company-services {
            padding: 20px;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         
        }
ul {
  list-style-type: none;
  padding-left: 0; /* Убираем отступ слева */
}
        .company-services h3 {
            font-size: 1.5em;
            color: #333;
            margin-bottom: 20px;
            text-align: center;
        }

        .service-item {
            display: flex;
            align-items: center;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
					cursor: pointer;
            margin-bottom: 15px;
            padding: 15px;
            transition: all 0.3s ease;
					position: relative;
        }

        .service-item:hover {
            transform: translateY(-5px);
        }

        .service-image img {
            max-width: 150px;
            max-height: 150px;
            object-fit: cover;
            border-radius: 10px;
            margin-right: 15px!important;
        }

        .service-details {
            flex-grow: 1;
            color: #333;
        }

        .service-title {
            font-size: 1.2em;
            font-weight: bold;
        }

        .service-description {
            font-style: italic;
            color: #555;
        }

        .service-price,
        .service-duration {
            color: #777;
        }

        .service-action {
          
					position: absolute;
					right: 1em
						
        }

        .btn-contact {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
        }

        .btn-contact:hover {
            background-color: #45a049;
        }
html body .searh_bag #ip-locate-button{
	position: absolute!important;
	border-radius: 1px 1px 10px 10px;
	right: -6em;
z-index:1111;
	top: 6.2em
}
.country-select, .state-selec, .city-select, .category-selec {
width: 100%;
}
.search-term{
width: 100%;
	padding: 10px;
	border-radius:5px;
	border: 0px solid; 
		color: #000;
	margin-top: -9px
}

#ip-locate-button {

color: white;
padding: 5px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
  position: absolute;
  top: -2em;
  right: -1em;
  transform: translate(-50%, -50%);
  z-index: 1;
width: 12em;
	opacity: 1!important;
}
#map {
z-index: 1;
}
.elementor-86 .elementor-element.elementor-element-fbfc9bd:not(.elementor-motion-effects-element-type-background), .elementor-86 .elementor-element.elementor-element-fbfc9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	
	background-image:none!important;	background: linear-gradient(145deg, #fff, #fff)!important;
	
	
}
#apus-footer .elementor-86 .elementor-element.elementor-element-f276c6a{
	padding: 0!important
}
.elementor-section.elementor-inner-section.elementor-element.elementor-element-add3493.elementor-section-content-middle.elementor-section-boxed.elementor-section-height-default{
background-color: #f9f9f9
}
#apus-footer a, #apus-footer, #apus-footer span, #apus-footer div{
	color: inherit!important;
}
.searh_bag{
	
		z-index: 1!important;
	}
@media (min-width: 568px) {
	#listing-sort-options{
		position: relative;
		top: -3em!important;
		z-index: 1
	}
}
@media (max-width: 1690px) {
	#location-selectors{
		width: 80%!important;
	}
	button#ip-locate-button1{
		top: 17em;
	}
}


@media (max-width: 1510px) and (min-width: 768px){
	 .radius-selector-container{
		display: inline-block;
	}

	#location-selectors{
		width: 100% !important;
	}
	

}

.list-main {
	background-color: #fff;
margin-top: 1em;
	border-radius: 10px!important
}
@media (max-width: 896px) {
	.p-4.flex.items-center.justify-between {
    padding-top: 0 !important;
}
    button#ip-locate-button1 {
        top: 24em;
    }
}

@media (min-width: 768px) {
	#apus-main-content {
min-height: 45em;
}
	#main-container{
	min-height: 1210px;
}
	.radius-selector-container {
position: absolute;
top: 4em;
right: 0;
background-color: #eee;
padding: 6px;
border-radius: 0px 0px 5px 5px;
}

	.back-button{
	display:none
}
	.bottom-nav{
		display: none!important;
	}
	.hello-home{
		display:none;
	}
	.Open{
		display:none!important;
	}
	.location-button1, .list-main{
		display: none;
	}
	
	#location-selectors1 .btn.btn-primary, 	#location-selectors1 .modal-header, 	#location-selectors1 .location-button, #location-selectors1  .btn.btn-secondary, .location-button{
		display: none!important;
	}
	#listings-container {
min-height: 450px;
	margin-top: 1em
}
	.col-sm-6.col-md-6.col-12.col-lg-4 {
max-height: 30em;
}

	.card-wrapper{
			
	   background: white;
                                  border-radius: 20px;
                                  overflow: hidden;
                                  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
                                  transition: all 0.3s ease;
                                  width: 95%;
                                  margin-bottom: 1em;
                                  min-height: 25\4em;
                                  font-family: 'Inter', sans-serif;
                                  display: flex;
                                  flex-direction: column;
                                  position: relative;
                                  margin: 0 auto;
	}
	.listing-image img{
		width: 100%; height: 200px; object-fit: cover;
	}
	
	

	.location-label{
			  position: absolute;
                                    top: 10px;
                                    left: 10px;
                                    background: rgba(255, 255, 255, 0.85);
                                    padding: 4px 10px;
                                    border-radius: 8px;
                                    font-size: 0.75rem;
                                    color: #333;
                                    font-weight: 500;
	}
	.listing-card{
		padding: 1.2rem; display: flex; flex-direction: column; gap: 0.8rem;
	}
	.listing-logo{
		font-size: 1rem; font-weight: 600; color: #333; display: flex; align-items: center; gap: 0.4rem;
	}
	.listin-logo span{
		background: #00d2b8; color: white; font-size: 0.7rem; padding: 2px 8px; border-radius: 8px; position: absolute;
right: 1em;
top: 1em;

	}
	.rating-category{
		font-size: 0.85rem; color: #666; display: flex; justify-content: space-between; align-items: center;
	}
	.view-button{
		margin-top: auto; display: flex; justify-content: space-between; align-items: center;
	}
	.view-button button {
		background: #00d2b8; color: white; border: none; border-radius: 12px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.9rem;
	}

	
button#ip-locate-button1 {
    background-color: #fff!important;
 
    border: none;
    padding: 0px;
    font-size: 11px;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 10px;
    position: absolute !important;
    border-radius: 4px;
	border: 1px solid #ccc!important;
      left: 0.7em;
    z-index: 5;
    top: 15em;
}
	.leaflet-left .leaflet-control {
margin-left: 8px!important;
}
	.leaflet-top .leaflet-control {
margin-top: 5.5em!important;
}
	
button#ip-locate-button2 {
   display:none;
}
button#ip-locate-button3 {
    display:none;
}
	#location-selectors{

		width:70%
	}
}
.product-card{
		width: 100%!important;

	}
.company-products .product-card{
		width: 47%!important;

	}
@media (max-width: 1466px) { 
	button#ip-locate-button1{
		top: 20em;
	}
}
@media (max-width: 780px) { 
	.elementor-element-9fe10f7{
	margin-top: 3em
}
	.product-card{
		width: 100%!important;

	}
	#apus-header-mobile {
display: none!important;
}
	
	
	#sidebar{
		display:none;
	}
 .sort-buttons-slider {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 2px solid #eee;
    scrollbar-width: none;
    -ms-overflow-style: none;
	 margin-top:4em;
	
  }

  .sort-buttons-slider::-webkit-scrollbar {
    display: none;
  }

  .sort-buttons-slider button {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    cursor: pointer;
    padding: 6px 12px;
    white-space: nowrap;
		
  }

  .sort-buttons-slider button.active {
    border-color: #007bff;
    color: #fff;
  }


	button#ip-locate-button1 {
  
    left: 10%;
}
		button#ip-locate-button2 {

    left: 40%;
}
	
	
	.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* 7 дней в неделю */
  gap: 4px;
  max-width: 100%;
  box-sizing: border-box;

		font-size:14px
}

.day {
  text-align: center;
  padding: 7px!important;
  border: 1px solid #ddd;
  box-sizing: border-box;
  min-width: 0; /* важно для избежания выхода за пределы */
  word-break: break-word;
}
	
		.room-card{
		max-width: 600px;
			
	}
	html body .searh_bag #ip-locate-button{
		top:auto;
		bottom: -3.4em;
		border-radius: 1px 1px 1px 10px;
	}
	.menu-dashboard li:hover > a, .menu-dashboard li.active > a{
		color: #000!important;
	}
	
html body .menu-dashboard a.menu-link{
		color: #000!important;
	}
	#location-selectors {
margin-bottom: 0em;
margin-top: -4em;
position: relative;
bottom: -5em;
z-index: 4;
width: 100%!important;
left: 0px!important;
}
}
@media (max-width: 1250px) {
	.room-card{
		max-width: 1000px;
		width: 48%;
	}
	
}
@media (max-width: 768px) {
	.company-products .product-card{
		width: 100%!important
	}
	.room-card-img{
		min-height: 320px!important
	}
	button.bg-green-600.text-white.px-6.py-2.rounded-full.font-medium.hover\:bg-green-700.transition-colors.text-sm {
    min-width: 8em;
}
	
	.fixed.bottom-6.left-1\/2.transform.-translate-x-1\/2.z-50 {
    bottom: 7em;
    /* width: 0%; */
    text-align: center;
    padding: 0 !important;
}

	
	.logo-main img{
		margin: 0 auto;
	}
	.blog-card-modern{
		border-radius: 0px!important;
		display: inline-block;
		margin-top: 1em;
		border-top: 1px solid #ccc
	}
	.blog-image{
		min-height: 300px;
		width: 100%;
		border-radius: 0px!important;
	}
	.blog-image img{
		border-radius: 0px!important;
	}
.top_up {
    background-color: #fff;
    width: 40px;
    height: 6px;
    margin: auto;
    border-radius: 10px;
    margin-top: -10px;
	        position: relative;
        z-index: 11;
}
    .listings-container-bag {
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(16px) saturate(180%);
        -webkit-backdrop-filter: blur(16px) saturate(180%);
        transition: background 0.3s ease, border 0.3s ease;
        width: 100%;
        height: 100%;
        z-index: 10;
        position: absolute;
        left: 0;
        top: 0;
    }
	#listings-container{
	position: relative;
		z-index: 11;
	}
	 .listings-container-main {
 		 
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  padding: 1rem;
 
    }
	

	#listing-sort-options{
		
	}
	.empty-message {
background-color: #fff;
padding: 2em;
border-radius: 30px;
}
.location-button1  {
      position: absolute;
      background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
      border: none;
      border-radius: 50%;
      width: 35px;
      height: 35px;
	z-index:10;
      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
	right: 30px!important;
	top: 0
    }
	.findme1{
		display: none!important;
	}
    .location-button1:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 16px rgba(59, 130, 246, 0.6);
    }
    
    .location-button1:active {
      transform: translateY(1px);
      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
    }
    
    .location-button1::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    
    .location-button1:hover::before {
      opacity: 1;
    }
    
    .pulse {
      position: absolute;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.4);
      animation: pulse 2s infinite;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
    }
    
    @keyframes pulse {
      0% {
        transform: scale(0.95);
        opacity: 0.7;
      }
      70% {
        transform: scale(1.1);
        opacity: 0;
      }
      100% {
        transform: scale(0.95);
        opacity: 0;
      }
    }
    
    .icon-container {
      position: relative;
      z-index: 1;
    }
    
    .tooltip {
      position: absolute;
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #1e293b;
      color: white;
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 14px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      white-space: nowrap;
    }
    
    .tooltip::before {
      content: '';
      position: absolute;
      top: -6px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 0 6px 6px 6px;
      border-style: solid;
      border-color: transparent transparent #1e293b transparent;
    }
    
    .location-button1:hover .tooltip {
      opacity: 1;
      visibility: visible;
      bottom: -45px;
    }
	#ip-locate-button1, #ip-locate-button2{
		display:none;
	}
	.leaflet-top {
display:none!important;
}
	
	#location-selectors1{
			display: none;
position: fixed;
z-index: 2000;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(3px);
transition: all 0.3s ease;
	}
	#location-selectors{
	position:absolute!important;
		bottom: 8em!important;
	}
	.searh_bag{
		border-radius: 24px!important;
		background-color: #fff;
border-radius: 24px 24px 0 0;
padding: 30px;
box-shadow: 0 -5px 25px rgba(0,0,0,0.1);

transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
			width: 90%;
		margin: 0 auto;

transform: translateX(-50%) 
border-radius: 24px;
	}

	#location-selectors1 .btn.btn-primary {
padding: 16px;
border: none;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
width: 100%;
}
	.btn.btn-secondary{
		padding: 16px;
border: none;
border-radius: 12px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
width: 100%;
	}
	.location-button:hover {
background: #f5f9ff;
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
transform: translateY(-2px);
}
	.location-button {
position: absolute;
top: 0px;
left: 30px;
z-index: 10;
padding: 10px 16px;
background: #ffffff;
border: none;
border-radius: 50px;
font-weight: 600;
font-size: 12px;
color: #007bff;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
}
	.info-card .open{
		position: absolute;
		right: 2em;
			top: 0.5em;
	}
	.verified-badge{
		position: absolute;
		right: 0;
			top: 0.5em;
	}
	.col-sm-6.col-md-6.col-12.col-lg-4 {
    width: 100% !important;
}
        .listings-container-main {
        position: absolute;
        bottom: -26em;
        left: 0;
        margin-bottom: 0.3em;
        min-height: 420px;
        right: 0;
        z-index: 999;
    }

	   #listings-container {
              min-height: 420px;
        display: flex
;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 1rem;
        padding: 1rem;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        height: 350px;
        touch-action: pan-x;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
       
    }

	

	.flaticon-love{
	display: none!important;
	}
	



#listings-container::-webkit-scrollbar {
  display: none;
}

#listings-container > .col-sm-6,
#listings-container > .col-md-6,
#listings-container > .col-12,
#listings-container > .col-lg-4 {
  flex: 0 0 auto;
  width: 80%;                     /* фикс ширины для snap */
  scroll-snap-align: start;        /* 💡 начинаем привязку по левому краю */
}

	.active{
	
		color: #fff!important;
	}

	.page-id-2320{
		 overflow: hidden;
	}
	.page-id-2320 .elementor-shortcode{
		display: flex;
flex-direction: column;
height: 100%;
width: 100%;
	}
	.elementor-2320 .elementor-element.elementor-element-493836e > .elementor-widget-container{
		padding: 0!important;
	}
		.page-id-2320 #map {
			max-height: 650px;
width: 100%!important;
			margin: 0 auto;
			border-radius: 20px;
flex: 1 1 auto;
height: 100vh!important;

			margin-top: -1em!important;

}
	.page-id-3734 .e-con-inner{
		padding-left: 0px
	}

	.menu-dashboard, .toggle-btn{
		display:none!important;
	}
	.room-card{
		max-width: 1000px;
		width: 100%;
	}
#listing-sort-options {
max-width: 1999px;
}
	
	#listings-container{
		max-width: 100%;
	}
#location-selectors {
margin-bottom: 1em;

}
	
	.searh_bag{
		padding-top: 2em!important;
	}
}

@media (max-width: 768px) {


	.desc_uzway, #listing-sort-options{
		display: none!important;
	}
	.btn-added-listing-favorite{
		position: absolute;
		right: 1em;
		bottom: 1.2em;
			
	}
	.view-button {
position: absolute;
bottom: 1em;
width: 84%;
}
	
.card-wrapper {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  padding: 0 20px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
 height:70%;
	max-height: 250px;

  font-family: "Inter", sans-serif;
  position: relative;
}

.listing-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
}

.listing-logo img {
	
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: contain;
  background-color: #e5f0ff;
  padding: 6px;
}

.listing-logo a {
  color: #111827;
  font-weight: 600;
  text-decoration: none;
}

.listing-logo span.verified-badge {
  margin-left: auto;
  margin-right: 8px;
}

.listing-logo span:last-of-type {
  background-color: #d1fae5;
  color: #065f46;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 10px;
}

.time-distance {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #4b5563;
  font-weight: 500;
}

.time-distance div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.time-distance div::before {
  content: '🕒';
  font-size: 16px;
}

.time-distance div:last-child::before {
  content: '📍';
}

.view-button {
  text-align: center;
}

.view-button button {
  background-color: #2563eb;
  color: #ffffff;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}

.view-button button:hover {
  background-color: #1e40af;
}

	
	.page-id-2320 .elementor-element{
		padding: 0;
	}
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{
		padding: 0 1%;
	}
	.searh_bag{
		min-height:300px;
		z-index: 1!important;
	}
	#location-selectors select{
		float:left;
		display:inline-block;
		
		width:100%!important;
	}
	.searh_bag{
			flex-direction: column;
align-items: stretch;
	}

}

#ip-locate-button:hover{
	opacity: 0.95!important;
width: 13em;

}


.widget-listing-search-form    .btn-submit {
            background-color: #007BFF; /* Синий цвет */
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
            position: relative; /* Для позиционирования иконки внутри кнопки */
            width: 3em;
            height: 3em;
            overflow: hidden; /* Скрывает часть изображения, если оно выходит за пределы */
        }
.preloader {
        text-align: center;
        padding: 20px;
        font-size: 16px;
        color: #888;
    }



/* Optional: add some animation */
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

#listings-preloader:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  border: 3px solid #ccc;
  border-top-color: #007bff; /* Your primary color */
  animation: spin .75s linear infinite;
}
.wrapper-breads{
	display:none;
}
#location-selectors {
  margin: -4em auto 0 auto;
  position: relative;
  bottom: -5em;
  z-index: 4;
  width: 60%;
}
.searh_bag{
	border-radius: 29px;


padding: 15px;
	text-align: center;
	position: relative;
	z-index:10
}
.elementor-element-38cd4ba{
	display:none;
}
#country-select, #state-select,  #city-select, #category-select{

appearance: none;

padding:10px;
		margin-bottom: 9px;
}
.col-sm-6.col-md-6.col-12.col-lg-4 {
float: left;
}

        /* Стиль для кнопки при наведении */
    .widget-listing-search-form    .btn-submit:hover {
            background-color: #0056b3; /* Тёмно-синий цвет при наведении */
        }
.col-sm-6.col-lg-4.col-12 {
position: relative;
}
.infor-account.d-flex.align-items-center {
margin-right: 3em;
}

body .col-12.col-md-1.form-group-search.width-10 {
padding-left: 0;
}

.mes_img:hover{
	opacity: 0.8;
}

        /* Стили для изображения */
      .widget-listing-search-form  .btn-submit img {
            width: 30px;
            height: 34px;
            position: absolute;
            top: 50%; /* По центру вертикально */
            right: 50%; /* По центру горизонтально */
            transform: translate(50%, -50%); /* Центрируем изображение точно по середине */
            display: inline-block;
        }
.listings-ordering-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}
.col-xs-6.col-sm-6.col-md-4 {
margin-bottom: 1em;
	position: relative;
	
}
body .subwoo-inner .button-action {
    margin-top: 1.25rem;
    position: absolute;
    left: 50%;
    bottom: 4em;
    transform: translateX(-50%);
}
.results-count {
  color: #4a4a4a;
  font-weight: 500;
}
.subwoo-inner {
	
height: 53em;

}
.ordering-display-mode-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.listings-ordering .label {
  margin-right: 0.5rem;
  font-weight: 500;
  color: #555;
}

.listings-ordering select {
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  appearance: none;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}

.listings-ordering select:hover {
  border-color: #999;
}

.listings-display-mode-wrapper .inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
    
.elementor-element-1b467a4{
	display:none;
}
.name-acount{
display:none;
}
.listings-display-mode input[type="radio"] {
  display: none;
}

.listings-display-mode label {
  cursor: pointer;
  padding: 0.4rem 0.6rem;
  border-radius: 8px;

  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listings-display-mode label:hover {
  background-color: #e0e0e0;
}

.listings-display-mode input[type="radio"]:checked + i {
  
}

.listings-display-mode input[type="radio"]:checked ~ label {
  background-color: #007bff;
  color: #fff;
}

.listings-display-mode i {
  font-size: 18px;
  color: #666;
}



        .hotel-booking-calendar {
                font-family: Arial, sans-serif;
         
                margin: 0 auto;
                background-color: #fff;
                border-radius: 10px;
                padding: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            .calendar-navigation {
                margin-bottom: 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .calendar-nav-button {
                background-color: #3498db;
                color: white;
                border: none;
                padding: 10px 20px;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s;
            }

            .calendar-nav-button:hover {
                background-color: #2980b9;
            }

            #current-month {
                font-size: 1.5rem;
                font-weight: bold;
                color: #333;
            }

/*             .calendar {
                display: grid;
                grid-template-columns: repeat(7, 1fr);
                gap: 5px;
                font-size: 1rem;
            }

            .calendar .day {
                padding: 15px;
                text-align: center;
                background-color: #f0f0f0;
                cursor: pointer;
                border: 1px solid #ddd;
                border-radius: 5px;
                transition: background-color 0.3s, transform 0.3s;
            }

            .calendar .day:hover {
                transform: scale(1.1);
                background-color: #e0e0e0;
            }

            .calendar .day.booked {
                background-color: orange;
                color: white;
                
            }

            .calendar .day.available {
                
							border: 1px solid #2ecc71!important: 
            } */



  .calendar {
                display: grid;
                grid-template-columns: repeat(7, 1fr);
                gap: 5px;
                font-size: 1rem;
            }

.day {
   padding: 15px;
                text-align: center;
                background-color: #f0f0f0;
                cursor: pointer;
                border: 1px solid #ddd;
                border-radius: 5px;
                transition: background-color 0.3s, transform 0.3s;
  border: 1px solid #e2e8f0;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}

.day .progress {
  position: absolute;
  bottom: 2px;
  left: 4px;
  right: 4px;
  height: 6px;
  border-radius: 3px;
  background-color: #e5e7eb;
  overflow: hidden;
}

.day .progress-fill {
  height: 100%;
  border-radius: 3px;
  background-color: #22c55e;
  transition: width 0.3s ease;
}

/* .day:hover {
  background-color: #f0f9ff;
} */

.day.selected-day {
  background-color: #2563eb;
  color: white;
  font-weight: bold;
}
 #sort-controls .sort-btn {
      background: #ffffff;
      color: #333;
      border: none;
      padding: 12px 11px;
      margin: 5px;
      border-radius: 30px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.08);
      cursor: pointer;
      transition: background-color 0.3s ease;
      font-size: 16px;
    }

    #sort-controls .sort-btn:hover {
      background-color: #f1f1f1;
    }

.day.available:hover, .day.booked:hover{
	  background-color: #e0f2fe!important;
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns{
	display:none!important
}
.wp-block-woocommerce-cart{
	padding-top: 1em
}

   .dashboard-container {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 20px;
            border-radius: 8px;
            background-color: #f9f9f9;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .form-container {
            margin-bottom: 30px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .form-container label {
            font-weight: bold;
            margin-top: 10px;
            display: block;
        }
        .form-container input, .form-container textarea, .form-container select {
            width: 100%;
            padding: 10px;
            margin: 5px 0 15px 0;
            border-radius: 5px;
            border: 1px solid #ddd;
        }
        .form-container button {
            padding: 12px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .form-container button:hover {
            background-color: #0056b3;
        }
        .service-list {
            margin-top: 20px;
        }
        .service-item {
            display: flex;
            background-color: #fff;
            padding: 15px;
            margin: 10px 0;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .service-image {
            max-width: 100px;
            max-height: 100px;
            margin-right: 20px;
        }
        .service-image img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .service-details {
            flex-grow: 1;
        }
        .service-title {
            font-size: 18px;
            font-weight: bold;
        }
        .service-description {
            font-style: italic;
            margin-top: 5px;
        }
        .service-price, .service-duration {
            margin-top: 10px;
        }
        .service-action {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 20px;
        }
        .btn-contact {
            padding: 10px 20px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .btn-contact:hover {
            background-color: #218838;
        }
        
img{
    max-width: 100%;
    height:auto;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

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

.alignright {
    float:right;
    clear: right;
    margin: 5px 0 32px 2em;
}
.wp-block-image .alignright{
    margin-left: 2em;
}
.alignleft {
    float: left;
    margin: 5px 2em 32px 0;
}
.wp-block-image .alignleft{
    margin-right: 2em;
}
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;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

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

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

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

.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. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}
.wp-block-pullquote{
    border:none;
}
.wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter {
    text-align: center;
}
.wp-block-cover{
    margin-bottom: 28px;
}
.wp-block-embed{
    margin-bottom: 30px;
}
.product-block.grid .product-image{
    width: 100%;
}
.product-block.grid .product-image img{
    width: 100%;
}
.bread-title{
    word-break: break-word;
    word-wrap: break-word;
}
.advane-search-wrapper-fields {
    display: none;
}

.wp-block-cover.has-background-dim .wp-block-cover-text{
    color: #fff;
}
.wp-block-button {
    margin-top: 15px;
    margin-bottom: 15px;
}
.logo-theme img{
    max-width: 150px;
}

/* fix */
p{
    margin-bottom: 20px;
}
.main-page.full-default {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.cmb-th span.required {
    color: red;
}
@media(max-width: 767px){
    .widget-listing-search-form.horizontal .form-group-location{
        flex-wrap: wrap;
    }
    .widget-listing-search-form.horizontal .form-group-location > div ~ div{
        margin-top: 15px;
    }
}

.contact-form-agent .agent-content .email {
    word-wrap: break-word;
}

.elementor-lightbox .elementor-swiper-button{
    outline: none !important;
}
@media(max-width: 1200px){
    .elementor-lightbox .elementor-swiper-button{
        cursor:auto;
    } 
}

.listing-detail-gallery.v1 .image-wrapper {
    text-align: center;
}

.listing-detail-gallery.v1 img {
    display: inline;
}

.row.row-padding-5 {
    margin-left: -5px;
    margin-right: -5px;
}
.row-padding-5 .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.listings-currencies .currencies {
    list-style: none;
    margin: 0;
    padding: 15px 30px;
}

.listings-currencies .currencies li label {
    width: 100%;
    cursor: pointer;
    font-weight: 400;
}

.listings-currencies .currencies li.active label, .listings-currencies .currencies li label:hover {
    color: #ff5a5f;
}
.currencies-wrapper .dropdown-toggle i {
    margin-left: 7px;
}

.form-group-price.list ul.price-filter {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.form-group-price.list ul.price-filter li{
    padding: 3px 0px;
    cursor: pointer;
}

.form-group-price.list ul.price-filter li:hover{
    color: #ff5a5f;
}
.message-section-wrapper .replies-content {
    height: 754px;
}