/* ================================================
   GLOBAL FONT SETUP
   ================================================ */

body {
    font-family: 'Roboto', sans-serif !important;
}

.fa,
.fas,
.far,
.fal,
.fad {
    font-family: 'Font Awesome 5 Pro';
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}


.lg-icon {
    font-family: inherit;
}

/* ================================================ */

.header-search-input label {
    top: 15px;
}

.sub-tab-content {
    display: none;
}

.sub-tab-content.visible {
    display: block;
}

.vehicle-tab-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #333;
    background-color: #f4f4f4;
    transition: all 0.3s ease;
    font-weight: 500;
}

.vehicle-tab-link i {
    font-size: 16px;
    color: #444;
}

.change_sub_tab .current .vehicle-tab-link {
    background-color: #007bff;
    color: #fff;
}

.change_sub_tab .current .vehicle-tab-link i {
    color: #fff;
}

.vehicle-tab-link:hover {
    background-color: #007bff;
    color: white;
}

.vehicle-tab-link:hover i {
    color: white;
}

.vehicle-tabs-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vehicle-tab {
    list-style: none;
}

.vehicle-tab-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #333;
    background-color: #f4f4f4;
    transition: all 0.3s ease;
    font-weight: 500;
    text-decoration: none;
}

.vehicle-tab-link i {
    font-size: 16px;
    color: #444;
}

.vehicle-tab.current .vehicle-tab-link {
    background-color: #007bff;
    color: #fff;
}

.vehicle-tab.current .vehicle-tab-link i {
    color: #fff;
}

.vehicle-tab-link:hover {
    background-color: #007bff;
    color: white;
}

.vehicle-tab-link:hover i {
    color: white;
}

.sub-tab-content {
    display: none;
}

.sub-tab-content.visible {
    display: block;
}

.vehicle-sub-tabs-menu {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.vehicle-tabs-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center; 
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.vehicle-sub-tabs-menu {
    margin-top: 20px; 
    text-align: center;
}

.vehicle-tabs-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.vehicle-tab-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #333;
    background-color: #f0f0f0;
    transition: all 0.3s ease;
    font-weight: 500;
    text-decoration: none;
}

.vehicle-tab-link i {
    font-size: 16px;
    color: #666;
}

.vehicle-tab.current .vehicle-tab-link {
    background-color: #007bff;
    color: #fff;
}

.vehicle-tab.current .vehicle-tab-link i {
    color: #fff;
}

.vehicle-tab-link:hover {
    background-color: #007bff;
    color: white;
}

.vehicle-tab-link:hover i {
    color: white;
}

.vehicle-tabs-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0px 0 20px 0;
    list-style: none;
}

.vehicle-tab {
    flex: 1 1 20%;
    text-align: center;
}

.vehicle-tab-link {
    display: block;
    width: 100%;
    padding: 12px 10px;
    background-color: #ffffff;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.vehicle-tab:last-child .vehicle-tab-link {
    border-right: none;
}

.vehicle-tab-link i {
    color: #d92129;
}

.vehicle-tab.current .vehicle-tab-link {
    background-color: #d92129;
    color: #fff;
}

.vehicle-tab.current .vehicle-tab-link i {
    color: #fff;
}

.vehicle-tab-link:hover {
    background-color: #d92129;
    color: white;
}

.vehicle-tab-link:hover i {
    color: white;
}

.main-search-input-tabs .tabs-container, .hero-slider-item .hero-search, .hero-map-search-wrap .hero-search {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0);
}

.main-search-input-tabs .tabs-menu li a:before {
    top: 26px;
}

body.page-extra-filters .filter-tags label,
body.page-extra-filters .custom-form-ast .filter-tags label{
  color: #000000;
}


.vehicle-tab-link {
    position: relative;
    border: none;
}

.vehicle-tab-link::after {
    content: unset;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #50505050;
    transform: scaleY(0.5);
    pointer-events: none;
}

.vehicle-tab-link::before {
    content: unset;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #50505050;
    transform: scaleX(0.5);
    pointer-events: none;
}

.vehicle-tab:last-child .vehicle-tab-link::before {
    display: none;
}

.vehicle-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0; /* or use gap: 1px for slight spacing */
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vehicle-tab {
    flex: 1 1 50%; /* Full width on mobile */
    text-align: center;
}

@media (min-width: 480px) {
    .vehicle-tab {
        flex: 1 1 50%; /* 2 per row */
    }
}

@media (min-width: 768px) {
    .vehicle-tab {
        flex: 1 1 33.33%; /* 3 per row */
    }
}

@media (min-width: 1024px) {
    .vehicle-tab {
        flex: 1 1 20%; /* 5 per row like desktop */
    }
}

.main-search-input-tabs .tabs-menu li.current a {
    color: #d92129;
    font-weight: 900;
}

.section-separator:before {
    background-color: #d92129;
}

.nav-holder nav li a.act-link, .nav-holder nav li a:hover{
    color: #2e3f6e;
}

.nav-holder nav li a {
    color: #2e3f6e;
}

.show-lang {
    color: #2e3f6e;
}

.show-reg-form {
    color: #2e3f6e;
}

.main-header {
    background: #ffffff;
}

.main-header:before {
    background: #f7f7f9;
}

.show-lang i{
    color: #2e3f6e;
}

.show-lang i.arrlan {
    color: #2e3f6e;
}

.show-reg-form i {
    color: #2e3f6e;
}

.cart-btn {
    color: #2e3f6e;
}

.nav-holder nav li a i {
    color: #d92129;
}

.show-lang {
    position: relative;
}

.show-lang::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.1px;
    height: 20px;
    background-color: #d92129;
}

.main-header:before {
    width: 715px;
}

.add-list {
    margin-left: 20px;
}

.m-0 {
    margin: 0;
}

.p-2 {
    padding: 2em;
}

.m-2 {
    margin: 2em;
}

.color-bg {
    background-color: #1694d1;
    border: 1px solid #1694d1;
}

.color-bg-2 {
    background-color: #1694d1;
    border: 1px solid #1694d1;
}

.color-bg-2:hover {
    background-color: #fff;
    border: 1px solid #1694d1;
    color: #1694d1;
    cursor: pointer;
}

.color-bg-red {
    background-color: #d92129;
}

.color-bg-red-rev {
    border: 1px solid #d92129;
    background: #fff;
    color: #d92129;
}

.single-facts_2 .inline-facts-wrap:before {
    background-color: #803438;
}

.tc-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #d92129;
}

.to-top {
    color: #fff;
    background: #d92129;
}

.to-top:hover {
    background: #d92129;
}

section.hero-section .bg {
    top: 0%;
}

.geodir-js-favorite_btn:hover i {
    color: #fff;
}

.geodir-js-favorite_btn i {
    background: #d92129;
}

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

.icons-border-wrap {
    display: flex;
    align-items: center;
    margin-right: 60px;
}

.vertical-border {
    width: 1px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 12px;
}

.icons-wrap {
    display: flex;
    gap: 12px;
}

.icon-item {
    font-size: 16px;
    color: #ffffff;
    transition: color 0.3s ease;
}

.icon-item:hover {
    color: #d92129;
}

.listing-filters a.gallery-filter-active {
    background-color: #d92129;
}
.listing-filters a {
    background: #ffffff;
}

.listing-filters a:hover {
    background: #d92129;
    color: #ffffff;
}

.geodir_status_date {
    display: none;
}

.listing-avatar {
    display: none;
}

.verified-badge {
    display: none;
}

.facilities-list {
    display: none;
}

.listing-item-category i {
    visibility: hidden;
}

.listing-item-category {
    width: 36px;
    margin-right: 12px;
    margin-bottom: 6px;
}

.main-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.btn i {
    color: #fff;
}

.btn.dec_btn:before {
    display: none;
}

.promo-link {
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0);
    padding: 16px 55px 16px 55px;
}

.promo-link i {
    display: none;
}

.process-end i {
    box-shadow: 0px 0px 0px 0px #f7f7f7;
    background: #d92129;
}

.process-count {
    color: #000;
}

.time-line-icon i {
    color: #d92129;
}

.time-line-icon {
    background: unset;
}

.cc-btn {
    color: #000;
}

.cc-btn:hover {
    background-color: #d92129;
    color: #fff;
}

#subscribe-button i {
    color: #2e3f6e;
}

.footer-header {
    background: #243e83;
}

.footer-widget h3 {
    color: #d92129;
}

.footer-widget .footer-contacts-widget p {
    color: #243e83;
    font-size: 12px;
    font-weight: bold;
}

.footer-contacts li a, .footer-contacts li span {
    color: rgba(36, 62, 131, 0.5);
}

.footer-contacts li a {
    color: rgba(36, 62, 131, 1);
}

.footer-contacts li {
    background: #f1f0ef;
}

.footer-widget .down-btn {
    display: none;
}

.footer-social span {
    color: rgba(36, 62, 131, 1);
}

.footer-social li a {
    color: #d92129;
}

.footer-widget h3:before {
    background-color: #e3595e;
}

.footer-list li a {
    color: #243e83;
}

.footer-list li:before {
    color: #d92129;
}

.footer-inner {
    background-color: #fff;
}

.footer-widget h3 {
    position: relative;
}

.footer-widget h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    border-bottom: 1px solid #929fc1;
}

.footer-widget h3:before {
    width: 10%;
}

.gdop-list-link:hover i {
    color: #d92129;
}

.geodir-opt-list a:hover i {
    color: #d92129;
}

.geodir-category-content h3 a:hover {
    color: #d92129;
}

.geodir-category-opt h4 a:hover {
    color: #d92129;
}

.hero-categories_title:before {
    display: none;
}

@media (max-width: 991px) {
    .main-search-input-tabs .tabs-menu li a:before {
        display: none!important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .main-search-input-tabs .tabs-menu li a:before {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .main-search-input-tabs .tabs-menu li a:before {
        display: none!important;
    }
}

.filters {
  margin: auto;
  padding: 16px;
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.filter-row {
  margin-bottom: 16px;
}

.filter-input,
.filter-row select,
.filter-row input {
  padding: 10px 17px 10px 40px;
  font-size: 0.8rem;
  border: 1px solid #e5e7f2;
  border-radius: 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #f7f7f8;
  height: 48px;
}

.filter-input:focus,
.filter-row select:focus,
.filter-row input:focus {
  outline: none;
}

.search-btn {
  padding: 5px 24px;
  background: #d92128;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.search-btn:hover {
  background: #005a9e;
}

.logo-placeholder {
  width: 100px;
  height: 48px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 6px;
}

.input-icon { position: relative; display: flex; align-items: center; width: 100%; }
.input-icon i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #1995d2; font-size: 14px; pointer-events: none; }
.input-icon input,
.input-icon select { width: 100%; padding-left: 38px; height: 40px; box-sizing: border-box; }

#real1 .filter-row.actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  text-align: end;
  margin-bottom: 0;
}

#real1 .input-icon,
#real1 .logo-placeholder,
#real1 .search-btn,
#real1 .more-filters-toggle {
  width: 100%;
}

#real2 .filter-row.actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  text-align: end;
  margin-bottom: 0;
}

#real2 .input-icon,
#real2 .logo-placeholder,
#real2 .search-btn,
#real2 .more-filters-toggle {
  width: 100%;
}

#real3 .filter-row.actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  text-align: end;
  margin-bottom: 0;
}

#real4 .filter-row.actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  text-align: end;
  margin-bottom: 0;
}

#real5 .filter-row.actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  text-align: end;
  margin-bottom: 0;
}

/* Make all filter elements full-width for ALL groups */
.sub-tab-content .input-icon,
.sub-tab-content .logo-placeholder,
.sub-tab-content .search-btn,
.sub-tab-content .more-filters-toggle {
    width: 100% !important;
    max-width: 100% !important;
}


.color-bg:hover {
    background-color: #0f7bb0;
}

.color-bg-red:hover {
    background-color: #b71b22; /* Slightly darker red */
}

.color-bg-red-rev:hover {
    background-color: #d92129;
    color: #fff;
}

.filter-row.actions a {
    display: inline-block;
}

.more-filters-toggle {
    width: unset!important;
}

.to-top:hover {
    background-color: #b71b22;
}

.show-lang span strong {
    top: 1px;
}

.pa-2 {
    padding-left: 10px;
}

.lang-icon {
    padding-right: 10px;
}

.listing-carousel-button.listing-carousel-button-next, .listing-carousel-button.listing-carousel-button-next2 {
    display: none;
}

.listing-carousel-button.listing-carousel-button-prev, .listing-carousel-button.listing-carousel-button-prev2 {
    display: none;
}

.header-sec-link a i {
    color: #55699f;
}

.hero-categories {
    margin-top: 370px;
}

.main-search-input-tabs .tabs-container, .hero-slider-item .hero-search, .hero-map-search-wrap .hero-search {
    position: absolute;
}

.search-btn:hover {
    background-color: #b71b22;
}

.section-title h2 {
    color: #221f1f;
}

.section-title p {
    color: #221f1f;
}

.save-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.grid-item-holder.gallery-items.fl-wrap .listing-item-category {
  width: 0px;
}

.no-list-style .categories-list a:hover {
  color: white;
}

.socials a:hover {
  color: #b71b22;
}


.categories-list a:hover svg {
  animation: bounce 1s!important;
}

.hero-categories li a {
    color: #4db7fe; /* blue text for the link */
}

.hero-categories li a span {
    color: #fff; /* keep spans white */
}

.listing-filters a {
    border: 1px solid #d6d4d5;
}

.listing-filters a:active {
    border: 1px solid #fff;
}

.menu-filters a, .listing-filters a {
    color: #221f1f;
}

.categories-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  padding: 10px;
}

.categories-list li a svg {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
}


@media (max-width: 1024px) {
  .no-list-style li a {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 10px;
  }
  
  #sec3 .no-list-style li a {
  text-align: unset;
}

  .vehicle-tab {
    flex: auto;
}

}


@media (max-width: 1297px) {
    .add-list {
        display: none;
    }
}
@media (max-width: 1200px) {
    .main-header:before {
    width: 55%;
}
}

.no-list-style a:hover svg {
    animation: none;
}

.socials li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.footer-contacts li span {
    color: #6274a4;
}

.footer-contacts li i{
    color: #d92129;
}

.footer-contacts li {
    min-width: 330px;
}

.subscribe-message {
    float: inline-end;
}

.cc-btn {
    color: #384f8e;
}

.process-wrap li h4 {
    color: #221f1f;
    font-weight: 900;
    font-size: 14px;
}

.process-wrap p {
    color: #757679;
    font-size: 12px;
}

.process-item {
    height: 250px;
}

@media (max-width: 1130px) {
    .process-item { height: 300px; }
}

@media (max-width: 850px) {
    .process-item { height: 360px; }
}

@media (max-width: 768px) {
    .process-item { height: auto; }
}


.footer-contacts li span i.fal.fa-phone {
    transform: scaleX(-1);
    margin-left: -7px;
    margin-right: 3px;
}

.subscribe-header h3 {
    font-weight: bold;
    font-size: 14px;
}

.subscribe-header p {
    font-size: 12px;
}

.section-title p {
    font-size: 12px;
}

.section-title h2 {
    font-size: 30px;
    font-weight: bold;
}

.promo-link {
    color: #243e83;
}

.big_prom {
    font-size: 12px;
}

.video_section-title h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.video_section-title h4 {
    font-size: 12px;
}

.listing-item-category-wrap span {
    color: rgb(35, 31, 32);
    font-size: 18px;
    font-weight: 600!important;
    margin-left: 0px;
}

.geodir-category_contacts li span {
  margin-bottom: 2px;
}

.aggelies-list li a svg,
.aggelies-list li div svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.aggelies-list li a:hover svg,
.aggelies-list li div:hover svg {
  animation: bounce 1s !important;
}

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


.aggelies-list li a,
.aggelies-list li div {
  color: #243e83;
}

.geodir-category-location a {
  color: #221f1f;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}

.geodir-category-location a svg {
  color: #243e83;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.geodir-category-content p {
    color: #6c6d70;
}

.geodir-category-content h3 a {
    color: #221f1f;
}

.section-separator:before {
    height: 1px;
}

.geodir-opt-list {
    top: 0px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.geodir-opt-list:before {
    margin-left: 7px;
}

@media (max-width: 768px) {

  .geodir-opt-list::before {
    top: -11px;
    bottom: -12px;
  }
}

@media (min-width: 769px) {

  .geodir-opt-list::before {
    top: -13px;
    bottom: -13px;
  }
}




.promo-link:hover {
    color: #243e83;
    background: #f4f7fb;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.single-facts_2 .inline-facts-wrap .num {
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    float: none;
    text-align: center;
}

.single-facts_2 .inline-facts-wrap h6 {
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
}

.icons-wrap a svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
}

.icons-wrap a:hover svg {
  animation: bounce 1s !important;
}

.icons-wrap a {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.geodir-category-opt h4 {
    font-size: 14px;
    font-weight: bold;
}

.categories-list li a span {
    font-weight: bold;
    font-size: 12px;
}

.hero-categories_title {
    font-size: 12px;
    font-weight: bold;
}

.nav-holder nav li a {
    font-size: 12px;
    font-weight: bold;
}

.add-list {
    font-weight: bold;
    font-size: 12px;
}

.hero-categories .section-separator::before {
    background-color: #fff;
}

.section-separator {
    margin: 0px 0 20px 0;
}

@media (max-width: 1025px) {
    .hero-categories {
        margin-top: 820px;
    }
}

@media (max-width: 768px) {
    .hero-categories {
        margin-top: 900px;
    }
}

@media (max-width: 480px) {
    .hero-categories {
        margin-top: 810px;
    }
}

@media (max-width: 1025px) {
    .hero-categories {
        margin-top: 820px;
    }
}

.section-separator-o {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0;
}

.section-separator-o:before {
    background-color: #d92129;
    height: 1px;
}

.section-separator-o:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 3px;
    margin-left: -25px;
    width: 50px;
    border-radius: 3px;
    z-index: 2;
}

.more-filters-toggle i {
    margin-right: 6px;
    color: #1995d2;
}

.more-filters-toggle span {
  transition: color 0.3s ease;
}

.more-filters-toggle:hover span {
  color: #373737;
}

@media (max-width: 1024px) {
    #real1 .filter-row,
    #real2 .filter-row {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
    }

    #real1 .filter-row .input-icon,
    #real1 .filter-row button,
    #real2 .filter-row .input-icon,
    #real2 .filter-row button {
        width: 100%;
    }

    #real1 .filter-row .input-icon select,
    #real1 .filter-row .input-icon input,
    #real2 .filter-row .input-icon select,
    #real2 .filter-row .input-icon input {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 1024px) {
    .footer-contacts {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0;
    }

    .footer-contacts li {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
        white-space: nowrap; /* prevents wrapping */
    }

    .footer-contacts li span {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .footer-contacts li a {
        white-space: nowrap;
    }
}

@media (max-width: 1024px) {

    #real1 .filter-row:nth-of-type(1) .logo-placeholder {
        order: -1;
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-color: #f7f7f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 32px 8px 12px;
    font-size: 14px;

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8"><polyline points="1,1 7,7 13,1" stroke="%2351659c" stroke-width="2" fill="none" /></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 8px;
}


.input-icon input::placeholder {
    color: #000;
}


.geodir-category-footer .no-list-style li a {
    padding: 0;
}

.gdop-list-link {
    font-size: unset;
}

.sub-footer {
    background: #d92128;
}

.subfooter-nav:before {
    content: '';
    position: absolute;
    right: -22px;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    width: 0px;
    background: rgba(255, 255, 255, 0.31);
}

.sub-footer .copyright {
    top: 18px;
}


.subfooter-nav {
    top: 1px;
}

@media only screen and (max-width: 768px) {
    .sub-footer .copyright {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .subfooter-nav {
        text-align: center;
    }
}

@media (max-width: 1024px) {
    #real2 .filter-row:nth-of-type(1) .logo-placeholder {
        order: -1;
    }
}

.show-reg-form i {
    color: #ffffff;
}

.header-sec-link.custom_svg_bg a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 400px 58px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiAzMSI+PHN0eWxlPi5zdDB7ZmlsbDojZjZmNmY2O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01Ny43LDExLjRjLTEuNC0xLjQtMi43LTIuOS00LjEtNC40Yy0wLjItMC4zLTAuNS0wLjUtMC44LTAuOGMtMC4yLTAuMi0wLjMtMC4zLTAuNS0wLjVDNDguNiwyLjIsNDMuNSwwLDM4LDBTMjcuNCwyLjIsMjMuNiw1LjdsMCwwYy0wLjIsMC4yLTAuMywwLjMtMC41LDAuNWMtMC4zLDAuMy0wLjUsMC41LTAuOCwwLjhjLTEuNCwxLjUtMi43LDMtNC4xLDQuNGMtNSw1LjEtMTEuNyw2LjEtMTguMyw2LjNWMzFoOS40aDguOWgzOS40aDQuOUg3NlYxNy42QzY5LjQsMTcuNCw2Mi43LDE2LjUsNTcuNywxMS40eiIvPjwvc3ZnPg==");
    top: 25px;
    left: 0;
    z-index: -1;
}


.faq-nav i {
  display: none;
}

.faq-nav li span
 {
    display: block;
    font-weight: 600;
    color: #7d93b2;
    font-size: 12px;
    padding-top: 0px;
}

.page-scroll-nav {
    display: none;
}

.copyright a{
    color: white;
}
  
.subfooter-nav span {
    color: white;
}

.breadcrumbs a:before {
    color: #d92129;
}

section#sec1 .section-title .section-subtitle {
    text-transform: unset;
}

#sec3 .section-subtitle {
    text-transform: unset !important;
}


.section-subtitle {
    color: #6ea4c9;
}

.s-s-m {
    margin: 20px 0 20px 0!important;
}

.s-s-m:before {
    height: 2px;
}

.s-s-m-l {
    margin: 20px 0 20px 0!important;
}

.s-s-m-l:before {
    height: 1px;
}

.ds-n {
    display: none;
}

.loader-wrap {
    background: #d92129;
}

.loader-inner {
    border-color: #2e3f6e;
}

.loader-inner:after {
    background: #ffffff;
}

.small-container ul.categories-list {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1025px) {
  .bg_tabs-blue {
    background-color: #243E83 !important;
    background-image: none !important;
  }
}

@media screen and (max-width: 1025px) {
  .bg_tabs-red {
    background-color: #d92128 !important;
    background-image: none !important;
  }
  
}

@media screen and (max-width: 1025px) {
.dis-n-tb {
    display: none;
}
}

.show-lang:hover span strong {
  color: #4DB7FE;
}

.red-bg{
    background-color: #d92128;
}

.lang-tooltip li a:before{
    color: #4DB7FE;
}

.loader-inner {
    border-color: #ffffff;
}

body {
    background: #fff;
}

.float-btn-1 {
    float: left;
    margin-top: 32px;
}

.btn-1 {
    padding: 12px 55px 12px 55px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    transition: all 200ms 
linear;
}

.bold-facts .inline-facts-wrap .num{
    color: #d92129;
}

.bold-facts .inline-facts-wrap:before {
    background: #d92129;
}

.bold-facts .inline-facts-wrap h6 {
    color: rgb(109, 110, 112);
}

section.absolute-wrap_section-1 {
    padding-bottom: 70px;
}

.gray-bg-1 {
    background: #f1f0ef;
}

.vid-pad {
    padding: 120px 0 110px 0!important;
}

.about-icon-3-height {
    height: 39px!important;
}

.features-box p {
    color: rgb(35, 31, 32);
}

.features-box h3 {
    color: rgb(35, 31, 32);
}

.features-box {
    border: 1px solid #a0abc9;
}

@media screen and (max-width: 767px) {
  .ab_text .btn-1 {
    display: block;
    margin: 20px auto 0 auto;
    float: none !important;
    text-align: center;
  }
}

.ab_text-title h4 {
    color: rgb(0, 0, 0);
}

.ab_text-title h3 {
    color: rgb(35, 31, 32);
}

.about-wrap p {
    color: rgb(109, 110, 112);
}

#sec1 .section-title > p {
  color: #000;
}

.video_section-title h4 {
    font-weight: 300;
}


.parallax-section .section-title h2 .font-30 {
    font-size: 30px;
}

.parallax-section .breadcrumbs {
    font-size: 12px;
}

#sec1 h2 {
    font-size: 25px;
}

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

.font-25 {
    font-size: 25px!important;
}

.bold-facts .inline-facts-wrap h6 {
    font-size: 12px;
}

.bold-facts .inline-facts-wrap .num {
    font-size: 60px;
}

.faq-section p {
    text-align: left;
    color: rgb(109, 110, 112);
    line-height: 1.5em;
    font-size: 14px;
}

.accordion a.toggle.act-accordion {
    background: #ffffff;
}
.accordion a.toggle.act-accordion {
    color: #000000;
}

.accordion a.toggle span {
    background: #d92129;
}

.faq-title {
    font-weight: bold;
    font-size: 18px;
    color: rgb(35, 31, 32);
}

.faq-nav li span {
    color: rgb(35, 31, 32);
}

.faq-nav a.act-scrlink span {
    color: #4db7fe;
}

@media (max-width: 1024px) {
  .desktop-br {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
    .single-facts .inline-facts-wrap {
        width: 50%;
    }
}

@media (max-width: 1024px) {
  .single-facts .inline-facts-wrap:nth-of-type(2)::before {
    display: none;
  }
}

@media only screen and (max-width: 650px) {
    .single-facts .inline-facts-wrap {
        width: 100%;
    }
}

.list-author-widget-contacts li span {
    min-width: auto;
}

.color-bg-black {
    background-color: #000;
}

.banner-wdget-content a {
    padding: 10px 50px;
    box-shadow: unset;
}

.btn {
    padding: 12px 55px 12px 55px;
}

.list-widget-social li a {
    background: unset;
}

.socials li a {
    color: #d92129;
}

.socials li a:hover {
    color: #b71b22;
}

.list-widget-social li a:hover{
    background-color: unset;
}

.list-author-widget-contacts li span i.fal.fa-phone {
    transform: scaleX(-1);
    margin-right: 3px;
}

.list-author-widget-contacts li span i {
    color: #d92129;
}

.list-widget-social li {
    margin-right: 0px;
}

.custom-form-ast input[type="text"] {
        padding: 14px 15px;
}

.list-author-widget-contacts li span {
    color: #656363;
}

.list-author-widget-contacts li a {
    color: #231f20;
}

.custom-form-ast input[type="text"], .custom-form-ast textarea {
    background: #f1f0ef;
    color: #afb1b4;
    border: 0px;
}

.parallax-section .section-title h2 {
    font-size: 30px;
}

@media (max-width: 1240px) {
    .list-author-widget-contacts li a {
        margin-left: 7px;
    }
    
    .list-author-widget-contacts.bwc-padside {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .no-list-style li .p-0 {
        padding: 0;
    }
}

.ab_text-title h3 {
    font-size: 25px;
}

.about-wrap p {
    font-size: 14px;
}

.custom-form-ast input[type="text"] {
    font-size: 14px;
}

.box-widget-item,
.box-widget-item span,
.box-widget-item a,
.box-widget-item li {
    font-size: 12px;
}

.section-subtitle {
    top: -25px;
}

.email-link {
    color: #1694d2;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.email-link:hover {
    text-decoration: underline;
    opacity: 0.85;
}

.list-author-widget-contacts ul.no-list-style li {
  display: flex;
  align-items: center;
}

.listing-item-container .listing-avatar {
    display: block;
}

.listing-item-container .geodir-category-opt
.listing-item-container .geodir-js-favorite_btn{
    display: none;
}

.color2-bg {
    background: #3f3f3fb8;
}

.listing-item .geodir-category-content .listing-item-category {
    background-color: unset;
    width: 0px;
}

.ss-slider-cont {
    box-shadow: 0px 0px 0px 4px rgb(131 131 131 / 40%);
    color: #2e3f6e;
}

.ss-slider-cont:hover {
    background-color: #2e3f6e;
    color: #fff;
    transition: all 0.3s ease;
}

.fa-search-plus {
    font-size: 15px;
}

.custom-sticker {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #d92129;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 500;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    pointer-events: none;
}

.custom-sticker-flag {
    position: absolute;
    top: 15px;
    left: 15px;
    right: auto;

    background: #1f8ed6;
    color: #fff;
    font-size: 13px;
    padding: 5px 18px 5px 10px;

    border-radius: 4px 0 0 4px;

    clip-path: polygon(0 0, 100% 0, 100% 6%, calc(100% - 12px) 50%, 100% 95%, 100% 100%, 0 100%);
}

.custom-image-counter {
  position: absolute;
  bottom: 25px;
  left: 15px;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 10;
  pointer-events: auto;
}

.custom-image-counter i {
  font-size: 14px;
}

.listing-inline-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #555;
  margin-top: 3px;
}

.listing-inline-info .listing-location-text i,
.listing-inline-info .listing-location-text svg
{
  color: #007BFF;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 300;
  width: 12px;
}

.listing-inline-info .listing-price-text i,
.listing-inline-info .listing-price-text svg
{
  color: #007BFF;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 300;
  width: 17px;
}

.listing-location-text{
    font-size: 12px!important;
    font-weight: 300 !important;

}

.vehicle-specs-row {
  display: flex;
  gap: 10px;
  margin: 5px 0;
  flex-wrap: nowrap;
}

.vehicle-spec {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #6c6d70;
}

.vehicle-spec i,
.vehicle-spec svg
{
  margin-right: 1px;
  color: #1694d2;
  width: 3em;
}

.listing-item-category {
    margin-right: 0px;
}

.list-main-wrap-header.fl-wrap.fixed-listing-header {
    width: 100% !important;
}


.filter-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 14px 40px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 48px;
}

.filter-toggle-btn:hover {
    background-color: #f2f2f2;
    border-color: #ccc;
}

.filter-toggle-btn i {
    font-size: 14px;
}

@media screen and (min-width: 769px) {
  .gdop-list-link {
    font-size: 16px !important;
  }
}


.listing-item.has_one_column .geodir-category-footer {
    margin: 20px 0 0 0;
    top: 77px;
}

.listing-item.has_one_column .geodir-opt-list:before {
    top: -22px;
    bottom: -22px;
}

.filter-tag {
    display: inline-block;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 5px;
    font-size: 14px;
}

.filter-tag .remove-filter {
    margin-left: 8px;
    cursor: pointer;
    color: #c00;
}

#clear-filters > i.fal.fa-redo {
  position: unset;
  color: #d92129;
  font-weight: bold;
}

#clear-filters {
  color: #d92129;
  border: 2px solid #d92129;
  background: #fff;
  height: 48px;
}

#clear-filters:hover {
  background-color: #d92129;
  color: #fff;
  border-color: #d92129;
  cursor: pointer;
}

#clear-filters:hover > i.fal.fa-redo {
  color: #fff;
}

.margin-top-p {
  transition: margin-top 0.3s ease;
}

@media (min-width: 1075px) {
.margin-top-p {
  margin-top: 90px;
}
}

.color-ice-p {
    background: #f7f7f8;
}

.header-search-button:hover i {
    color: #fff;
}

.display-desktop-only-p .listsearch-input-item {
  margin-bottom: 0;
}


@media (min-width: 1064px) and (max-width: 1767px) {
    .header-search-button i {
        padding-right: 0;
    }
}

.listing-item-category-wrap span {
    font-size: 16px;
}

.filter-toggle-btn {
    width: 100%;
}

.filter-toggle-btn {
    justify-content: center;
}

.display-on-mobile-p {
  display: none;
}

.d-none {
    display: none;
}

@media (max-width: 1110px) {
  .display-on-mobile-p {
    display: block;
  }
  .vehicle-spec {
     display: unset;
     width: 100%;
}
.listsearch-input-item {
    margin-bottom: 12px;
}
}

/* .nice-select.open .list {
  max-height: 200px;
  overflow-y: auto;
  touch-action: auto;
} */

.listsearch-input-wrap_contrl li {
    float: unset;
    width: auto;
}

.display-desktop-only-p {
  display: none;
}

@media (min-width: 1075px) {
  .display-desktop-only-p {
    display: block;
  }
}

@media (min-width: 1070px) {
  .display-desktop-only-p-2 {
    display: block;
  }
}

@media (max-width: 1070px) {
  .display-desktop-only-p-2 {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1075px) {
    .listing-inline-info {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 14px;
      color: #555;
}
}

.color2-bg-p {
    background: #384F95;
}

#lisfw {
  display: none;
}

.mg-right {
    margin-right: 12px;
}

.listing-item.has_one_column .geodir-category-footer {
    padding: 9px 20px;
}

.geodir-category-footer {
    padding: 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.geodir-opt-list ul.no-list-style li a svg,
.geodir-opt-list ul.no-list-style li div svg {
  width: 16px;
}

.geodir-opt-list a:hover svg,
.gdop-list-link:hover svg,
.header-sec-link a:hover svg,
.hero-categories li a:hover svg {
    transition: all 0.2s ease-in-out;
    animation: bounce 1s;
}

.geodir-opt-list a:hover svg,
.gdop-list-link:hover svg {
    color: #d92129;
}

.geodir-opt-list a,
.geodir-opt-list .gdop-list-link {
  display: flex;
}

.geodir-opt-list .fa-heart {
  font-weight: 500;
}

.listing-hero-section {
    padding: 500px 0 0;
}

.bg-img-insider {
    background-image: url('/images/car-insider.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.scroll-nav li a.act-scrlink:before {
    background: #d92129;
}

.no-top-padding-p {
    padding: 60px 0;
}

.scroll-nav li a {
    padding: 20px 0px 35px 0;
}

.lw-p {
    font-weight: 100;
}

.scroll-nav-wrapper-opt-btn i {
    color: #fff !important;
}

.scroll-nav-wrapper-opt-btn:hover i {
    color: #d92129 !important;
}

.scroll-nav-wrapper-opt a.scroll-nav-wrapper-opt-btn {
    background: #d92129;
    border-radius: 4px;
}

.scroll-nav li a.act-scrlink {
    color: unset;
}

.add-comment label {
    display: none;
}

.custom-form-ast .clear-singleinput {
    bottom: 36px;
}

.ss-slider-cont {
    color: #ffffff;
}

.custom-select {
    float: left;
    width: 100%;
    padding: 14px 15px;
    border-radius: 4px;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 20px;
    background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px;
    background: #f1f0ef;
    color: #afb1b4;
    border: 0px;
}

.text-left {
    text-align: left!important;
}

.mt-2 {
    margin-top: 1em;
}

.before-none::before {
    content: none !important;
    display: none !important;
}

.bd-none {
    border: none;
}

.d-flex {
    display: flex;
}

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

.contact-user-custom {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
}

.listing-rating i {
    font-size: 18px;
}

.box-widget-author-title {
    padding: 30px 30px 30px 30px;
}

.custom-label-p {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: #666;
    color: #878C9F;
    font-size: 13px;
    font-weight: 500;
}

.custom-label-p i {
    padding-right: 12px;
    font-size: 14px;
    position: absolute;
    top: 15px;
    left: 16px;
}

.clear-singleinput {
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

form.custom-label-p .listsearch-input-item.clact.date-container2 > label > i.fal.fa-calendar {
    color: #d92129;
}

.mb-2 {
    margin-bottom: 1em;
}

.mtb-2 {
    margin: 1em 0;
}

.w-100 {
    width: 100%;
}

.justify-center {
    justify-content: center;
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-wrapper::after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 36%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #78797b;
    font-size: 14px;
}

.custom-select-wrapper select.custom-select {
    width: 100%;
    padding-right: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    height: 49px;
}

.list-single-main-item_content .listing-features li a {
    font-size: 11px;
}

.daterangepicker .drp-buttons .btn.btn-primary {
    background: #d92129;
}

.video-wrapper {
    max-width: 800px;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.listing-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 10px 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.listing-columns li {
  font-size: 14px;
  color: rgb(109, 110, 112);
  padding: 4px 0;
}

.listing-columns li strong {
  font-weight: 600;
  color: #6c6d70;
  margin-right: 4px;
}

.gray-bg-l {
    background: #f7f7f9;
}

.clear-singleinput-1 {
    position: absolute;
    right: 50px;
    bottom: unset;
    z-index: 3;
    top: 2px;
    cursor: pointer;
    color: #E9776D;
}

.vehicle-spec span {
  width: 100%;
}

.nice-select.open .list {
  z-index: 6;
}

@media (max-width: 768px) {
  .listing-hero-section {
    padding: 200px 0 0;
  }
}

.listsearch-input-item span.iconn-dec {
    bottom: 16px;
}

.custom-filter-options {
    width: auto;
    margin-left: 4em;
}

#active-filters-bar {
    display: none;
}

#active-filters-bar.visible {
    display: block;
}

.box-widget-item-header h3, .list-single-main-item-title h3, .list-single-main-item_subtitle h4 {
    font-size: 16px;
    font-weight: bold;
    color: rgb(35, 31, 32);
}

.list-single-main-item p, .accordion-inner p, .author-content p, .about-wrap p, .user-profile-header_content p {
    text-align: left;
    color: rgb(109, 110, 112);
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
}

.box-widget-author-title_content a {
    color: rgb(22, 148, 210);
}

.list-main-wrap-title h2 {
    font-weight: bold;
    font-size: 16px;
    color: rgb(35, 31, 32);
}

.price-opt-title {
    color: rgb(35, 31, 32);
}

/*.nice-select {*/
/*    font-weight: 600;*/
/*    color: rgb(35, 31, 32);*/
/*}*/

.filter-toggle-btn {
    font-size: 12px;
    font-weight: bold;
}

.listsearch-input-item .header-search-button span {
    font-weight: bold;
}

.scroll-nav li a svg {
    margin-right: 10px;
    font-size: 13px;
    position: relative;
    top: 2px;
    font-weight: 600;
    color: #4db7fe;
    width: 18px;
    vertical-align: bottom;
}

.list-single-main-item_content .listing-features li svg {
    width: 30px;
    height: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    background: #F5F6FA;
    position: relative;
    float: left;
    margin-right: 10px;
    top: -8px;
    font-size: 11px;
    color: #1694d2;
}

.box-media-zoom {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4);
}

  /* Show/hide based on screen width */
  @media (max-width: 768px) {
    .show-desktop { display: none !important; }
    .show-mobile { display: block !important; }
  }
  @media (min-width: 769px) {
    .show-desktop { display: block !important; }
    .show-mobile { display: none !important; }
  }
  
.z-index-low {
  z-index: 2 !important;
}

body.modal-active .z-index-low {
  z-index: 1 !important;
}

.offer-modal-content textarea {
  width: 100%;
  min-height: 80px;
  max-height: 200px;
  resize: vertical;
  box-sizing: border-box;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .list-single-main-item_content .listing-features li svg {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .list-main-wrap-header.fl-wrap.fixed-listing-header {
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 1478px) {
    .header-search_btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border-radius: 100%;
        top: 22px;
    }
        .header-search_btn i {
        margin-right: 0;
    }
        .header-search_btn span, .header-search_container:before {
        display: none;
    }
        .header-search_btn {
        margin-left: 30px;
    }
}

.mxw-unset {
    max-width: unset;
}

.scroll-nav {
  flex: 1 1 auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  scrollbar-width: none;
}

.scroll-nav::-webkit-scrollbar {
  display: none;
}

.scroll-nav ul {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.scroll-nav li {
  flex: 0 0 auto;
}

.scroll-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 6px;
  color: #1694d2;
  transition: background 0.2s;
}


.scroll-nav-wrapper .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  overflow: visible;
}

.scroll-nav-wrapper-opt {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 10px;
}

@media (max-width: 992px) {
    .scroll-nav-wrapper-opt {
        gap: 0px;
    }
}
.scroll-nav-wrapper-opt-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f5f5f5;
  color: #333;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s;
}

.scroll-nav-wrapper-opt-btn:hover {
  background: #e8e8e8;
}

@media (max-width: 992px) {
  .scroll-nav-wrapper .container {
    flex-direction: unset;
    align-items: stretch;
    gap: 10px;
  }

  .scroll-nav-wrapper-opt {
    order: 1;
    align-self: flex-end;
  }

  .scroll-nav {
    order: 2;
  }
}

.scroll-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  white-space: nowrap;    
  line-height: 1;      
  height: 40px;        
  padding: 0 14px;   
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  color: #1694d2;
  transition: background 0.2s;
}

.scroll-nav svg,
.scroll-nav i {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
  margin-right: 6px;
}

.scroll-nav ul {
  align-items: center;
}

.scroll-nav li {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.scroll-nav-wrapper-opt {
    top: 0px;
}

@media only screen and (max-width: 992px) {
    .scroll-nav {
        display: none;
    }
}

@media only screen and (min-width: 1071px){
    .always-fixed {
        position: fixed!important;
        z-index: 1000!important;
        top: 80px!important;
    }
}

@media only screen and (max-width: 992px) {
    .scroll-nav-wrapper {
        padding: 15px 0;
    }
    
    .list-single-main-item_content .listing-features li svg {
        position: relative;
    }
}

@media (max-width: 768px) {
  #sec3 .list-single-main-item_content .listing-features ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .no-list-style li a {
      justify-content: unset;
  }
    .list-single-main-item_content .listing-features li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
  }

  .list-single-main-item_content .listing-features li a {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    text-decoration: none;
    color: #878C9F;
    font-weight: 600;
    line-height: 1.2;
  }
  
  #sec3 .list-single-main-item_content .listing-features li {
  margin: 0;
  }


  .list-single-main-item_content .listing-features li svg {
    flex-shrink: 0;
  }
  
    #sec3 .list-single-main-item_content .listing-features.listing-features ul {
    gap: 0;
  }
  
}

@media (max-width: 819px) {
  #closePopup {
    margin-top: 2em;
  }
}

.daterangepicker .drp-buttons {
    text-align: center;
}

.daterangepicker .drp-buttons .btn {
    background: #4db7fe;
}

.custom-select option {
  background-color: #fff;
  border: none;
}

.custom-chosen-remake {
    padding-left: 20px;
    color: #afb1b4;
    background: #f1f0ef;
    font-weight: unset;
}

.custom-chosen-remake::before {
    content: unset;
}

.back-tofilters i {
    color: #ffffff;
}

.pt-2 {
    padding-top: 2em;
}

.pt-0 {
    padding-top: 0!important;
}

.listing-item-category-wrap {
    float: left;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 1070px) {
    .main-menu nav ul, .main-footer .footer-wave, .counter-widget:before, .back-tofilters, .lws_mobile, .show-hidden-sb, .top-breadcrumbs {
        display: none!important;
    }
}

.bg-white {
    background-color: #fff;
}

.more-options-btn {
    cursor: pointer;
    color: #566985;
}

@media (max-width: 1024px) {
    .centered-c {
        padding: unset!important;
        justify-content: center!important;
    }
}

@media (max-width: 1070px) {
    .vh95 {
        height: 92vh!important;
    }
    .filter-tags label {
        padding: 0 0 0 10px;
    }
    .mob-nav-content-btn {
        margin-bottom: 0!important;
    }
    .mncb_half:first-child {
        border-radius: unset;
    }
    .mncb_half {
        border-radius:unset;
    }
    .footer-list li:before {
    top: 2px;
    }
    .to-top {
        right: 18px;
    }

    .to-top {
        bottom: 116px;
    }
}

@media only screen and (max-width: 1336px) {
    .main-header {
        padding: 0 20px;
    }
}

.mobile-bottom-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
  z-index: 9999;
}

.mobile-bottom-buttons .mob-nav-content-btn {
  flex: 1;
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}

.footer-list li:before {
    top: 2px;
}

.color-blg {
    color: #888DA0;
}

.mobile-only { display: none; }
@media (max-width: 1075px) { 
    .mobile-only { display: block; }
}
.offcanvas-panel {
    position: fixed;
    top: 0; right: -100%;
    width: 300px; height: 100%;
    background: #fff;
    z-index: 9999;
    transition: right 0.3s ease;
}
.offcanvas-panel.active { right: 0; }

@media (max-width: 1075px) {
  .mb-4-mobile {
    margin-bottom: 3em;
}
}

@media (min-width: 1070px) {
  .mt-4pc {
    margin-top: 84px;
}
}
@media (max-width: 1063px) {
  #filters-column + .scrl-content .tabs-container {
    display: none !important;
  }
}
@media (max-width: 1700px) {
.display-none-17 {
    display: none;
}
}


@media (min-width: 1075px) and (max-width: 1500px) {
    .filter-toggle-btn {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .filter-toggle-btn {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1070px) {
    .width-mobile-fix {
        width: 100%!important;
    }
    
    .listing-modal-content {
        margin: unset!important;
    }
    .mt-mobile-0 {
        margin-top: 0!important;
    }
    .listing-modal-content {
        border-radius: 0px!important;
    }
}

.filter-sidebar-header .tabs-menu li.current {
    border: none;
}

.fl-unset {
    float: unset;
}

.cls-1 {
    fill: currentColor !important;
}

#listingModal .listing-inner-slider .swiper-slide img,
#listingModal .listing-inner-slider .swiper-slide-video .listing-video {
    height: 400px;
    width: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    background: #fff;
}

@media (max-width: 1075px) {
  #listingModal .listing-inner-slider .swiper-slide img,
  #listingModal .listing-inner-slider .swiper-slide-video .listing-video {
    height: 550px;
  }
}

@media (max-width: 767px) {
  #listingModal .listing-inner-slider .swiper-slide img,
  #listingModal .listing-inner-slider .swiper-slide-video .listing-video {
    height: 250px;
  }
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: .4375rem;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .25rem;
    box-shadow: 0 0 .0625rem hsla(0, 0%, 100%, .5);
}

@media (max-width: 1075px) {
  ::-webkit-scrollbar {
    display: none;
  }

  * {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}


.fw-3 {
    font-weight: 300;
}

.custom-multiselect {
  position: relative;
  width: 100%;
  font-size: 0.85rem;
}

.custom-multiselect .select-box {
  background-color: #f9f9f9;;
  border: 1px solid #e5e7f2;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 12px;
  color: #7d93b2;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  padding-right: 34px;
}

.custom-multiselect .dropdown-options {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 999;
  padding: 0px;
  max-height: 220px;
  overflow-y: auto;
}

.custom-multiselect.open .dropdown-options {
  display: block;
}

.custom-multiselect .dropdown-options label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 12px;
  color: #7d93b2;
  min-height: 40px;
  padding-left: 10px;
}

.custom-multiselect .dropdown-options label:hover {
  background: #f7f7f8;
}

.custom-multiselect .dropdown-options input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin: 0;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.2s ease;
}

.custom-multiselect .dropdown-options input[type="checkbox"]:checked::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 20;
  color: #4db7fe;
  font-weight: 500;
}

.custom-multiselect .dropdown-options input[type="checkbox"]:checked {
  background-color: #fff;
}

.custom-multiselect .select-box::after {
    content: '';
    position: absolute;
    right: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #4b5f98;
    border-bottom: 1px solid #4b5f98;
    transform: rotate(45deg);
    transform-origin: 66% 66%;
    transition: all 0.2s 
    ease-in-out;
    pointer-events: none;
    margin-top: -3px;
}

.custom-multiselect.open .select-box::after {
  transform: rotate(-135deg);
  border-color: #4b5f98;
}

.custom-multiselect .select-box::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c9";
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  left: 16px;
  top: 52%;
  transform: translateY(-50%);
  color: #4db7fe;
}

.custom-multiselect .select-box {
  padding-left: 35px;
}

.nice-select:after {
    border-color: #4b5f98;
}

.nice-select:after {
    border-bottom: 1px solid #4b5f98;
    border-right: 1px solid #4b5f98;
}



.onoffswitch-inner:after {
    background-color: #d92129;
}

.custom-number-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.custom-number-input input[type="number"] {
  width: 100%;
  padding: 10px 36px 10px 12px; /* space for arrows */
  font-size: 12px;
  color: #7d93b2;
  border: 1px solid #e5e7f2;
  border-radius: 6px;
  background-color: #f7f7f8;
  height: 48px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  appearance: textfield;
}

.custom-number-input input[type="number"]:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  outline: none;
}

.custom-number-input input[type=number]::-webkit-inner-spin-button,
.custom-number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.number-controls {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.number-controls .arrow {
  border: none;
  background: none;
  cursor: pointer;
  line-height: 1;
  padding: 2px 0;
  color: #4b5f98;
  transition: color 0.2s ease, transform 0.2s ease;
  font-size: 11px;
}

.number-controls .arrow:hover {
  color: #4b5f98;
  transform: scale(1.1);
}

.range-year-group {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}

.range-year-group .custom-number-input {
  flex: 1;
}

.date-range-pair {
  display: flex;
  align-items: center;
  gap: 6px;
}

.date-range-pair .date-container {
  flex: 1;
  position: relative;
}

.date-range-pair .date-container input[type="text"] {
  width: 100%;
}

.date-range-pair .date-separator {
  font-weight: 600;
  color: #221f1f;
  white-space: nowrap;
}

.daterangepicker {
  z-index: 99999 !important;
}

.act-widget-header {
    position: relative;
    border-radius: 6px;
    background: #f6f6f6;
    padding: 10px 20px;
    border: 1px solid #e5e7f2;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
}

.act-widget.fl-wrap .act-widget-header h4 {
  color: #7d93b2;
  font-weight: 100;
}

.onoffswitch-inner:before {
    content: "Ναι";
    padding-left: 8px;
    background-color: #1694d1;
    padding-right: 55px;
}

.onoffswitch-inner:after {
        content: "Όχι";
        padding-right: 10px;
}

.onoffswitch-switch {
    width: 25px;
    border-radius: 999px;
}

.onoffswitch {
    width: 100px;
}

.onoffswitch-switch {
    right: 67px;
}

.filter-sidebar,
.fs-viscon,
.scrl-content {
  overflow: visible !important;
}

.custom-multiselect .selected-text {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.display-n {
    display: none;
}

.filter-sidebar .filter-tags li {
    width: auto;
}

.filter-title-inline {
  display: block;
  font-size: 14px;
  font-weight: 100;
  color: #7d93b2;
  margin-bottom: 8px;
  line-height: 1.4;
  text-align: left;
}

.mb-0 {
    margin-bottom: 0!important;
}

@media (max-width: 1390px) {
  .filter-actions.fl-wrap {
    align-items: center;
  }

  .filter-actions .clear-filter-btn,
  .filter-actions .more-options-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding: 0px;
    height: 48px;
    white-space: nowrap;
  }

  .filter-actions .clear-filter-btn i,
  .filter-actions .more-options-btn i {
    margin-right: 8px;
    position: relative;
    top: 0;
  }
}

#moreFiltersPanel .onoffswitch-inner::before {
  padding-left: 6px !important;
}

#mobileFiltersPanel .onoffswitch-inner:before {
  padding-left: 6px;
}


@media (max-width: 1070px) {
  #mobileFiltersPanel {
    left: auto;
    right: 0;
    width: 100vw;
    height: 100vh;
    transform: translateX(100%);
    transition: transform 0.35s ease;
  }

  #mobileFiltersPanel.active {
    transform: translateX(0);
  }
}

.border_gre1 {
    border: 1px solid #e5e7f2!important;
}

.custom-multiselect .dropdown-options::-webkit-scrollbar {
  width: 12px;
  background: #eee;
}

.custom-multiselect .dropdown-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ccc;
}

.custom-multiselect .dropdown-options::-webkit-scrollbar-track {
  background: #eee;
}


#moreFiltersPanel::-webkit-scrollbar {
  width: 8px !important;             /* thinner */
  background: #f2f2f2 !important;
}
#moreFiltersPanel::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #bbb;
}
#moreFiltersPanel::-webkit-scrollbar-track {
  background: #f2f2f2;
}

.custom-number-input input::placeholder {
  color: #7d93b2;
  opacity: 1;
}

.date-range-pair input::placeholder {
  font-size: 12px;
}

.filter-section-title {
  font-size: 16px;
  font-weight: 700;
  margin: 20px 0 10px 0;
  padding-bottom: 10px;
  color: #000;
  text-align: left;
}

.filter-sidebar-header {
    margin-bottom: 0;
    padding: 25px 30px 0;
}

#mobileFiltersContent .more-options-btn {
    display: none !important;
}

.sub-tab-content .filter-row .listsearch-input-item {
    margin-bottom: 0;
}

.listsearch-input-item input::placeholder {
    color: #7d93b2;
    font-size: 12px;
}

.dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    z-index: 9999;
}

.filter-row {
    overflow: visible !important;
}


.custom-multiselect .dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    display: none;
    z-index: 9999;
}

.custom-multiselect.open .dropdown-options {
    display: block;
}

.more-filters-cell {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.listsearch-input-item.custom-multiselect .dropdown-options label {
    padding: 8px 17px 8px 17px !important;
}

#offcanvasOverlay {
    pointer-events: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in-out;
}

.onoffswitch-checkbox:checked + .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-inner:before {
  content: "Ναι";
  background: #1694d1;
  color: white;
  float: left;
  width: 50%;
  text-align: center;
}

.onoffswitch-inner:after {
  content: "Όχι";
  background: #d92129;
  color: white;
  float: left;
  width: 50%;
}

.onoffswitch-switch {
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 25px;
  right: 64px;
  background: #fff;
  border-radius: 999px;
  transition: all 0.3s ease-in-out;
}

.onoffswitch-checkbox:checked + .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-inner + .onoffswitch-switch {
  right: 2px;
}


.toggle-filter-btn .fa-clock {
    display: none;
}

.custom-multiselect .dropdown-options input[type="checkbox"] {
    padding: 0;
}

/* MOBILE LAYOUT FOR INDEX FILTERS */
@media (max-width: 768px) {

    /* Scope to the homepage search block */
    .main-search-input-tabs .filters {
        width: 100%;
    }

    /* Each filter-row becomes a vertical stack */
    .main-search-input-tabs .filters .filter-row,
    .main-search-input-tabs .filters .filter-row.last-row,
    .main-search-input-tabs .filters .filter-row.actions {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        width: 100%;
    }

    /* Every child inside a row takes full width */
    .main-search-input-tabs .filters .filter-row > *,
    .main-search-input-tabs .filters .listsearch-input-item,
    .main-search-input-tabs .filters .input-icon,
    .main-search-input-tabs .filters .act-widget,
    .main-search-input-tabs .filters .more-filters-cell {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    /* Search buttons: big full-width CTA */
    .main-search-input-tabs .filters .search-btn {
        width: 100% !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    /* Optional: hide LOGO in narrow layout */
    .main-search-input-tabs .filters .logo-placeholder {
        display: none;
    }
}

/* DESKTOP GRID FOR ALL TAB GROUPS */
.sub-tab-content .filter-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    overflow: visible !important;
}


/* MOBILE OVERRIDE FOR REAL1–REAL5 FILTER ROWS */
@media (max-width: 768px) {

    /* Stack all rows vertically */
    .sub-tab-content .filter-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        grid-template-columns: none !important;
    }

    /* Children inside rows become full width */
    .sub-tab-content .filter-row > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    /* Search button full width */
    .sub-tab-content .filter-row .search-btn {
        width: 100% !important;
    }

    /* Hide logos everywhere */
    .sub-tab-content .filter-row .logo-placeholder {
        display: none !important;
    }
}

@media (max-width: 1025px) {
    #tab-inpt3 .hero-categories {
        margin-top: 860px !important;
    }
}

@media (max-width: 1025px) {
    .small-container:has(.tabs-menu li:nth-child(3).current) .hero-categories {
        margin-top: 860px !important;
    }
}

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

.geodir-category-content p {
    min-height: 61px;
}

.listing-item {
    margin-bottom: 16px;
}

.sticker-2 {
    right: unset;
    left: 15px;
}

.sticker-3 {
    right: unset;
    left: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.la-remake {
    top: 45px;
    right: 20px;
}

.listing-read-more-btn {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
}

.listing-read-more-btn:hover {
    text-decoration: none;
    border-color: rgba(0,0,0,.2);
}

.listing-item .geodir-category-content p.small-text {
    text-align: left;
    font-size: 12px;
    color: #999;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 10px;
}


.listing-item .geodir-category-text p.small-text {
    text-align: left;
}

.listing-item .geodir-category-text .listing-read-more-btn {
    display: inline-block;
    float: left;
    margin: 6px 0;
    width: auto;
    text-align: left;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.12);
    text-decoration: none;
    /* optional: font-size, etc */
}

.listing-item .geodir-category-text .vehicle-specs-row {
    clear: both;
}

.listing-item .geodir-category-text .listing-read-more-btn:hover {
    background: #1694d2;
    border-color: #1694d2;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
    text-decoration: none;
}

.geodir-category-footer.custom-footer-info .listing-price-text {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.geodir-category-footer.custom-footer-info .listing-price-text .price-period {
    font-size: 11px;
    font-weight: 400;
    color: #999;
    opacity: 0.7;
    top: 0px;
}

.custom-image-counter {
  position: absolute;
  left: 15px;
  bottom: 25px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  z-index: 10;
}

.custom-image-counter-pill {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.custom-image-counter-pill i,
.custom-image-counter-pill .counter-text {
  pointer-events: none;
}

.custom-video-badge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.7);
  background-color: rgba(0,0,0,0.7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.custom-video-badge i {
  font-size: 11px;
  color: #fff;
  pointer-events: none;
}

.custom-video-badge:hover {
  background-color: rgba(0,0,0,0.9);
  transform: scale(1.05);
}

.swiper-slide-video .geodir-category-img-wrap {
  display: block;
}

.swiper-slide-video .listing-video {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
  object-fit: cover;
}

.swiper-slide-video .geodir-category-img-wrap {
  position: relative;
}

.left-100 {
    left: 100px;
}

.padding-3 {
    padding: 3px;
}

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

.fa-play:before {
    margin-left: 2px;
}

.swiper-slide-video .listing-video {
    position: static;          /* kill the global relative/ratio hack */
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: #000;
    object-fit: cover;
}

.swiper-slide-video .geodir-category-img-wrap {
    position: relative;
}

.one-lineH {
    height: 14px;
}

.card-textH {
    position: relative;
    overflow: hidden;
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.geodir-category-img-wrap:before {
    z-index: 0;
    background: unset;
}

.small-text .read-more-link {
    color: #007bff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
}

.small-text .read-more-link:hover {
    text-decoration: underline;
}

.geodir-category-img .listing-inner-slider .swiper-slide img,
.geodir-category-img .listing-inner-slider .swiper-slide-video .listing-video,
.geodir-category-img .listing-inner-image .geodir-category-img-wrap img {
    width: 100%;
    height: 306px;
    object-fit: contain;
    object-position: center;
    display: block;
    background: #fff;
}

.video-play-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-size: 32px;
    color: #fd0000;
    text-shadow: 0 0 8px rgb(147 6 6 / 80%);
}

#listingModal .video-play-overlay {
    display: none !important;
}

@media (max-width: 1070px) {
  .listing-modal-content {
    max-width: 100%!important;
  }
}

.geodir-category-img {
    position: relative;
}

.listing-stickers {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.listing-stickers .custom-sticker,
.listing-stickers .custom-sticker-flag {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    pointer-events: auto;
}

.geodir-category-img .listing-stickers.listing-stickers--image {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    max-width: 100%;
    z-index: 10;
}

.geodir-category-listing {
    position: relative;
}

.geodir-category-listing > .listing-stickers.listing-stickers--noimage {
    position: relative;
    top: 15px;
    left: 15px;
    right: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 94%;
    margin: 0;
    z-index: 10;
}

.main-register-wrap.modal {
    top: 80px;
    height: calc(100% - 80px);
    background: transparent;
    overflow: hidden;
}

.main-register-wrap.modal .reg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.main-register-wrap.modal .main-register-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 400px;
    margin: 0;
    z-index: 2;

    display: flex;
    align-items: stretch;
}

.main-register-wrap.modal .main-register {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    overflow-y: hidden;
}

.main-register-wrap.modal .modal_main {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transform: translateX(100%);
    opacity: 0;
}

.main-register-wrap.modal .modal_main.vis_mr {
    transform: translateX(0);
    opacity: 1;
}

@media (max-width: 1024px) {
    .main-register-wrap.modal .main-register-holder {
        max-width: 100%;
    }
}

.main-register {
    box-shadow: unset;
}

.soc-log a {
    border-radius: unset;
}

.main-register_title {
    text-align: center;
    padding-left: unset;
}

.main-register-logo {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    height: auto;
}

.main-register_title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    background: #fff;
}

.main-register-logo {
    height: 32px;
    width: auto;
    display: block;
}

.close-reg {
    color: #d4d4d4;
    border-left: 1px solid #d4d4d4;
}

.log-separator span {
    text-transform: unset;
    color: #000;
    font-weight: bold;
}


.main-register-holder .custom-form-ast .filter-tags label {
    color: #000;
}

.main-register-holder .tabs-menu li a {
    color: #000;
}

.bg-white {
    background-color: #fff!important;
}

.bg-black {
    background-color: #000!important;
}

.text-grey {
    color: #d4d4d4!important;
}

.bd-grey {
    border: 1px solid #d4d4d4;
}

.custom-form-ast input[type="tel"] {
    float: left;
    border: 1px solid #e5e7f2;
    background: #f9f9f9;
    width: 100%;
    padding: 14px 15px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 14px;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    z-index: 1;
}

.main-register .custom-form-ast input[type="tel"] {
    padding-left: 20px;
}

.user-profile-menu li a span {
    background: #0494dd;
}

.dashboard-cats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.dashboard-cat-input {
    display: none;
}

.dashboard-cat-item {
    flex: 0 0 calc(33.333% - 13.5px);
    background: #0494dd;
    border-radius: 4px;
    padding: 14px 24px;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard-cat-icon i {
    font-size: 18px;
}
.dashboard-cat-text {
    line-height: 1.2;
}

.dashboard-cat-item:hover {
    background: #223870;
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

@media (max-width: 991px) {
    .dashboard-cat-item {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 575px) {
    .dashboard-cat-item {
        flex: 0 0 100%;
        white-space: normal;
    }
}


.dashboard-header-avatar:before {
    content: unset;
}

.dashboard-title h3 {
    color: #000000;
}

.user-profile-menu h3 {
    color: #000000;
}

.user-profile-menu li a {
    font-weight: 300;
    color: #000;
}

.add_new-dashboard {
    color: #000;
}

.block_box {
    border: 1px solid #e5e7f2;
}

.user-profile-menu li:first-child {
    border-top: 1px solid #e5e7f2;
}

.user-profile-menu li {
    border-bottom: 1px solid #e5e7f2;
}

.dashboard-header-stats-item {
    border: 1px solid #e5e7f2;
}

.add_new-dashboard {
    border: 1px solid #e5e7f2;
}

.user-profile-menu li a.user-profile-act {
        border: 1px solid #B5B5B5;
}

.user-profile-menu li a.user-profile-act:before {
    background: #0494dd;
}

.dashboard-header_title h1 {
    font-weight: 600;
}

.pb-20 {
    padding-bottom: 20px;
}

.new-dashboard-item {
    background: #d92129;
}

@media (min-width: 768px) {
  .dashboard-message-text .dash-msg-p-top17 {
    top: 17px;
  }

  .dash-msg-time-top23 {
    top: 23px;
  }
}

.dashboard-message-text i.dash-ring{
  background: transparent !important;
  border: 2px solid #3aa0ff;
  border-radius: 50%;
  box-shadow: none !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: transparent !important;
  font-size: 0;
}

.dashboard-message-text p {
    color: #000000;
}

.profile-edit-container .custom-form-ast label i {
  display: none !important;
}


.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="text"],
.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="email"],
.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="tel"],
.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="password"],
.page-dashboard-profile .profile-edit-container .custom-form-ast textarea {
  border: 1px solid #f1f0ef;
  background: #f9f9f9;
}

.page-dashboard-profile .sidebar-widgets-box .custom-form {
  margin: 0;
}

.page-dashboard-profile .sidebar-widgets-box .act-widget {
  margin: 0;
}

.page-dashboard-profile .sidebar-widgets-box .act-widget-header {
  float: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 12px 0;
}


.page-dashboard-profile .sidebar-widgets-box .act-widget-header .onoffswitch {
  float: none;
  top: auto;
  margin: 0;
  order: 0;
  flex: 0 0 auto;
}

.page-dashboard-profile .sidebar-widgets-box .act-widget h4 {
  float: none;
  top: auto;
  margin: 0;
  order: 1;
  line-height: 1.2;
}

.page-dashboard-profile .pass-input-wrap > label{
  font-weight: 700;
}

.custom-form-ast .bold-label{
  font-weight: 700;
}

body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="text"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="email"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="tel"]{
  padding-left: 10px;
}


body.page-dashboard-profile .profile-pref-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:18px;
}

body.page-dashboard-profile .profile-pref-actions .btn{
  padding: 10px 18px !important;
  border-radius: 4px;
  line-height: 1;
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-save{
  background:#0494dd;
  color:#fff;
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-delete{
  background:#fbe9ea;
  color:#e02424!important;
  border: 1px solid #f1f0ef;
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-delete:hover{
  background:#f7d7d9;
}

@media (max-width: 575px){
  body.page-dashboard-profile .profile-pref-actions{
    flex-direction:column;
    align-items:stretch;
  }
  body.page-dashboard-profile .profile-pref-actions .btn{
    width:100%;
    text-align:center;
  }
}

body.page-dashboard-profile .profile-pref-actions .btn{
  cursor: pointer;
  border: 0 !important;
  box-shadow: none !important;
  outline: none;
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-save{
  border: 0 !important;
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-save:hover{
  filter: brightness(0.95);
}

body.page-dashboard-profile .profile-pref-actions .pref-btn-delete:hover{
  background:#f7d7d9;
}

.chat-message.chat-message_user p {
    background: #1694d1;
}

.chat-contacts-item_active:before {
    background: #d0eaf6;
}

.chat-contacts-item:after {
    content: unset;
}

.message-counter {
    background: #0494dd;
}

.chat-contacts-item .chat-contacts-item-text h4 {
    color: #000000;
    font-weight: 700;
}

.chat-widget_input {
    border: 1px solid #e5e7f2;
}

.chat-contacts:before {
    background: #e5e7f2;
}

.chat-contacts-item {
    border-bottom: 1px solid #e5e7f2;
}

.chat-contacts-item .chat-contacts-item-text span {
    font-weight: 700;
}

.dashboard-message-text img.dash-ring-img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #3aa0ff;
  box-shadow: none;
  object-fit: cover;
  float: left;
  margin-right: 20px;
}

.dashboard-cats-grid { overflow: visible; }

.dashboard-cat-item{
  position: relative;
}

.dashboard-cat-item::before{
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid #e5e7f2;
  border-radius: 6px;
  background: transparent;
  pointer-events: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}

.dashboard-cat-item:hover::before{
  border-color: #d6d9ea;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.user-profile-menu > ul.no-list-style > li > a.submenu-link{
  font-weight: 700 !important;
}

.dashboard-message-text h4 a {
    color: #000000;
}

.addlisting-page .filter-tags { display: flex; gap: 10px; align-items: center; }
.addlisting-page .filter-tags label { margin: 0; }

.addlisting-page .addlisting-features .filter-tags{
  float: none;
  display: block;
  width: 100%;
  margin: 10px 0;
}

.addlisting-page #features-grid .filter-tags{
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 14px 0 !important;
}

.addlisting-page #features-grid .filter-tags label{
  float: none !important;
  display: inline-block !important;
  margin: 0 !important;
  line-height: 22px;
}

.addlisting-page #features-grid .filter-tags{
  flex: 0 0 100% !important;
}

.addlisting-page #features-grid .filter-tags{
  min-height: 28px;
}

body.addlisting-page #features-grid .filter-tags{
  float: none !important;
  width: 100% !important;
  display: flex !important;
  clear: both !important;
  margin: 14px 0 !important;
}

body.addlisting-page #features-grid .filter-tags input{
  float: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

body.addlisting-page #features-grid .filter-tags label{
  float: none !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.addlisting-page #features-grid .filter-tags label{
  top: unset !important;
}

body.addlisting-page #features-grid .filter-tags{
  display: flex !important;
  align-items: center !important;
}

body.addlisting-page #features-grid .filter-tags label{
  top: 0 !important;
  float: none !important;
  position: relative;
  line-height: 18px;
  margin: 0 !important;
}

.mt-0 {
    margin-top: 0!important;
}

.addlisting-bottom-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:15px;
  flex-wrap:wrap;
}

.addlisting-bottom-actions .terms{
  margin-right:auto;
  margin-bottom:0;
}

.addlisting-bottom-actions .terms label{
  margin:0;
}

.addlisting-bottom-actions .btn{
  margin:0 !important;
  min-width:240px;
  text-align:center;
}

@media (max-width: 767px){
  .addlisting-bottom-actions{ justify-content:stretch; }
  .addlisting-bottom-actions .terms{ width:100%; }
  .addlisting-bottom-actions .btn{ width:100%; }
}

.addlisting-bottom-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.addlisting-bottom-actions .terms{
  margin:0 !important;
  display:flex;
  align-items:center;
}

.addlisting-bottom-actions .terms input{
  margin:0 10px 0 0;   /* fixes “not centered” look */
}

.addlisting-bottom-actions .terms label{
  margin:0 !important;
  line-height:1.2;
}

.addlisting-bottom-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:20px;
}

.addlisting-bottom-buttons{
  display:flex;
  gap: 20px;
  align-items:center;
}

.addlisting-bottom-actions .filter-tags{
  float:none !important;
  margin:0 !important;
}

.addlisting-bottom-actions .filter-tags label{
  display:inline-flex;
  align-items:center;
  line-height:1.2;
}

.addlisting-bottom-actions .filter-tags label:before,
.addlisting-bottom-actions .filter-tags label:after{
  top:50% !important;
  transform:translateY(-50%) !important;
}

body.addlisting-page .custom-form-ast input,
body.addlisting-page .custom-form-ast textarea {
  background: #f7f7f9;
}

.custom-form-ast textarea {
    padding: 10px 20px;
}

.mt-20 {
    margin-top: 20px;
}

.gap-0{
    gap: 0px!important;
}

.align-center {
    align-items: center;
}

.favorites-accent .dashboard-list::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius: 999px; 
  background:#0494dd;
  pointer-events:none;
  z-index:0;
}

.favorites-accent .dashboard-list.accent-green::before{ background: #5ECFB1; }
.favorites-accent .dashboard-list.accent-red::before{  background: #d92129; }

.notifications-ui .dashboard-list .dashboard-message{
  position: relative;
  transition: background .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.notifications-ui .dashboard-list.is-read .dashboard-message{
  background: #f5f6f8;
  box-shadow: none;
  border: 1px solid #eceff3;
}
.notifications-ui .dashboard-list.is-read .dashboard-message-text{
  opacity: .65;
}
.notifications-ui .dashboard-list.is-read .dashboard-message-text img{
  filter: grayscale(100%);
  opacity: .85;
}
.notifications-ui .dashboard-list.is-read .dashboard-message-time{
  color: #a7adb5;
}

.notifications-ui .dashboard-list.is-unread .dashboard-message-text{
  font-weight: 600;
}

.notifications-ui .dashboard-list.is-unread .dashboard-message{
  background: #fff;
}

.notifications-ui .dashboard-list.is-unread .dashboard-message-text{
  font-weight: 600;
}

.notifications-ui .dashboard-list.is-unread .dashboard-message::before{
  content: unset;
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 4px;
  background: #0494dd;
}

.notifications-ui .dashboard-list{
  position: relative;
  overflow: hidden;
}

.notifications-ui .dashboard-message { position: static !important; }

.notifications-ui .dashboard-message-time { padding-left: 0 !important; }
.notifications-ui .dashboard-message-time::before { content: none !important; display: none !important; }

.notifications-ui .new-dashboard-item { z-index: 10; }

.notifications-ui .dashboard-list.is-read,
.notifications-ui .dashboard-list.is-read .dashboard-message{
  background: #e5e5e5 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.notifications-ui .dashboard-list.is-read .dashboard-message-text{
  opacity: .65;
}

.notifications-ui .dashboard-list.is-read .dashboard-message-text img{
  filter: grayscale(100%);
  opacity: .85;
}

.notifications-ui .dashboard-list.is-read .dashboard-message-time{
  color: #a7adb5 !important;
}

.listings-progress .dashboard-list{
  position: relative;
  overflow: hidden;
}

.listings-progress .dashboard-list:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:6px 0 0 6px;
  background:#4DB7FE;
}

.listings-progress .dashboard-list.lp-draft:before{
  background:#d92129;
}
.listings-progress .dashboard-list.lp-progress:before{
  background:#f0ad4e;
}
.listings-progress .dashboard-list.lp-done:before{
  background:#5ECFB1;
}

.notifications-ui .dashboard-list{
  position: relative;
  overflow: hidden;
}


.notifications-ui .dashboard-list.is-read::before{
  content:none;
}

.notifications-ui .dashboard-list > *{
  position: relative;
  z-index: 1;
}

.favorites-accent .dashboard-list{
  position: relative;
  overflow: hidden;
}

.favorites-accent .dashboard-list::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius: 6px 0 0 6px;
  background:#0494dd;
  pointer-events:none;
}

.favorites-accent .dashboard-list.accent-blue::before{ background:#0494dd; }
.favorites-accent .dashboard-list.accent-red::before{  background:#d92129; }


.dashboard-list-box .chat-box{
  overflow-y: auto;
}

.dashboard-list-box .chat-contacts{
  overflow-y: auto;
}

.dashboard-list-box .chat-wrapper .col-sm-8{
  border-right: 1px solid #e5e7f2;
}


.dashboard-fav-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.dashboard-fav-toolbar .fav-toolbar-left{
  display:flex;
  align-items:center;
  gap:16px;
  flex: 1 1 auto;
}

.dashboard-fav-toolbar .fav-toolbar-left .listsearch-input-item{
  margin:0 !important;
  float:none !important;
  flex: 0 0 280px;
  max-width: 320px;
  width:auto;
}

.dashboard-fav-toolbar .fav-toolbar-right{
  display:flex;
  justify-content:flex-end;
  flex: 1 1 auto;
}

.dashboard-fav-toolbar .fav-search{
  position:relative;
  width:320px;
  max-width:100%;
}

.dashboard-fav-toolbar .fav-search i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#4db7fe;
  font-size:14px;
  pointer-events:none;
}

.dashboard-fav-toolbar .fav-search input{
  width:100%;
  height:48px;
  background:#f7f7f8;
  border:1px solid #e5e7f2;
  border-radius:6px;
  padding:10px 14px 10px 38px;
  font-size:12px;
  color:#7d93b2;
  box-sizing:border-box;
}

.dashboard-fav-toolbar .chosen-container,
.dashboard-fav-toolbar .nice-select{
  width:100% !important;
}

@media (max-width: 992px){
  .dashboard-fav-toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .dashboard-fav-toolbar .fav-toolbar-left{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  .dashboard-fav-toolbar .fav-toolbar-left .listsearch-input-item{
    flex: 1 1 auto;
    max-width:100%;
    width:100%;
  }
  .dashboard-fav-toolbar .fav-toolbar-right{
    width:100%;
    justify-content:flex-start;
  }
  .dashboard-fav-toolbar .fav-search{
    width:100%;
  }
}


.dashboard-listings-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin: 0 0 18px 0;
}

.dashboard-listings-toolbar .dl-toolbar-left{
  display:flex;
  align-items:center;
  gap:16px;
  flex: 1 1 auto;
}

.dashboard-listings-toolbar .dl-toolbar-left .listsearch-input-item{
  margin:0 !important;
  float:none !important;
  width:auto !important;
  flex: 0 0 280px;
  max-width: 320px;
}

.dashboard-listings-toolbar .dl-toolbar-right{
  display:flex;
  justify-content:flex-end;
  flex: 1 1 auto;
}

.dashboard-listings-toolbar .dl-search{
  position:relative;
  width:320px;
  max-width:100%;
}

.dashboard-listings-toolbar .dl-search i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#4db7fe;
  font-size:14px;
  pointer-events:none;
}

.dashboard-listings-toolbar .dl-search input{
  width:100%;
  height:48px;
  background:#f7f7f8;
  border:1px solid #e5e7f2;
  border-radius:6px;
  padding:10px 14px 10px 38px;
  font-size:12px;
  color:#7d93b2;
  box-sizing:border-box;
}

.dashboard-listings-toolbar .chosen-container,
.dashboard-listings-toolbar .nice-select{
  width:100% !important;
}

@media (max-width: 992px){
  .dashboard-listings-toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .dashboard-listings-toolbar .dl-toolbar-left{
    flex-direction:column;
    align-items:stretch;
  }
  .dashboard-listings-toolbar .dl-toolbar-left .listsearch-input-item{
    flex: 1 1 auto;
    max-width:100%;
  }
  .dashboard-listings-toolbar .dl-toolbar-right{
    justify-content:flex-start;
  }
  .dashboard-listings-toolbar .dl-search{
    width:100%;
  }
}


.mb-15 {
    margin-bottom: 15px!important;
}

.color-white {
    color: #fff!important;
}

body.page-dashboard-messages .dashboard-list-box{
  height: calc(100vh - 359px);
  min-height: 520px;
}

body.page-dashboard-messages .dashboard-list-box .chat-wrapper{ height:100%; }
body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row{
  display:flex;
  height:100%;
}
body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row > .col-sm-8,
body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row > .col-sm-4{
  float:none;
  display:flex;
  flex-direction:column;
  min-height:0;
}

body.page-dashboard-messages .dashboard-list-box .chat-box{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding: 30px;
}
body.page-dashboard-messages .dashboard-list-box .chat-widget_input{
  flex:0 0 auto;
}

body.page-dashboard-messages .dashboard-list-box .chat-contacts{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-left: 15px;
}

body.page-dashboard-messages .chat-message p{ margin:0; }

body.page-dashboard-messages .chat-contacts-item{ position:relative; }
body.page-dashboard-messages .chat-contacts-item:after{
  content:"";
  position:absolute;
  top:0; bottom:0; right:0;
  width:4px;
  background:transparent;
}
body.page-dashboard-messages .chat-contacts-item.chat-contacts-item_active:after{
  background:#0494dd;
}

@media (max-width: 767px){
  body.page-dashboard-messages .dashboard-list-box{ height:auto; min-height:0; }
  body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row{
    display:block;
    height:auto;
  }
  body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row > .col-sm-8,
  body.page-dashboard-messages .dashboard-list-box .chat-wrapper .row > .col-sm-4{
    display:block;
  }
}

.pdl-none {
    padding-left: 0px!important;
}

.pdr-none {
    padding-right: 0px!important;
}

body.page-dashboard-messages .chat-widget_input,
body.page-dashboard-messages .chat-widget_input * {
  box-sizing: border-box;
}

body.page-dashboard-messages .chat-widget_input{
  position: relative;
  width: 100%;
  max-width: 100%;
}

body.page-dashboard-messages .chat-widget_input textarea{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-right: 60px;
  resize: none;
}

body.page-dashboard-messages .chat-widget_input button{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  margin: 0;
}

@media (max-width: 767px){
  body.page-dashboard-messages .chat-widget_input{
    height: auto !important;
    overflow: visible !important;
  }

  body.page-dashboard-messages .chat-wrapper .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-dashboard-messages .chat-wrapper [class*="col-"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.profile-edit-container .custom-form-ast textarea:focus {
  background: #fff !important;
  outline: none;
}

.custom-form-ast input[type="text"],
.custom-form-ast input[type="email"],
.custom-form-ast input[type="tel"],
.custom-form-ast input[type="password"],
.custom-form-ast textarea,
.custom-form-ast select {
  border: 1px solid #e5e7f2 !important;
}

body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="text"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="email"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="tel"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="password"],
body.page-dashboard-profile .profile-edit-container .custom-form-ast textarea,
body.page-dashboard-profile .profile-edit-container .custom-form-ast select {
  background: #f7f7f9 !important;
  border: 1px solid #e5e7f2 !important;
}

body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="text"]:focus,
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="email"]:focus,
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="tel"]:focus,
body.page-dashboard-profile .profile-edit-container .custom-form-ast input[type="password"]:focus,
body.page-dashboard-profile .profile-edit-container .custom-form-ast textarea:focus,
body.page-dashboard-profile .profile-edit-container .custom-form-ast select:focus {
  background: #fff !important;
  border-color: #e5e7f2 !important;
  outline: none !important;
  box-shadow: none !important;
}

.notifications-ui .dashboard-list.is-read,
.notifications-ui .dashboard-list.is-read .dashboard-message{
  background: #dfdfdf5c !important
}

.notifications-ui .dashboard-list.is-read .dashboard-message-text{
  opacity: .72;
}

.notifications-ui .dashboard-list.is-read .dashboard-message-text img{
  filter: grayscale(10%);
  opacity: 1;
}

.notifications-ui .dashboard-list.is-read .dashboard-message-time{
  color: #9aa3ad !important;
}

body.page-extra-filters .extra-features-grid .filter-tags{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  float: none !important;
  margin: 0 !important;
  min-height: 28px;
}

body.page-extra-filters .extra-features-grid .filter-tags input{
  float: none !important;
  margin: 0 !important;
}

body.page-extra-filters .extra-features-grid .filter-tags label{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  line-height: 1.1 !important;
  display: inline-block !important;
  color: #000 !important;
}

body.page-extra-filters .extra-features-grid .filter-tags label:before,
body.page-extra-filters .extra-features-grid .filter-tags label:after{
  content: none !important;
  display: none !important;
}



body.page-extra-filters .ef-actions{
  clear: both;
  width: 100%;
  margin-top: 16px;
  display: flex !important;
  justify-content: flex-end;

  position: static !important;
  float: none !important;
}

body.page-extra-filters .ef-actions .btn{
  float: none !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
}

.filter-tags input:checked:after, .custom-form-ast .filter-tags input:checked:after {
    top: 4px;
}

.ef-upload { 
  text-align: left;
}

.ef-upload .ef-file-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;

  width: auto !important;
  padding: 9px 14px !important;
  border-radius: 4px !important;

  line-height: 1;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
  margin: 0 !important;
}

.ef-upload .ef-file-btn i{
  margin: 0 !important;
  font-size: 14px;
}

body.page-extra-filters .extra-filters-wrap{
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}

body.page-extra-filters .ef-file-btn{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;

    line-height: normal;
}

body.page-extra-filters .ef-file-btn i{
    float: none !important;
    position: static !important;
    margin: 0 !important;
}

.ef-section-head {
    text-align: left;
    margin-bottom: 18px;
}

        body.page-extra-filters section.hero-section.extra-filters-hero{
            padding:70px 0 70px;
        }
        body.page-extra-filters .ef-section-head{
            margin: 16px 0 10px;
        }
        body.page-extra-filters .ef-section-head h3{
            margin:0;
            font-size:13px;
            font-weight:900;
            color:#221f1f;
        }

        body.page-extra-filters .ef-page-head{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin: 10px 0 18px;
        }
        body.page-extra-filters .ef-page-head .back-link{
            font-size:12px;
            font-weight:700;
            color:#7d93b2;
            display:inline-flex;
            align-items:center;
            gap:6px;
        }
        body.page-extra-filters .ef-page-head .back-link i{ font-size:12px; }
        body.page-extra-filters .ef-box{
            padding:18px 22px;
            margin-bottom:18px;
            border-radius:6px;
        }
        body.page-extra-filters .ef-section-title{
            margin:0 0 12px;
            font-size:13px;
            font-weight:900;
            color:#221f1f;
        }
        body.page-extra-filters .custom-form-ast label{
            font-weight:700;
            font-size:14px;
            color:#000;
            margin-bottom:8px;
        }
        body.page-extra-filters .custom-form-ast input[type="text"],
        body.page-extra-filters .custom-form-ast input[type="number"],
        body.page-extra-filters .custom-form-ast input[type="email"],
        body.page-extra-filters .custom-form-ast input[type="password"],
        body.page-extra-filters .custom-form-ast textarea{
            background:#f7f7f9;
            border:1px solid #e5e7f2;
            color:#566985;
            border-radius:4px;
        }
        body.page-extra-filters .custom-form-ast .nice-select{
            background:#f7f7f9;
            border:1px solid #e5e7f2;
        }
        body.page-extra-filters .ef-switch-field{
            background:#f7f7f9;
            border:1px solid #e5e7f2;
            border-radius:4px;
            height:48px;
            padding:0 14px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
        }
        body.page-extra-filters .ef-switch-field .ef-switch-label{
            font-size:12px;
            font-weight:700;
            color:#566985;
            margin:0;
            white-space:nowrap;
        }
        body.page-extra-filters .ef-actions{
            display:flex;
            justify-content:flex-end;
            padding: 6px 0 0;
        }
        body.page-extra-filters .ef-actions .btn{
            min-width: 160px;
        }
        body.page-extra-filters .extra-features-grid{
            display:grid;
            grid-template-columns: repeat(4, minmax(0,1fr));
            gap: 8px 18px;
        }
        body.page-extra-filters .extra-features-grid .filter-tags{
            float:none;
            margin:0;
            display:flex;
            align-items:center;
            gap:10px;
        }
        body.page-extra-filters .extra-features-grid .filter-tags label{
            float:none;
            margin:0;
            padding:0;
            font-weight:600;
            color:#566985;
            font-size:12px;
        }
        body.page-extra-filters .ef-file-btn{
            width:100%;
            height:48px;
            line-height:50px;
            text-align:left;
            padding:0 16px;
            border-radius:4px;
            font-weight:700;
        }
        body.page-extra-filters .ef-file-hint{
            font-size:11px;
            color:#7d93b2;
            margin-top:8px;
        }
        @media (max-width: 992px){
            body.page-extra-filters .extra-features-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
        }
        @media (max-width: 576px){
            body.page-extra-filters .extra-features-grid{ grid-template-columns: 1fr; }
        }
        
body.page-extra-filters .custom-form-ast label{
  font-weight:700;
  font-size:14px;
  color:#566985;
  margin-bottom:8px;
}



body.page-extra-filters .custom-form-ast input[type="text"],
body.page-extra-filters .custom-form-ast input[type="number"],
body.page-extra-filters .custom-form-ast input[type="email"],
body.page-extra-filters .custom-form-ast input[type="password"],
body.page-extra-filters .custom-form-ast textarea{
  background:#f7f7f9;
  border:1px solid #e5e7f2;
  color:#566985;
  border-radius:4px;
}

body.page-extra-filters .ef-switch-field{
  background:#f7f7f9;
  border:1px solid #e5e7f2;
  border-radius:4px;
  height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.page-extra-filters .ef-switch-field .ef-switch-label{
  font-size:12px;
  font-weight:700;
  color:#566985;
  margin:0;
  white-space:nowrap;
}
body.page-extra-filters .ef-switch-field .onoffswitch{
  display:flex;
  align-items:center;
  margin:0;
}
body.page-extra-filters .ef-switch-field .onoffswitch-label{
  margin:0 !important;
}

body.page-extra-filters .ef-file-btn{
  width:100%;
  height:48px;
  border-radius:4px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:10px;
  line-height:normal;
  text-align:left;
  padding:0 16px;
}
body.page-extra-filters .ef-file-btn i{ float:none !important; }

body.page-extra-filters .ef-radio-select{ position:relative; }

body.page-extra-filters .ef-radio-trigger{
  width:100%;
  height:48px;
  background:#f7f7f9;
  border:1px solid #e5e7f2;
  border-radius:4px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  font-weight:700;
  color:#566985;
  cursor:pointer;
}
body.page-extra-filters .ef-radio-trigger .ef-radio-value{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-extra-filters .ef-radio-panel{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e5e7f2;
  border-radius:6px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:10px;
  display:none;
  z-index:99999;
}
body.page-extra-filters .ef-radio-select.is-open .ef-radio-panel{ display:block; }

body.page-extra-filters .ef-radio-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 8px;
  border-radius:4px;
  cursor:pointer;
  font-size:12px;
  color:#566985;
  margin:0;
}
body.page-extra-filters .ef-radio-item:hover{ background:#f7f7f9; }
body.page-extra-filters .ef-radio-item input{ margin:0; }

body.page-extra-filters .ef-radio-select.ef-green .ef-radio-trigger{
  background:#57c7a0;
  border-color:#57c7a0;
  color:#fff;
}
body.page-extra-filters .ef-radio-select.ef-green .ef-radio-trigger i{ color:#fff; }

body.page-extra-filters .ef-yearpicker{
  position:absolute;
  background:#fff;
  border:1px solid #e5e7f2;
  border-radius:6px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:10px;
  z-index:99999;
}
body.page-extra-filters .ef-yearpicker-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:6px;
  max-height:220px;
  overflow:auto;
}
body.page-extra-filters .ef-yearbtn{
  height:34px;
  border-radius:6px;
  border:1px solid #e5e7f2;
  background:#f7f7f9;
  font-size:12px;
  font-weight:700;
  color:#566985;
  cursor:pointer;
}
body.page-extra-filters .ef-yearbtn:hover{ background:#fff; }


body.page-extra-filters .custom-multiselect .dropdown-options input[type="checkbox"]{
  margin: 0 !important;
}

body.page-extra-filters .custom-multiselect .select-box::before {
  content: unset !important;
}

body.page-extra-filters .custom-multiselect .select-box {
  padding-left: 20px !important;
}

body.page-extra-filters .nice-select:before {
  content: unset !important;
}

body.page-extra-filters .nice-select {
  padding-left: 20px !important
}

body.page-extra-filters .custom-form-ast .ef-box > label,
body.page-extra-filters .custom-form-ast .ef-box .row > [class*="col-"] > label {
  color: #000 !important;
}

.onoffswitch.onoffswitch--textfit{
  width: 170px;
  display: inline-block;
}

.onoffswitch.onoffswitch--textfit .onoffswitch-inner:before,
.onoffswitch.onoffswitch--textfit .onoffswitch-inner:after{
  padding: 0 16px;
  white-space: nowrap;
  box-sizing: border-box;
}

.onoffswitch.onoffswitch--textfit .onoffswitch-switch{
  right: calc(100% - 25px - 10px);
  transition: all 0.3s ease-in-out;
}

.onoffswitch.onoffswitch--textfit .onoffswitch-inner:before,
.onoffswitch.onoffswitch--textfit .onoffswitch-inner:after{
  content: "Μεταχειρισμένο";
}

.onoffswitch-inner:before {
    text-align: left;
}

.page-dashboard-profile .custom-form-ast label,
.page-dashboard-profile .custom-form label{
  color: #000 !important;
}

.mb-20 {
    margin-bottom: 20px!important;
}

.tabs-container .custom-form-ast > form > label,
.tabs-container .custom-form-ast .filter-tags label,
.tabs-container .custom-form-ast .filter-tags.ft-list label {
  color: #000 !important;
  font-weight: 600;
}

.vehicle-tab .vehicle-tab-link{
  box-shadow: inset 0 -1px 0 rgba(80,80,80,.18);
}

.vehicle-tab:not(:last-child) .vehicle-tab-link{
  box-shadow:
    inset -1px 0 0 rgba(80,80,80,.18),
    inset 0 -1px 0 rgba(80,80,80,.18);
}

.nice-select .list {
    margin-top: 1px;
}

/* .custom-form-ast textarea, .custom-form-ast input[type="text"], .custom-form-ast input[type=email], .custom-form-ast input[type=password], .custom-form-ast input[type=button], .listsearch-input-item input[type="text"] {
    font-size: 14px;
    height: 48px;
    padding: 14px 15px;
} */

.custom-form-ast input::placeholder,
.custom-form-ast textarea::placeholder {
  color: #7d93b2;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  opacity: 1;
}

.custom-form-ast input::-webkit-input-placeholder,
.custom-form-ast textarea::-webkit-input-placeholder {
  color: #7d93b2;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  opacity: 1;
}

.custom-form-ast input[type="tel"]{
  float: left;
  border: 1px solid #e5e7f2;
  background: #f9f9f9;
  width: 100%;
  padding: 15px 20px 15px 45px;
  border-radius: 4px;
  color: #7d93b2;
  font-size: 12px;
  -webkit-appearance: none;
  outline: none;
}

.dashboard-list-box .dashboard-message-text .vehicle-specs-row{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:6px;
  flex-wrap:wrap;
}

.dashboard-list-box .dashboard-message-text .vehicle-spec{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#6c6d70;
}

.dashboard-list-box .dashboard-message-text .vehicle-spec svg{
  width:18px !important;
  height:18px !important;
  min-width:18px;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.dashboard-list-box .dashboard-message-text .vehicle-specs-row{
  float: none !important;
  width: auto !important;
  clear: none !important;

  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 6px;
}

@media (max-width: 767px){
  .dashboard-list-box .dashboard-message-text .vehicle-specs-row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
  }

  .dashboard-list-box .dashboard-message-text .vehicle-spec{
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    width: auto !important;
  }

  .dashboard-list-box .dashboard-message-text .vehicle-spec svg{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
  }
}

.sub-tab-content .more-filters-toggle {
    width: unset !important;
}

@media (min-width: 769px){
  .dashboard-list-box .dashboard-message-text .vehicle-specs-row{
    padding-top: 14px !important;
  }
}

@media (max-width: 768px){

  body.page-extra-filters .ef-box > .row:first-of-type > .col-md-6:first-child{
    position: relative;
    z-index: 50;
  }

  body.page-extra-filters .ef-box > .row:first-of-type > .col-md-6:last-child{
    position: relative;
    z-index: 1;
  }

  body.page-extra-filters .listsearch-input-item.custom-multiselect{
    position: relative;
    z-index: 60;
  }

  body.page-extra-filters .listsearch-input-item.custom-multiselect .dropdown-options{
    z-index: 99999 !important;
  }
}

@media (max-width: 768px){

  body.page-extra-filters .ef-box .row{
    margin-top: 0 !important;
    row-gap: 14px;
  }

  body.page-extra-filters .ef-box .listsearch-input-item,
  body.page-extra-filters .ef-box .chosen-container,
  body.page-extra-filters .ef-box .custom-multiselect,
  body.page-extra-filters .ef-box .ef-switch-field,
  body.page-extra-filters .ef-box input,
  body.page-extra-filters .ef-box select,
  body.page-extra-filters .ef-box textarea{
    margin-bottom: 0 !important;
  }

  body.page-extra-filters .ef-box label{
    display: block;
    margin-bottom: 6px;
  }
}

@media (max-width: 768px){

  body.page-dashboard-messages .chat-wrapper .row{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  body.page-dashboard-messages .chat-wrapper .col-sm-8,
  body.page-dashboard-messages .chat-wrapper .col-sm-4{
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-dashboard-messages .chat-box{
    max-height: 55vh;
  }

  body.page-dashboard-messages .chat-contacts{
    max-height: 35vh;
  }

  body.page-dashboard-messages .chat-widget_input{
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.fav-search.notif-search input#notifSearch:focus{
  background: #fff !important;
  box-shadow: none;
  outline: none;
}

.fav-toolbar-right .fav-search input:focus,
.fav-toolbar-right .fav-search input:focus-visible{
  background: #fff !important;
  box-shadow: none;
  outline: none;
}

@media (max-width: 768px) {

  .dashboard-message-text{
    width: 100% !important;
  }
  
    .dashboard-message-text > img:not(.dash-ring-img) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
  }

  .dashboard-message-text .dml-body{
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }
}

@media (max-width: 767px) {

  .ef-upload .ef-file-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    white-space: normal;
    line-height: 1.25;
    padding: 12px 14px;
    text-align: center;
  }

  .ef-upload .ef-file-btn i{
    flex: 0 0 auto;
  }
}

@media (max-width: 767px) {
  body.page-extra-filters .clear-singleinput{
    bottom: 16px !important;
  }
}

@media (max-width: 768px) {

  .page-feed .dashboard-message{
    position: relative;
  }

  .page-feed .new-dashboard-item{
    position: absolute;
    top: 25px;
    right: 12px;
    z-index: 20;
  }
}

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

  .main-menu > nav > ul {
    display: none !important;
  }

  .main-menu nav.menusb ul,
  .main-menu nav.menusb ul.menu-panel-root,
  .main-menu nav.menusb ul.menu-panel {
    display: block !important;
  }

  .main-menu nav.menusb li {
    display: block !important;
  }
}

@media (max-width: 768px){

  .main-register-wrap.modal{
    position: fixed !important;
    inset: 0 !important;
    height: 100vh !important;
    overflow: hidden !important;
    z-index: 999999 !important;
  }

  .main-register-holder{
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 18px 12px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .main-register{
    width: 100% !important;
    max-width: 520px !important;
    max-height: none !important;
    height: auto !important;
    padding: 0;
  }

  .main-register,
  .modal_main,
  .tabs-container{
    overflow: visible !important;
  }

  .close-reg{
    position: sticky !important;
    top: 28px !important;
    z-index: 5 !important;
  }
}

@media (max-width: 768px){

  .close-reg{
    position: absolute !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    border: 0 !important;
  }

  .main-register_title{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 52px 12px 12px !important;
  }

  .main-register_title + .close-reg{
    right: 12px !important;
    transform: translateY(-50%) !important;

    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 50 !important;
  }

  .main-register_title + .close-reg i{
    font-size: 18px !important;
    line-height: 1 !important;
  }
}

body.page-extra-filters .custom-form-ast .custom-multiselect .dropdown-options > label{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0 4px 10px;
  font-size: 12px;
  color: #7d93b2;
  min-height: 40px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-weight: 400;
}

:root{
  --ip-accent: #5ECFB1;
  --ip-text: #566985;
  --ip-muted: #878C9F;
  --ip-border: #e5e7f2;
  --ip-field: #f9f9f9;
}

html.ip-modal-open, body.ip-modal-open { overflow: hidden; }

.ip-report{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.ip-report.is-open{ display:block; }

.ip-report__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}

.ip-report__dialog{
  position: relative;
  width: min(720px, calc(100% - 40px));
  margin: 60px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  padding: 22px 26px 26px;
  max-height: calc(100vh - 120px);
}

.ip-report__close{
  position:absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 20px;
  cursor: pointer;
  opacity: .65;
  transition: opacity .2s ease;
}
.ip-report__close:hover{ opacity: 1; }

.ip-report__title{
  margin: 0 44px 18px 0;
  font-size: 18px;
  font-weight: 700;
  color: #111;
}

.ip-report__form{ margin-top: 6px; }

.ip-report__label{
  display:block;
  font-size: 13px;
  font-weight: 700;
  color: #111;
  margin-bottom: 8px;
}

.ip-report__input,
.ip-report__textarea{
  width: 100%;
  border: 1px solid var(--ip-border);
  background: var(--ip-field);
  border-radius: 4px;
  padding: 14px 14px;
  font-size: 13px;
  color: var(--ip-text);
  outline: none;
}
.ip-report__input:focus,
.ip-report__textarea:focus{
  background:#fff;
  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}

.ip-report__divider{
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 18px 0 16px;
}

.ip-report__section-title{
  font-size: 13px;
  font-weight: 700;
  color: #111;
  margin: 14px 0 10px;
}

.ip-report__options{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 6px;
}

.ip-report__option{
  display:flex;
  align-items: center;
  gap: 10px;
  cursor:pointer;
  user-select:none;
}

.ip-report__option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ip-report__box{
  width: 18px;
  height: 18px;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  background:#fff;
  flex: 0 0 18px;
  position: relative;
}

.ip-report__text{
  font-size: 13px;
  font-weight: 500;
  color: #111;
  line-height: 1.35;
}

.ip-report__option input:checked + .ip-report__box{
  border-color: var(--ip-accent);
}
.ip-report__option input:checked + .ip-report__box:after{
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position:absolute;
  top: 1px;
  left: 2px;
  font-size: 12px;
  color: var(--ip-accent);
}

.ip-report__textarea{
  height: 160px;
  resize: none;
  margin-top: 6px;
}

.ip-report__terms{
  margin: 14px 0 14px;
  font-size: 12px;
  color: var(--ip-muted);
  line-height: 1.45;
}
.ip-report__terms a{
  color: var(--ip-text);
  text-decoration: underline;
}

.ip-report__submit{
  width: 100%;
  border: 0;
  border-radius: 6px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 800;
  background: var(--ip-accent);
  color: #fff;
  cursor: pointer;
  transition: transform .06s ease, filter .2s ease;
}
.ip-report__submit:hover{ filter: brightness(0.98); }
.ip-report__submit:active{ transform: translateY(1px); }

.ip-report__toast{
  display:none;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 800;
  color: var(--ip-accent);
}
.ip-report__toast.is-show{ display:block; }

@media (max-width: 600px){
  .ip-report__dialog{
    width: calc(100% - 22px);
    margin: 18px auto;
    padding: 18px 16px 18px;
    max-height: calc(100vh - 36px);
  }
  .ip-report__title{ font-size: 17px; }
  .ip-report__text{ font-size: 13px; }
  .ip-report__textarea{ height: 140px; }
}



:root{
  --ip-accent: #4db7fe;
  --ip-accent-text: #ffffff;
}

#ipReportModal .ip-report__dialog,
#ipReportModal .ip-report__form,
#ipReportModal .ip-report__title,
#ipReportModal .ip-report__label,
#ipReportModal .ip-report__section-title,
#ipReportModal .ip-report__terms,
#ipReportModal .ip-report__options,
#ipReportModal .ip-report__option,
#ipReportModal .ip-report__text{
  text-align: left !important;
}

#ipReportModal .ip-report__title{
  width: 100%;
  margin: 0 44px 18px 0;
  line-height: 1.2;
}

#ipReportModal .ip-report__input,
#ipReportModal .ip-report__textarea{
  box-sizing: border-box;
}

#ipReportModal .ip-report__option{
  justify-content: flex-start;
}

#ipReportModal h1,
#ipReportModal h2,
#ipReportModal h3,
#ipReportModal label,
#ipReportModal p{
  text-align: left !important;
}

#ipReportModal .ip-report__submit{
  background: #d92129 !important;
  color: var(--ip-accent-text) !important;
}

#ipReportModal .ip-report__submit:hover{
  background: #b71b22 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

#ipReportModal .ip-report__option input:checked + .ip-report__box{
  border-color: var(--ip-accent) !important;
}
#ipReportModal .ip-report__option input:checked + .ip-report__box:after{
  color: var(--ip-accent) !important;
}

#ipReportModal .ip-report__terms a{
  color: #4e65a3;
}

@media (max-width: 600px){
  #ipReportModal .ip-report__dialog{
    margin: 18px auto;
  }
  #ipReportModal .ip-report__title{
    margin-right: 40px;
  }
}

.scroll-nav-wrapper-opt .share-container .ip-share-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
  color:#333;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  margin-top:8px;
}

.scroll-nav-wrapper-opt .share-container .ip-share-btn i{
  width:18px;
  text-align:center;
}

.scroll-nav-wrapper-opt .share-container .ip-share-btn:hover{
  background: rgba(22,148,210,.10);
}

.share-holder.hid-share .share-container {
    padding: 8px;
}

#ipReportModal .ip-report__dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: min(620px, calc(100vw - 30px));

  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block;

  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

#ipReportModal .ip-report__dialog::-webkit-scrollbar{
  width: 0;
  height: 0;
}

#ipReportModal .ip-report__form{
  overflow: visible !important;
}

html.ip-modal-open, body.ip-modal-open { overflow: hidden; }

#ipReportModal.ip-report{
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  display: none;
  padding: 20px 15px;
}

#ipReportModal.ip-report.is-open{
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
}

#ipReportModal .ip-report__overlay{
  position: fixed !important;
  inset: 0 !important;
  z-index: 1;
}

#ipReportModal .ip-report__dialog{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: min(620px, calc(100vw - 30px)) !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 2;
}

#ipReportModal.ip-report{
  position: fixed;
  inset: 0;
  height: 100vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: auto !important;
  -ms-overflow-style: auto !important;
}

#ipReportModal .ip-report__dialog{
  max-height: none !important;
  overflow: visible !important;
}

#ipReportModal.ip-report::-webkit-scrollbar{
  width: .4375rem !important;
}
#ipReportModal.ip-report::-webkit-scrollbar-thumb{
  background-color: rgba(0,0,0,.5) !important;
  border-radius: .25rem !important;
  box-shadow: 0 0 .0625rem hsla(0,0%,100%,.5) !important;
}

#listingModal .ip-modal-views{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  font-size:12px;
  color:#7d93b2;
}
#listingModal .ip-modal-views i{
  color:#4db7fe;
  font-size:12px;
}
#listingModal .ip-modal-views__count{
  font-weight:700;
  color:#221f1f;
}

.ip-share-popover{
  position: fixed;
  z-index: 999999;
  min-width: 220px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
  padding: 8px;
}

.ip-share-popover .ip-share-btn{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
  color:#333;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  margin:8px 0;
}

.ip-share-popover .ip-share-btn i{
  width:18px;
  text-align:center;
}

.ip-share-popover .ip-share-btn:hover{
  background: rgba(22,148,210,.10);
}

.ip-share-popover .ip-share-btn span{
  flex: 1;
}

.ip-share-popover .ip-share-btn.ip-share-copy span.copied{
  font-weight: 700;
}

.clear-filter-btn {
    padding: 0;
}

.sub-tab-content .filter-row{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.sub-tab-content .filter-row > *,
.sub-tab-content .listsearch-input-item{
  min-width: 0 !important;
}

.ef-price-range-stable .range-year-group{
  display: flex;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.ef-price-range-stable .ef-price-col{
  flex: 1 1 0;
  min-width: 0;
}

.ef-price-range-stable select{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.ef-price-range-stable .chosen-container{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.ef-price-range-stable .chosen-container .chosen-single{
  width: 100% !important;
  box-sizing: border-box;
}

.ef-price-range-stable .chosen-container .chosen-single span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ef-price-range-stable .nice-select{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box;
}

.ef-price-range-stable .nice-select .current{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ef-price-range-stable .nice-select:before{
  content: none !important;
  display: none !important;
}

.ef-price-range-stable .nice-select {
    padding-left: 15px;
}

.filter-tags input:checked:after, .custom-form-ast .filter-tags input:checked:after {
    z-index: 1;
}

.card {
    box-shadow: none !important;
}

.footer-social {
    background: unset!important;
    padding: unset!important;
}

body {
    text-align: center !important;
    font-size: 13px!important;
    line-height: normal!important;
}

.dx-datagrid-rowsview {
    background: #f7f7f8;
}

.to-top {
    color: #fff !important;
}

.back-tofilters {
    color: #fff !important;
}

.dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row>td>.dx-datagrid-text-content {
    white-space: normal;
}

#TopFiltersDiv {
    align-items: flex-end;
}

.geodir-category-content-title-item .title-sin_map{
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  gap: 6px;
}

.geodir-category-content-title-item .title-sin_map > a{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.geodir-category-content-title-item .title-sin_map .verified-badge{
  flex: 0 0 auto;
}

.geodir-category-content-title-item .title-sin_map > a {
    max-width: 85%;
}

.custom-footer-info a.listing-item-category-wrap {
  cursor: default !important;
}

.icons-wrap a {
    color: #fff !important;
}

.btn {
    padding: 12px 55px 12px 55px !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    transition: all 200ms linear !important;
}

.color-bg-red:hover {
    background-color: #b71b22 !important;
}

.color-bg-red {
    background-color: #d92129 !important;
}

#contact_name,
#contact_email,
#contact_message{
  font-size: 14px;
  padding: 14px 15px;
  border: 1px solid #e5e7f2;
  background: #f9f9f9;
  width: 100%;
  border-radius: 4px;
  color: #7d93b2;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  float: none;
  display: block;
}


.listsearch-input-item input.astro-i[type="text"],
.astro-i[type="text"],
.astro-i[type="email"],
.astro-i[type="password"]{
  float: left;
  border: 1px solid #e5e7f2;
  background: #f9f9f9;
  width: 100%;
  padding: 14px 35px;
  height: 48px;
  border-radius: 4px;
  color: #7d93b2;
  font-size: 12px;
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  z-index: 1;
}


.select-box:has(.selected-text i[class*="fa"])::before,
.select-box .selected-text:has(i[class*="fa"])::before{
  content: none !important;
}

.select-box:has(.selected-text i[class*="fa"]){
  padding-left: 15px !important;
}


.select-box:has(.selected-text i[class*="fa"]) .selected-text{
  padding-left: 0 !important;
}


.select-box:has(.selected-text i[class*="fa"]) .selected-text > i[class*="fa"]{
  margin-right: 8px;
}

.main-header a.add-list:hover,
.main-header a.add-list:focus{
  color: #fff !important;
}

#Home_page .listsearch-input-item .range-year-group{
  margin-bottom: 0 !important;
}

textarea.astro-i{
  width: 100% !important;
}

.color-bg-red-rev {
    color: #d92129!important;
}

button.color-bg-red-rev:hover,
.btn.color-bg-red-rev:hover{
  color: #fff !important;
  background: #d92129 !important;
  border-color: #d92129 !important;
}

.sub-tab-content .filter-row {
    align-items: flex-end;
}

.listsearch-input-item .date-range-pair .date-container input[type="text"]{
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.about-wrap .ab_text{
  text-align: left !important;
}

/* =========================
   Wallet Dashboard
   ========================= */

.wallet-summary-row > [class*="col-"] { margin-bottom: 15px; }

.wallet-balance{
  height: 90px;
  padding: 18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.wallet-balance__value{
  font-size: 36px;
  font-weight: 700;
  color:#000;
  line-height:1;
  text-align: left;
}
.wallet-balance__label{
  margin-top: 8px;
  font-size: 12px;
  color:#231f20;
  font-weight: bold;
  text-align: left;
}

.wallet-action{
  height: 90px;
  border-radius: 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 700;
  font-size: 14px;
  color:#fff;
  box-shadow: 0 9px 16px rgba(58, 87, 135, 0.12);
  text-align:center;
}
.wallet-action i{ margin-right: 10px; font-size: 20px; }
.wallet-action--blue{ background:#1694d2; }
.wallet-action--green{ background:#5ECFB1; }
.wallet-action:hover{ opacity:.92; color:#fff; }

.wallet-section-title{ margin-top: 25px; margin-bottom: 20px; }

.wallet-history .dashboard-list{ padding: 18px 20px; }
.wallet-history .dashboard-message{
  display:flex;
  align-items:center;
}
.wallet-history .dashboard-message-text{
  float:none;
  width:auto;
  flex:1;
  display:flex;
  align-items:center;
}
.wallet-history .dashboard-message-time{
  float:none;
  width:auto;
  flex:0 0 auto;
  padding-right:0;
  top:0;
  text-align:right;
  font-size: 14px;
  font-weight: 700;
}

.wallet-dot{
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid #e5e7f2;
  background:#fff;
  margin-right:16px;
  flex:0 0 auto;
}

.wallet-body h4{
  margin:0;
  padding:0;
  font-size: 13px;
  font-weight: 700;
  color:#000;
}
.wallet-meta{
  margin-top:4px;
  font-size:12px!important;
  color:#7d93b2;
}

.wallet-item--credit{ border-left:4px solid #5ECFB1; }
.wallet-item--debit{  border-left:4px solid #F9B90F; }

.wallet-amount--pos{ color:#5ECFB1; }
.wallet-amount--neg{ color:#e04a4a; }

.wallet-quick{ padding: 20px; }
.wallet-quick-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.wallet-quick-btn{
  flex:1 1 calc(33.333% - 12px);
  background:#f9f9f9;
  border:1px solid #eee;
  border-radius:6px;
  padding:14px 16px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#231f20;
}
.wallet-quick-btn i{
  margin-right:8px;
  color:#1694d2;
}
.wallet-quick-btn--wide{ flex-basis: calc(66.666% - 12px); }

@media (max-width: 991px){
  .wallet-action, .wallet-balance{ height:auto; }
}
@media (max-width: 767px){
  .wallet-quick-btn,
  .wallet-quick-btn--wide{ flex-basis:100%; }
  .wallet-history .dashboard-message{ align-items:flex-start; }
}

.wallet-ring-img{
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid #1694d2;
  object-fit:cover;
  margin-right:16px;
  flex:0 0 auto;
}

.wallet-dot{
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid #1694d2;
  background:#fff;
  margin-right:16px;
  flex:0 0 auto;
}

.wallet-meta{
  margin-top:4px;
  font-size:10px;
  color:#7d93b2;
  line-height:1.2;
}
.wallet-meta__date{ display:block; }
.wallet-meta__method{ display:block; }

.wallet-quick-btn{
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.wallet-quick-btn:hover{
  background:#1694d2;
  border-color:#1694d2;
  color:#fff;
  transform: translateY(-1px);
}
.wallet-quick-btn:hover i{ color:#fff; }

.wallet-history .dashboard-message{
  display:flex;
  align-items:center;
}

.wallet-history .dashboard-message-text{
  float:none !important;
  width:auto !important;
  flex:1;
  display:flex;
  align-items:center;
}

.wallet-history .dashboard-message-time{
  float:none !important;
  width:auto !important;
  position:static !important;
  flex:0 0 auto;
  font-weight:700;
}

.wallet-ring-img{
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid #1694d2;
  object-fit:cover;
  margin-right:16px;
  flex:0 0 auto;
}

.wallet-meta{
  margin-top:4px;
  font-size:10px;
  color:#7d93b2;
  line-height:1.2;
}
.wallet-meta__method{ display:block; }
.wallet-meta__date{ display:block; }

.header-btn-green{
  background:#5ECFB1 !important;
  border-color:#5ECFB1 !important;
  color:#fff !important;
}
.header-btn-green:hover{
  background:#49b89f !important;
  border-color:#49b89f !important;
  color:#fff !important;
}

.wallet-meta__method,
.wallet-meta__date{
  text-align:start;
}

@media (max-width: 1024px){
  .user-profile-menu h3{
    text-align: center;
  }
}

@media (max-width: 768px){
  .user-profile-menu h3{
    text-align: left;
  }
}

.wallet-action{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:18px 20px;
  min-height:90px;
  height:auto;
  gap:10px;
  line-height:1.2;
}

@media (max-width: 1024px){
  .wallet-summary-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }

  .wallet-summary-row > .col-md-4{
    flex:0 0 100%;
    max-width:100%;
    margin-bottom:0;
  }

  .wallet-summary-row > .col-md-4:nth-child(2),
  .wallet-summary-row > .col-md-4:nth-child(3){
    flex:0 0 calc(50% - 6px);
    max-width:calc(50% - 6px);
  }
}

@media (max-width: 768px){
  .wallet-action{ min-height:70px; padding:16px 14px; }
  .wallet-balance{ padding:16px 14px; }
}

@media (max-width: 1024px){
    .pr-0 {
        padding-right: 0!important;
    }
    
    .pl-0 {
        padding-left: 0!important;
    }
}

/* ------------------------------
   Credits Page
------------------------------ */

body.dashboard-credits-page .main-dashboard-sec.gray-bg{
  background:#f6f7fb !important;
}

body.dashboard-credits-page .credits-page .block_box{
  background:#fff !important;
  border:1px solid #e6edf7 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

body.dashboard-credits-page .credits-summary-row{
  margin-bottom:20px;
}

body.dashboard-credits-page .credits-balance{
  padding:18px !important;
}

body.dashboard-credits-page .credits-balance__top{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:6px;
}

body.dashboard-credits-page .credits-ico{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f2f7ff !important;
  border:1px solid #cfe1ff !important;
  color:#2f80ff !important;
  flex:0 0 42px;
}

body.dashboard-credits-page .credits-ico i{
  font-size:18px !important;
}

body.dashboard-credits-page .credits-ico.credits-ico--text{
  font-weight:900 !important;
  font-size:16px !important;
  line-height:1 !important;
}

body.dashboard-credits-page .credits-balance__val{
  display:flex;
  align-items:baseline;
}

body.dashboard-credits-page .credits-balance__num{
  font-size:36px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:#111 !important;
}

body.dashboard-credits-page .credits-balance__unit{
  font-size:13px !important;
  font-weight:700 !important;
  margin-left:6px;
  color:#111 !important;
}

body.dashboard-credits-page .credits-balance__sub{
  font-size:14px !important;
  text-align: left;
  color:#000 !important;
  font-weight: bold;
}

body.dashboard-credits-page .credits-balance__bonus{
  color:#55c7a6 !important;
  font-weight:800 !important;
  margin-left:6px;
}

body.dashboard-credits-page .credits-pricelist{
  padding:16px 18px !important;
}

body.dashboard-credits-page .credits-pricelist__title{
  font-weight:800 !important;
  color:#231f20 !important;
  text-align:left !important;
  padding:4px 0 12px 0 !important;
  margin:0 !important;
}

body.dashboard-credits-page .credits-pricelist__row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:10px 0 !important;
  border-top:1px solid #edf2f8 !important;
}

body.dashboard-credits-page .credits-pricelist__label{
  flex:1 1 auto !important;
  text-align:left !important;
  color:#000 !important;
  font-size:12px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.dashboard-credits-page .credits-pricelist__price{
  flex:0 0 auto !important;
  min-width:70px !important;
  text-align:right !important;
  font-weight:800 !important;
  color:#111 !important;
  font-size:12px !important;
}

body.dashboard-credits-page .credits-section-title{
  margin-top:10px;
}

body.dashboard-credits-page .credits-packages{
  padding:22px !important;
}

body.dashboard-credits-page .credits-packages__grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}

body.dashboard-credits-page .credit-pack{
  border:1px solid #e6edf7 !important;
  border-radius:6px !important;
  padding:18px 16px !important;
  text-align:center !important;
  background:#fff !important;
}

body.dashboard-credits-page .credit-pack__name{
  font-weight:700 !important;
  color:#000 !important;
  margin-bottom:6px;
  font-size: 21px;
}

body.dashboard-credits-page .credit-pack__amount{
  font-size:36px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  color:#000 !important;
  margin-bottom:4px;
}

body.dashboard-credits-page .credit-pack__amount small{
  font-size:36px !important;
  font-weight:800 !important;
  color:#000 !important;
}

body.dashboard-credits-page .credit-pack__price{
  font-weight:700 !important;
  color:#000 !important;
  margin-bottom:6px;
  font-size: 14px;
}

body.dashboard-credits-page .credit-pack__bonus{
  font-size:12px !important;
  color:#55c7a6 !important;
  font-weight:800 !important;
  min-height:16px;
  margin-bottom:12px;
}

body.dashboard-credits-page .credit-pack__btn,
body.dashboard-credits-page .credit-pack .btn{
  display:block !important;
  width:100% !important;
  border-radius:4px !important;
  padding:12px 10px !important;
  font-weight:800 !important;
  background:#55c7a6 !important;
  border:1px solid #55c7a6 !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.dashboard-credits-page .credit-pack__btn:hover,
body.dashboard-credits-page .credit-pack .btn:hover{
  filter:brightness(0.95);
}

@media (max-width: 1199px){
  body.dashboard-credits-page .credits-packages__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px){
  body.dashboard-credits-page .credits-packages__grid{
    grid-template-columns:1fr !important;
  }
}

/* ==============================
   Billing Page
============================== */

body.dashboard-billing-page .main-dashboard-sec.gray-bg{
  background:#f6f7fb !important;
}

body.dashboard-billing-page .billing-hint{
  background:#55c7a6;
  color:#fff;
  border-radius:3px;
  padding:8px 12px;
  font-size:12px;
  line-height:1.35;
  margin:0 0 12px 0;
}
body.dashboard-billing-page .billing-hint a{
  color:#fff;
  text-decoration:underline;
  font-weight:700;
}

body.dashboard-billing-page .billing-card.block_box {
  background:#fff !important;
  border:1px solid #e6edf7 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

body.dashboard-billing-page .billing-card{
  padding:18px !important;
}

body.dashboard-billing-page .billing-field{
  margin-bottom:14px;
  text-align:left;
}

body.dashboard-billing-page .billing-field > label {
  display: block;
  font-weight: 700;
  font-size: 12px;
  margin: 0 0 6px 0;
  color: #231f20;
}


body.dashboard-billing-page .billing-page input.astro-i{
  width:100%;
  padding:14px 15px !important;
  box-sizing:border-box;
}

body.dashboard-billing-page .billing-radio{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-top:2px;
}

body.dashboard-billing-page .billing-radio label{
  margin:0;
  font-size:12px;
  font-weight:600;
  color:#1a1a1a;
  display:flex;
  align-items:center;
  gap:8px;
}

body.dashboard-billing-page .billing-radio input[type="radio"]{
  width:14px;
  height:14px;
  accent-color:#1694d1;
}

body.dashboard-billing-page .billing-confirm{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:14px;
  margin-top:6px;
}
body.dashboard-billing-page .billing-confirm__text{
  font-size:12px;
  color:#383838;
}

body.dashboard-billing-page .billing-confirm .onoffswitch{
  margin:0;
}
body.dashboard-billing-page .billing-confirm .onoffswitch-inner:before{
  content:"Ναι";
}
body.dashboard-billing-page .billing-confirm .onoffswitch-inner:after{
  content:"Όχι";
}

body.dashboard-billing-page .billing-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-top:1px solid #edf2f8;
  padding-top:16px;
  margin-top:12px;
}

body.dashboard-billing-page .billing-btn-save{
  background:#1694d1 !important;
  border:1px solid #1694d1 !important;
  color:#fff !important;
  border-radius:4px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
body.dashboard-billing-page .billing-btn-save:hover{
  filter:brightness(.96);
}

body.dashboard-billing-page .billing-btn-delete{
  background:#fdeaea !important;
  border:1px solid #f3b6b6 !important;
  color:#e25757 !important;
  border-radius:4px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
body.dashboard-billing-page .billing-btn-delete:hover{
  background:#e25757 !important;
  border-color:#e25757 !important;
  color:#fff !important;
}

body.dashboard-billing-page .billing-section-title{
  margin-top:18px;
}

body.dashboard-billing-page .billing-paymethods{
  padding:16px !important;
}

body.dashboard-billing-page .paymethod-item{
  position:relative;
  display:block;
  border:1px solid #e6edf7;
  border-radius:4px;
  padding:16px;
  background:#fff;
  margin-bottom:10px;
}

body.dashboard-billing-page .paymethod-left{
  font-weight:700;
  color:#111;
  font-size:14px;
  padding-right:220px;
}

body.dashboard-billing-page .paymethod-actions{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  background:#f6f7fb;
  border:1px solid #e6edf7;
  border-radius:999px;
  padding:6px 8px;
}

body.dashboard-billing-page .paymethod-default{
  flex:0 0 auto;
  min-width:112px;
  height:28px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:#fff;
  border:1px solid #e6edf7;
  color:#9aa9bf;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
body.dashboard-billing-page .paymethod-default:hover{
  background:#f0f4f9;
}

body.dashboard-billing-page .paymethod-default.is-default{
  background:#55c7a6;
  border-color:#55c7a6;
  color:#fff;
}
body.dashboard-billing-page .paymethod-default.is-default:hover{
  filter:brightness(.97);
}

body.dashboard-billing-page .paymethod-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  flex:0 0 28px;
}
body.dashboard-billing-page .paymethod-icon.edit{ background:#1694d1; }
body.dashboard-billing-page .paymethod-icon.delete{ background:#e25757; }
body.dashboard-billing-page .paymethod-icon.edit:hover,
body.dashboard-billing-page .paymethod-icon.delete:hover{
  filter:brightness(.95);
}

body.dashboard-billing-page .billing-add-method{
  margin:14px auto 0;
  background:#1694d1 !important;
  border:1px solid #1694d1 !important;
  color:#fff !important;
  border-radius:4px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:none !important;
}
body.dashboard-billing-page .billing-add-method:hover{
  filter:brightness(.96);
}

@media (max-width: 575px){
  body.dashboard-billing-page .billing-actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.dashboard-billing-page .paymethod-left{
    padding-right:0;
    margin-bottom:10px;
  }

  body.dashboard-billing-page .paymethod-actions{
    position:static;
    transform:none;
    justify-content:flex-end;
    width:fit-content;
    margin-left:auto;
  }
}

.astro-dd .dropdown-options label{
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  line-height:1.2;
  margin:0;
}

.billing-field label{
  display: block;
  margin: 0 0 10px;
  line-height: 1.2;
}

.billing-field input,
.billing-field select,
.billing-field .select-box{
  margin: 0;
}

body.dashboard-billing-page .billing-card .listsearch-input-item{
  margin-bottom: 0 !important;
}

body.dashboard-billing-page .billing-card .billing-field{
  margin-bottom: 18px;
}

body.dashboard-billing-page .billing-card .billing-field > label{
  display:block;
  margin: 0 0 8px;
}

body.dashboard-billing-page .billing-card .listsearch-input-item{
  margin-bottom: 0;
}

body.dashboard-billing-page .billing-actions .btn,
body.dashboard-billing-page .billing-actions button{
  cursor: pointer;
}

body.dashboard-billing-page .billing-paymethods{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: left;
}

body.dashboard-billing-page .billing-paymethods .paymethod-row{
  margin: 0 0 12px;
}

body.dashboard-billing-page .billing-paymethods .paymethod-row .dashboard-message{
  position: relative;
  display: flex;
  align-items: center;
  padding: 30px;
  background: #fff;
  border: 1px solid #e5e7f2;
  border-radius: 8px;
}

body.dashboard-billing-page .billing-paymethods .paymethod-row .dashboard-message-text{
  flex: 1;
  min-width: 0;
  padding-right: 220px;
}

body.dashboard-billing-page .billing-paymethods .paymethod-row .booking-list-contr{
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}

body.dashboard-billing-page .billing-paymethods .paymethod-row .booking-list-contr *{
  transform: none;
}

body.dashboard-billing-page .billing-paymethods .paymethod-default{
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
}

body.dashboard-billing-page .billing-paymethods .booking-list-contr a.tolt{
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  margin: 0;
}

body.dashboard-billing-page .billing-add-method{
  display: inline-block;
  margin-top: 14px;
  margin-left: 0;
}

body.dashboard-billing-page .billing-paymethods .dashboard-list{
  padding: 0 !important;
  background: unset !important;
}

body.dashboard-billing-page .billing-paymethods h4.paymethod-number{
  font-size: 12px !important;
  color: #383838 !important;
  font-weight: 500 !important;
}

body.dashboard-billing-page .billing-card .listsearch-input-item{
  float: none !important;     /* kill the float only here */
}

body.dashboard-billing-page .billing-field::after{
  content:"";
  display:block;
  clear:both;
}

@media (max-width: 1064px){
  body.dashboard-billing-page .custom-multiselect.astro-dd{
    position: relative;
  }
  body.dashboard-billing-page .custom-multiselect.astro-dd.open{
    z-index: 9999;
  }
  body.dashboard-billing-page .custom-multiselect.astro-dd .dropdown-options{
    z-index: 10000 !important;
  }
}

@media (max-width: 450px) {
  body.dashboard-billing-page .onoffswitch-switch {
    right: 55px;
  }
}

.billing-paymethods .paymethod-default.is-secondary{
  background: #f2f4f7;
  color: #97a1b2;
  border: 1px solid #e3e7ee;
}

.billing-paymethods .paymethod-default.is-secondary:hover{
  background: #e9edf3;
  color: #7d8798;
  border-color: #d7dde7;
}

/* =========================================================
   WALLET DASHBOARD - NOTIFICATIONS
   ========================================================= */

body.page-wallet-notifications .notif-list{
  border:1px solid #e5e7f2;
  border-radius:6px;
  overflow:hidden;
}

body.page-wallet-notifications .notif-list .dashboard-list{
  margin:0;
  border:0;
  border-bottom:1px solid #e5e7f2;
}

body.page-wallet-notifications .notif-list .dashboard-list:last-child{
  border-bottom:0;
}

body.page-wallet-notifications .notif-list .dashboard-message{
  display:flex;
  align-items:center;
  gap:16px;
}

body.page-wallet-notifications .notif-list .dashboard-message-text{
  display:flex;
  align-items:center;
  gap:14px;
  width:auto;
}

body.page-wallet-notifications .notif-list .dashboard-message-text img{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:6px;
}

body.page-wallet-notifications .notif-body h4{
  margin:0;
}

body.page-wallet-notifications .notif-meta{
  margin-top:2px;
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:12px;
  color:#7d93b2;
}

body.page-wallet-notifications .notif-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border:1px solid #e5e7f2;
  border-radius:999px;
  background:#fff;
}

body.page-wallet-notifications .notif-badge{
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  border:1px solid transparent;
  line-height:1;
}

body.page-wallet-notifications .notif-badge--premium{
  background:#eef6ff;
  color:#0494dd;
  border-color:#dbeafe;
}

body.page-wallet-notifications .notif-badge--free{
  background:#e8fbf2;
  color:#24b36b;
  border-color:#c9f3dd;
}

body.page-wallet-notifications .notif-action{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

body.page-wallet-notifications .notif-action--edit{
  background:#eaf4ff;
  color:#0494dd;
}

body.page-wallet-notifications .notif-action--delete{
  background:#fbe9ea;
  color:#e02424;
}

body.page-wallet-notifications .notif-action i{
  font-size:14px;
  line-height:1;
}

body.page-wallet-notifications .notif-section-title{
  margin-top:22px;
}

body.page-wallet-notifications .notif-settings{
  padding:22px 22px 18px;
}

body.page-wallet-notifications .notif-settings .listsearch-input-item{
  margin-bottom:16px;
}

body.page-wallet-notifications .notif-divider{
  width:100%;
  height:1px;
  background:#e5e7f2;
  margin:10px 0 18px;
}

body.page-wallet-notifications .notif-actions-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

body.page-wallet-notifications .notif-actions-row .btn{
  padding:10px 18px !important;
  border-radius:4px;
  line-height:1;
  cursor:pointer;
  box-shadow:none !important;
  outline:none;
}

body.page-wallet-notifications .notif-btn-save{
  background:#0494dd;
  color:#fff;
  border:0 !important;
}

body.page-wallet-notifications .notif-btn-save:hover{
  filter:brightness(0.95);
}

body.page-wallet-notifications .notif-btn-cancel{
  background:#fbe9ea;
  color:#e02424!important;
  border:1px solid #f1f0ef !important;
}

body.page-wallet-notifications .notif-btn-cancel:hover{
  background:#f7d7d9;
}

@media (max-width: 575px){
  body.page-wallet-notifications .notif-actions-row{
    flex-direction:column;
    align-items:stretch;
  }
  body.page-wallet-notifications .notif-actions-row .btn{
    width:100%;
    text-align:center;
  }
  body.page-wallet-notifications .notif-actions{
    width:100%;
    justify-content:flex-end;
  }
  body.page-wallet-notifications .notif-list .dashboard-message{
    flex-wrap:wrap;
  }
}

body.page-wallet-notifications .booking-list-contr .notif-plan{
  float:left;
  height:40px;
  line-height:40px;
  padding:0 16px;
  border-radius:30px;
  font-weight:700;
  font-size:12px;
  background:#fff;
  border:1px solid #e5e7f2;
  margin:0 8px 0 0;
}

body.page-wallet-notifications .booking-list-contr .notif-plan--premium{ color:#0494dd; }
body.page-wallet-notifications .booking-list-contr .notif-plan--free{ color:#2fbf71; }

body.page-wallet-notifications .notif-meta{
  color:#7d93b2;
  font-size:12px;
  line-height:18px;
}

@media (min-width: 769px){
  body.page-wallet-notifications .dashboard-message-text img{
    width:90px;
    height:auto;
  }
}

body.page-wallet-notifications .dashboard-message .booking-list-contr{
  top: 29px;
}

body.page-wallet-notifications .dashboard-message-text .notif-meta{
  text-align: left;
}

body.page-wallet-notifications .booking-list-contr .notif-plan--premium{
  background: #eaf4ff;
}

body.page-wallet-notifications .booking-list-contr .notif-plan--free{
  background: #e9fbf1;
}

.page-wallet-notifications .notif-settings label.bold-label{
  color:#231f20 !important;
  font-size: 14px;
}

.page-wallet-notifications .notif-item .notif-meta .notif-date{
  color: #231f20 !important;
}

.page-wallet-notifications .notif-item .notif-meta .notif-cat{
  color: rgba(35, 31, 32, 0.4) !important;
}

.page-wallet-notifications .notif-item .notif-meta .notif-cat,
.page-wallet-notifications .notif-item .notif-meta .notif-date{
  font-size: 10px;
}

.page-wallet-notifications .notif-item .dashboard-message-text h4 a{
  font-size: 12px !important;
}

.wallet-publish-page .publish-card{
  padding: 22px 25px;
}

.wallet-publish-page .publish-section-title{
  margin-top: 16px;
}

.wallet-publish-page .publish-subtitle{
  margin: 8px 0 10px;
  font-size: 12px;
  font-weight: 700;
  color: #231f20;
}

.wallet-publish-page .publish-toggles{
  display:flex;
  flex-wrap:wrap;
  gap: 12px 22px;
  margin-bottom: 6px;
}

.wallet-publish-page .publish-toggle{
  display:flex;
  align-items:center;
  gap: 10px;
}

.wallet-publish-page .publish-toggle__label{
  font-size: 12px;
  color: #7d93b2;
  font-weight: 500;
}

.wallet-publish-page .publish-summary{
  background:#f6f6f6;
  border:1px solid #e5e7f2;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 12px;
  color:#50596E;
  line-height: 1.5;
}
.wallet-publish-page .publish-summary .muted{
  margin-top: 6px;
  font-size: 12px;
  color:#878C9F;
}

.wallet-publish-page .publish-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 14px;
  margin-top: 16px;
}
.wallet-publish-page .publish-actions .btn{
  margin-top: 0 !important;
  border: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  line-height: 1;
  border-radius: 4px;
  padding: 12px 22px;
}

.wallet-publish-page .publish-btn-save{
  background:#1694d1;
  color:#fff;
}
.wallet-publish-page .publish-btn-save:hover{
  filter: brightness(0.95);
}

.wallet-publish-page .publish-btn-cancel{
  background:#fbe9ea;
  color:#d92129;
  border: 1px solid #f1f0ef;
}
.wallet-publish-page .publish-btn-cancel:hover{
  background:#f7d7d9;
}

.wallet-publish-page .onoffswitch-inner:before{
  background-color: #47c296 !important;
}
.wallet-publish-page .onoffswitch-inner:after{
  background-color: #d92129 !important;
}

@media (max-width: 575px){
  .wallet-publish-page .publish-toggle{
    min-width: 100%;
  }
  .wallet-publish-page .publish-actions{
    flex-direction: column;
    align-items: stretch;
  }
  .wallet-publish-page .publish-actions .btn{
    width: 100%;
    text-align: center;
  }
}

.wallet-publish-page .publish-subtitle,
.wallet-publish-page .publish-summary,
.wallet-publish-page .publish-summary *{
  text-align: left !important;
}

.wallet-publish-page .publish-subtitle{
  color:#231f20;
  font-weight:700;
  font-size:14px;
  margin: 10px 0 8px;
}

.wallet-publish-page .publish-summary{
  color:#50596E;
  font-weight:400;
  line-height:1.5;
}
.wallet-publish-page .publish-summary strong{
  color:#231f20;
  font-weight:700;
}

.wallet-publish-page .publish-toggle__label{
  color:#231f20;
  font-weight:600;
}

.wallet-publish-page .publish-form > .row > [class*="col-"] > label{
  color:#231f20;
  font-weight:700;
  font-size:14px;
}

.wallet-publish-page .publish-summary > div:not(.muted),
.wallet-publish-page .publish-summary > div:not(.muted) *{
  color:#231f20;
}

.wallet-publish-page .onoffswitch-switch{
    top: 0;
    bottom: 0;
    width: 25px;
    height: 20px;
    right: 62px;
}

/* =========================
   WALLET OFFCANVAS
   ========================= */

.wallet-offcanvas{
  position: fixed;
  inset: 0;
  z-index: 1200;
  pointer-events: none;
}

.wallet-offcanvas__overlay{
  position: absolute;
  inset: 0;
  background: rgba(37,44,65,.45);
  opacity: 0;
  transition: opacity .25s ease;
}

.wallet-offcanvas__panel{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 420px;
  max-width: 100%;
  background: #fff;
  box-shadow: -18px 0 40px rgba(0,0,0,.12);
  transform: translateX(105%);
  transition: transform .28s ease;
  display: flex;
  flex-direction: column;
  outline: none;
}

.wallet-offcanvas.is-open{
  pointer-events: auto;
}
.wallet-offcanvas.is-open .wallet-offcanvas__overlay{
  opacity: 1;
}
.wallet-offcanvas.is-open .wallet-offcanvas__panel{
  transform: translateX(0);
}

/* =========================
   TOP BAR (match sign-in header: centered logo, divider, X)
   ========================= */
.wallet-offcanvas__topbar{
  position: relative;
  height: 54px;
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
  padding: 0;
}

.wallet-offcanvas__brand{
  position: absolute;
  left: 0;
  right: 54px; /* leave space for close area */
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.wallet-offcanvas__brand img{
  height: 32px;
  width: auto;
  display: block;
}

.wallet-offcanvas__close{
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  border: 0;
  border-left: 1px solid #d4d4d4;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  color: #d4d4d4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-offcanvas__close i{
  font-size: 18px;
  line-height: 1;
}
.wallet-offcanvas__close:hover{
  color: #4DB7FE;
}

.wallet-offcanvas__close:hover i{
  color: inherit;
}

/* =========================
   INNER CONTENT
   ========================= */
.wallet-offcanvas__inner{
  padding: 18px 16px 22px;
  overflow: auto;
}

.wallet-offcanvas__titleRow{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 800;
  color: #111;
  margin: 6px 0 14px;
  text-align: center;
}
.wallet-offcanvas__titleRow i{
  font-size: 18px;
}

/* balance card */
.wallet-offcanvas__balanceCard{
  background: #243E83;
  border-radius: 10px;
  padding: 16px 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 14px;
}
.wallet-offcanvas__balanceLabel{
  font-size: 12px;
  opacity: .9;
  font-weight: 700;
  margin-bottom: 6px;
}
.wallet-offcanvas__balanceAmount{
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}
.wallet-offcanvas__balanceCredits{
  font-size: 16px;
  font-weight: 800;
  opacity: .95;
}
.wallet-offcanvas__balanceCredits i{
  margin-right: 6px;
}

/* =========================
   ACTIONS (icon + text centered together)
   ========================= */

.wallet-offcanvas__actions{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wallet-offcanvas__action{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 14px;
  border: 1px solid #e5e7eb;
  background: #fafafa;
  border-radius: 8px;
  text-decoration: none;
  color: #111;
  font-weight: 800;
  text-align: center;
}

.wallet-offcanvas__action i{
  position: static;
  left: auto;
  top: auto;
  transform: none;
  font-size: 18px;
  color: #0ea5e9;
  min-width: 22px;
  text-align: center;
}

.wallet-offcanvas__action span{
  display: inline-block;
  width: auto;
  padding: 0;
  text-align: center;
}

.wallet-offcanvas__action:hover{
  background: #f5f6f7;
}

/* mobile full width */
@media (max-width: 520px){
  .wallet-offcanvas__panel{
    width: 100vw;
  }
}

/* =========================
   Wallet Views
   ========================= */
   
.wallet-view { display: none; }
.wallet-view.is-active { display: block; }

.wallet-offcanvas__action.is-active{
  background:#1ea6df;
  border-color:#1ea6df;
  color:#fff;
}
.wallet-offcanvas__action.is-active i{ color:#fff; }

/* =========================
   Subheader row (section title + small X)
   ========================= */
   
.wallet-subheader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 2px 8px;
  margin-top: 4px;
}

.wallet-subheader__title {
    font-weight: 800;
    font-size: 14px;
    color: #000;
}

.wallet-subheader__close{
  border:0;
  background:transparent;
  cursor:pointer;
  color:#111;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 8px;
}
.wallet-subheader__close:hover{ background:#f3f4f6; }

/* =========================
   TOPUP UI
   ========================= */
.wallet-topup{ margin-top: 6px; }

.wallet-topup__amounts{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin: 6px 0 12px;
}

.wallet-topup__amount{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:6px;
  padding:10px 0;
  font-weight:800;
  cursor:pointer;
  color: #231f20;
  font-size: 18px;
}
.wallet-topup__amount.is-active{
  border-color:#1ea6df;
  box-shadow: 0 0 0 2px rgba(30,166,223,.15);
}

.wallet-topup__field{ margin: 10px 0; }
.wallet-topup__field label{
  display:block;
  font-weight:800;
  text-align: left;
  font-size:12px;
  margin:0 0 6px;
  color:#231f20;
}

.wallet-topup__input{
  width:100%;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  height: 48px;
  border-radius:6px;
  padding: 11px 12px;
  outline:none;
}

.wallet-topup__field--select .listsearch-input-item{ margin: 0; }
.wallet-topup__field--select select.chosen-select{ width:100%; }
.wallet-topup__field--select .nice-select{
  width: 100%;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  height: 48px;
  line-height: 42px;
}

.wallet-topup__summary{
  margin-top: 10px;
  background:#e9f6fb;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
}

.wallet-topup__row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 0;
  color: rgba(35, 31, 32, 0.4);
  font-weight: 700;
}
.wallet-topup__row span:last-child{
  color: rgba(35, 31, 32, 0.4);
  font-weight: 700;
}

.wallet-topup__note{
  margin-top: 2px;
  font-size: 12px;
  color:#9ca3af;
  text-align: left;
}
.wallet-topup__note strong{
  font-weight: 900;
}

.wallet-topup__total{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top: 8px;
  margin-top: 8px;
  border-top:1px solid rgba(0,0,0,.08);
  font-weight: 900;
  color: rgb(22, 148, 210);
}
.wallet-topup__total span:last-child{
  color: rgb(22, 148, 210);
}

.wallet-topup__cta{
  margin-top: 12px;
  width:100%;
  border:0;
  border-radius: 6px;
  padding: 12px 14px;
  font-weight:900;
  color:#fff;
  background:#df1e1e;
  cursor:pointer;
  font-size: 14px;
  transition: all 200ms linear;
}

.wallet-topup__field--select .listsearch-input-item,
.wallet-topup__field--select .nice-select{
  float: none !important;
  display: block !important;
  width: 100% !important;
  
}

.wallet-topup__field--select .listsearch-input-item{
  position: relative;
}

.wallet-topup__summary,
.wallet-topup__cta{
  clear: both;
}

.wallet-topup__field--select{
  margin-bottom: 10px;
}

.wallet-topup__field--select .nice-select.open{
  z-index: 50;
}

.wallet-topup__field--select .nice-select .current{
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 26px;
}

.wallet-topup__field--select .nice-select{
  line-height: 48px;
}


.menu-cta-group { display: none; }

@media (max-width: 1297px){
  header.main-header > a.add-list { display:none !important; }
  .menu-cta-group { display: block; }
}

.nav-holder nav li.menu-cta-group ul{
  min-width: 220px;
}
.nav-holder nav li.menu-cta-group ul li a{
  padding: 10px 14px;
}

/* =========================
   Credits View
   ========================= */

.wallet-credits { padding-top: 6px; }

.wallet-credits__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 10px 0 16px;
}

.wallet-credit-card{
  border:1px solid #e5e7f2;
  border-radius:10px;
  background:#fff;
  padding: 14px 12px 12px;
  text-align:center;
}

.wallet-credit-card__cr{
  font-weight: 900;
  font-size: 30px;
  line-height: 1.05;
  color:#000;
  margin-top: 2px;
}

.wallet-credit-card__price{
  font-weight: 800;
  font-size: 14px;
  color:#000;
  margin-top: 6px;
}

.wallet-credit-card__bonus{
  font-weight: 800;
  font-size: 12px;
  color:#26b8a2;
  margin-top: 10px;
}

.wallet-credit-card__btn{
  width:100%;
  margin-top: 12px;
  border:0;
  border-radius:6px;
  padding: 12px 10px;
  background:#61d0b8;
  color:#fff;
  font-weight: 900;
  font-size: 14px;
  cursor:pointer;
}

.wallet-credit-card:hover{
  border-color:#cfd6ea;
}

.wallet-credits__field label{
  display:block;
  font-weight: 900;
  font-size: 12px;
  color:#231f20;
  text-align:left;
  margin: 8px 0 8px;
}

.wallet-credits__cta{
  width:100%;
  border:0;
  border-radius:6px;
  padding: 15px 12px;
  background:#d92129;
  color:#fff;
  font-weight: 900;
  cursor:pointer;
  margin-top: 12px;
}

/* ===== Wallet offcanvas: fix pointless scrollbar + dropdown clipping ===== */

#walletOffcanvas .wallet-offcanvas__panel{
  display:flex;
  flex-direction:column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden; 
}

#walletOffcanvas .wallet-offcanvas__inner{
  flex: 1;
  min-height: 0;
  overflow-y: auto; 
  overflow-x: hidden;
}

#walletOffcanvas .wallet-view{
  overflow: visible;
}

#walletOffcanvas .listsearch-input-item{
  overflow: visible;
}
#walletOffcanvas .nice-select{ width:100%; }
#walletOffcanvas .nice-select.open{ z-index: 9999; }
#walletOffcanvas .nice-select .list{
  max-height: 260px;
  overflow: auto;
}

#walletOffcanvas .chosen-container{ width:100% !important; position:relative; z-index: 20; }
#walletOffcanvas .chosen-container.chosen-with-drop{ z-index: 9999; }

.wallet-credits__cta{
  width:100%;
  border:0;
  border-radius:6px;
  padding: 15px 12px;
  color:#fff;
  font-weight: 900;
  cursor:pointer;
  margin-top: 12px;
  transition: all 200ms linear;
}

.wallet-credits__cta:active{ transform: translateY(1px); }

.wallet-credit-card{
  transition: all 200ms linear;
}
.wallet-credit-card:hover{
  border-color:#cfd6ea;
  box-shadow: 0 10px 20px rgba(0,0,0,.04);
}

.wallet-credit-card__btn{
  transition: all 200ms linear;
}
.wallet-credit-card__btn:hover{
  filter: brightness(.95);
}
.wallet-credit-card__btn:active{
  transform: translateY(1px);
}

/* =========================
   Newspaper View
   ========================= */

#walletOffcanvas .wallet-newspaper{
  padding-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 14px;            /* THIS creates the missing breathing room everywhere */
  text-align: left;
}

#walletOffcanvas .wallet-newspaper__field{
  margin: 0;
}
#walletOffcanvas .wallet-newspaper__field::after{
  content:"";
  display:block;
  clear:both;
}

#walletOffcanvas .wallet-newspaper__field > label{
  display:block;
  font-weight:800;
  font-size:12px;
  margin:0 0 8px;
  color:#231f20;
}

#walletOffcanvas .wallet-newspaper .listsearch-input-item{
  margin:0 !important;
  position:relative;
  overflow: visible;
  float: none !important;
  display: block !important;
  width: 100% !important;
}

#walletOffcanvas .wallet-newspaper select.chosen-select{
  width:100% !important;
}

#walletOffcanvas .wallet-newspaper .chosen-container{
  width:100% !important;
  float:none !important;
  display:block !important;
  margin:0 !important;
}

#walletOffcanvas .wallet-newspaper .nice-select{
  width:100% !important;
  float:none !important;
  display:block !important;
  margin:0 !important;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:6px;
  height:48px;
  line-height:48px;
}

#walletOffcanvas .wallet-newspaper .nice-select .current{
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 28px;
}

#walletOffcanvas .wallet-newspaper__summary{
  margin: 0;
  background:#e9f6fb;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 12px;
  overflow: hidden;
}

#walletOffcanvas .wallet-newspaper__row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding: 0;
  color: rgba(35,31,32,.4);
  font-weight: 700;
  line-height: 1.35;
}

#walletOffcanvas .wallet-newspaper__row span:first-child{
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

#walletOffcanvas .wallet-newspaper__row span:last-child{
  flex: 0 0 auto;
  min-width: 72px;
  white-space: nowrap;
  text-align: right;
}

#walletOffcanvas .wallet-newspaper__learn{
  margin-top: 0;
  color:#9ca3af;
  font-size: 12px;
  line-height: 1.35;
  text-align:left;
}

#walletOffcanvas .wallet-newspaper__learn strong{
  font-weight:900;
  display:block;
}

#walletOffcanvas .wallet-newspaper__total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-top: 10px;
  margin-top: 10px;
  border-top:1px solid rgba(0,0,0,.08);
  font-weight: 900;
  color: rgb(22, 148, 210);
  line-height: 1.25;
}

#walletOffcanvas .wallet-newspaper__total span:last-child{
  color: rgb(22, 148, 210);
}

#walletOffcanvas .wallet-newspaper__note{
  margin: 0;
  background:#fff9d8;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  color: rgba(35, 31, 32, 0.4);
}

#walletOffcanvas .wallet-newspaper__ctas{
  display:flex;
  gap:12px;
  margin: 0;
}

#walletOffcanvas .wallet-newspaper__cta{
  flex:1;
  width:100%;
  border:0;
  border-radius:6px;
  padding: 14px 12px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
}

/* =========================
   Pending Payments View
   ========================= */

#walletOffcanvas .wallet-pending{
  padding-top: 6px;
  display:flex;
  flex-direction:column;
  gap: 14px;
  text-align:left;
}

#walletOffcanvas .wallet-pending__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#walletOffcanvas .wallet-pending-card{
  position:relative;
  border:1px solid #e5e7f2;
  border-radius:10px;
  background:#fff;
  padding: 16px 12px 12px;
  text-align:center;
  overflow:hidden;
  min-height: 118px;
}

#walletOffcanvas .wallet-pending-card--warn::before,
#walletOffcanvas .wallet-pending-card--ok::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 5px;
  border-radius: 10px 0 0 10px;
}

#walletOffcanvas .wallet-pending-card--warn::before{ background:#f59e0b; }
#walletOffcanvas .wallet-pending-card--ok::before{ background:#26b8a2; }

#walletOffcanvas .wallet-pending-card__title{
  font-weight: 900;
  font-size: 20px;
  color:#000;
  margin-top: 2px;
}

#walletOffcanvas .wallet-pending-card__sub{
  font-weight: 800;
  font-size: 12px;
  color: #231f20;
  margin-top: 6px;
}

#walletOffcanvas .wallet-pending-card__sub--ok{
  color:#26b8a2;
}

#walletOffcanvas .wallet-pending-card__btn{
  width:100%;
  border:0;
  border-radius:6px;
  padding: 12px 10px;
  font-weight: 900;
  color:#fff;
  cursor:pointer;
  margin-top: 14px;
  font-size: 14px;
}

#walletOffcanvas .wallet-pending__summary{
  background:#e9f6fb;
  border-radius:8px;
  padding: 12px 14px;
  font-size: 12px;
  overflow:hidden;
}

#walletOffcanvas .wallet-pending__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 0;
  color: rgba(35,31,32,.4);
  font-weight: 700;
  line-height: 1.35;
}

#walletOffcanvas .wallet-pending__row span:first-child{
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap:anywhere;
}
#walletOffcanvas .wallet-pending__row span:last-child{
  flex: 0 0 auto;
  min-width: 72px;
  text-align:right;
  white-space:nowrap;
}

#walletOffcanvas .wallet-pending__total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-top: 10px;
  margin-top: 10px;
  border-top:1px solid rgba(0,0,0,.08);
  font-weight: 900;
  color: rgb(22, 148, 210);
}

#walletOffcanvas .wallet-pending__cta{
  width:100%;
  border:0;
  border-radius:6px;
  padding: 15px 12px;
  font-weight:900;
  color:#fff;
  cursor:pointer;
  font-size: 14px;
}

#walletOffcanvas .wallet-pending-card__btn,
#walletOffcanvas .wallet-pending__cta{
  transition: background-color 200ms linear, border-color 200ms linear, transform 120ms ease;
}
#walletOffcanvas .wallet-pending-card__btn:active,
#walletOffcanvas .wallet-pending__cta:active{
  transform: translateY(1px);
}

/* =========================
   Wallet History View
   ========================= */

#walletOffcanvas .wallet-history{
  padding-top: 6px;
  display:flex;
  flex-direction:column;
  gap: 14px;
  text-align:left;
}

#walletOffcanvas .wallet-view--history .wallet-history__field{
  margin: 0 0 10px;
}

#walletOffcanvas .wallet-view--history .wallet-history__field .listsearch-input-item{
  margin-bottom: 0 !important;
}

#walletOffcanvas .wallet-history__field > label{
  display:block;
  font-weight:800;
  font-size:12px;
  margin:0 0 10px;
  color:#231f20;
}

#walletOffcanvas .wallet-history__list{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding-bottom: 6px;
}

#walletOffcanvas .wallet-history-item{
  position:relative;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border:1px solid #e5e7f2;
  border-radius: 8px;
  background:#fff;
  overflow:hidden;
}

#walletOffcanvas .wallet-history-item::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 4px;
  border-radius: 8px 0 0 8px;
  background:#26b8a2;
}

#walletOffcanvas .wallet-history-item--warn::before{
  background:#f59e0b;
}

#walletOffcanvas .wallet-history-item__icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 2px solid #1ea6df;
  background:#fff;
  overflow:hidden;
  flex: 0 0 auto;
}

#walletOffcanvas .wallet-history-item__icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

#walletOffcanvas .wallet-history-item__main{
  flex: 1 1 auto;
  min-width: 0;
}

#walletOffcanvas .wallet-history-item__title{
  font-weight: 900;
  font-size: 13px;
  color:#231f20;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#walletOffcanvas .wallet-history-item__meta{
  font-weight: 700;
  font-size: 10px;
  color: rgba(35,31,32,.55);
  margin-top: 2px;
  line-height: 1.2;
}

#walletOffcanvas .wallet-history-item__amount{
  flex: 0 0 auto;
  font-weight: 900;
  font-size: 14px;
  white-space: nowrap;
  text-align:right;
  min-width: 88px;
}

#walletOffcanvas .wallet-history-item__amount--in{  color:#26b8a2; }
#walletOffcanvas .wallet-history-item__amount--out{ color:#d92129; }

.wallet-modal{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}

.wallet-modal.is-open{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.wallet-modal__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35);
}

.wallet-modal__panel{
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: calc(100vh - 32px);
  margin: 0;
  background:#fff;
  border-radius: 10px;
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  outline: none;
}

.wallet-modal__header{
  padding: 14px 16px;
  margin-top: 0;
}

.wallet-modal__body{
  padding: 14px 16px 18px;
  padding-top: 0;
  overflow:auto;
  min-height: 0;
}

.wallet-modal .wallet-topup__cta{
  width: 280px;
  margin-left: auto;
}

@media (max-width: 520px){
  .wallet-modal.is-open{ padding: 0; }

  .wallet-modal__panel{
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }

  .wallet-modal .wallet-topup__cta{
    width: 100%;
    margin-left: 0;
  }
}

body.wallet-modal-open{
  overflow: hidden;
}



.wallet-topup__amounts--radio .wallet-topup__amount{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
  display:block;
}

.wallet-topup__amountRadio{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.wallet-topup__amounts--radio .wallet-topup__amount span{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:6px;
  padding:10px 0;
  font-weight:800;
  color:#231f20;
  font-size:18px;
  transition: all 200ms linear;
  cursor:pointer;
}

.wallet-topup__amountRadio:checked + span{
  border-color:#1ea6df;
  box-shadow: 0 0 0 2px rgba(30,166,223,.15);
}

.wallet-modal .wallet-topup__cta{
  float: right !important;
  width: 280px !important;
  margin: 12px 0 0 0 !important;
  display: inline-block !important;
}

.wallet-modal .wallet-topup::after{
  content:"";
  display:block;
  clear:both;
}

@media (max-width: 520px){
  .wallet-modal .wallet-topup__cta{
    float: none !important;
    width: 100% !important;
  }
}

#offerModal .offer-close,
.offer-modal .offer-close{
  position:absolute !important;
  top:10px !important;
  right:15px !important;

  width:34px;
  height:34px;
  display:flex !important;
  align-items:center;
  justify-content:center;

  border-radius:8px;
  cursor:pointer;

  background:transparent;
  color:#111 !important;

  font-size:0 !important;
  line-height:1 !important;
  user-select:none;
  z-index: 10;

  transition: background-color 200ms linear, transform 120ms ease;
  -webkit-tap-highlight-color: transparent;
}

#offerModal .offer-close::before,
.offer-modal .offer-close::before{
  content:"\f00d"; /* fa-times */
  font-family: "Font Awesome 5 Pro","Font Awesome 5 Free" !important;
  font-weight: 300;
  font-size:16px;
  line-height:1;
}

#offerModal .offer-close:hover,
.offer-modal .offer-close:hover{
  background:#f3f4f6;
}

#offerModal .offer-close:active,
.offer-modal .offer-close:active{
  transform: translateY(1px);
}

#phonePopup #closePopup{
  width:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:8px !important;
  cursor:pointer !important;

  background:transparent !important;
  border:0 !important;
  color:#111 !important;

  font-size:0 !important;
  line-height:1 !important;
  padding:0 !important;

  transition: background-color 200ms linear, transform 120ms ease !important;
  -webkit-tap-highlight-color: transparent;
}

#phonePopup #closePopup{
  position:absolute !important;
  top:5px !important;
  right:10px !important;
}

#phonePopup #closePopup::before{
  content:"\f00d";
  font-family: "Font Awesome 5 Pro","Font Awesome 5 Free" !important;
  font-weight: 300;
  font-size:16px;
  line-height:1;
}

#phonePopup #closePopup:hover{
  background:#f3f4f6 !important;
}

#phonePopup #closePopup:active{
  transform: translateY(1px);
}

.wallet-withdraw{
  padding-top: 4px;
  display:flex;
  flex-direction:column;
  gap: 14px;
}

.wallet-withdraw__field label{
  display:block;
  font-weight:800;
  text-align:left;
  font-size:12px;
  margin:0 0 8px;
  color:#231f20;
}

.wallet-withdraw__input{
  width:100%;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  height:48px;
  border-radius:6px;
  padding: 11px 12px;
  outline:none;
}

.wallet-withdraw__field--select .listsearch-input-item{
  margin:0 !important;
  float:none !important;
  width:100% !important;
}

.wallet-withdraw__cta{
  width: 280px;
  margin-left: auto;
  border:0;
  border-radius:6px;
  padding: 12px 14px;
  font-weight:900;
  color:#fff;
  cursor:pointer;
}

@media (max-width: 520px){
  .wallet-withdraw__cta{
    width:100%;
    margin-left:0;
  }
}

#topupModal.wallet-modal .wallet-modal__panel,
#withdrawModal.wallet-modal .wallet-modal__panel{
  overflow: visible !important;
}

#topupModal.wallet-modal .wallet-modal__body,
#withdrawModal.wallet-modal .wallet-modal__body{
  overflow: visible !important;
}

#topupModal .nice-select.open,
#withdrawModal .nice-select.open{
  z-index: 100000 !important;
}
#topupModal .nice-select.open .list,
#withdrawModal .nice-select.open .list{
  z-index: 100001 !important;
}

.wallet-modal button,
.wallet-modal .btn,
.offer-modal button,
.offer-modal .btn,
#phonePopup button,
#phonePopup .btn{
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
}

#walletOffcanvas #referralModal,
#referralModal{ font-family: "Roboto", sans-serif; }

.wallet-referral{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.wallet-referral__hint{
  font-size: 12px;
  color: rgba(35,31,32);
  font-weight: 700;
  text-align: left;
}

.wallet-referral__box{
  border:1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px;
  background:#f9fafb;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.wallet-referral__code{
  width:100%;
  height: 56px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius: 6px;
  text-align:center;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: 1px;
  outline:none;
  font-family: 'Roboto';
}

.wallet-referral__copyBtn{
  border:0;
  height: 46px;
  border-radius: 999px;
  padding: 0 18px;
  font-weight: 900;
  font-size: 14px;
  color:#fff;
  cursor:pointer;
  align-self: center;
  min-width: 260px;
  transition: background-color 200ms linear, transform 120ms ease;
}
.wallet-referral__copyBtn:active{ transform: translateY(1px); }

.wallet-referral__stats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 2px;
}

.wallet-referral__stat{
  border:1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 30px;
}

.wallet-referral__statLabel{
  font-size: 12px;
  font-weight: 800;
  color:#231f20;
}

.wallet-referral__statValue{
  font-size: 36px;
  font-weight: 900;
  color: rgb(22, 148, 210);
  line-height: 1;
}

/* =========================
   Newspaper Modal (fix layout)
   ========================= */

#newspaperModal .wallet-modal__body{
  padding-top: 14px !important;
  text-align: left !important;
}

#newspaperModal .wallet-newspaper{
  display:flex;
  flex-direction:column;
  gap: 14px;
  text-align:left;
}

/* fields + labels */
#newspaperModal .wallet-newspaper__field{
  margin: 0;
}
#newspaperModal .wallet-newspaper__field > label{
  display:block;
  font-weight:800;
  font-size:12px;
  margin:0 0 8px;
  color:#231f20;
  text-align:left;
}

/* dropdown option labels should be regular */
#newspaperModal .wallet-newspaper__field .dropdown-options label{
  font-weight:400;
}

#newspaperModal .wallet-newspaper .listsearch-input-item{
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

/* summary box (blue) */
#newspaperModal .wallet-newspaper__summary{
  background:#e9f6fb;
  border-radius:8px;
  padding: 12px 14px;
  font-size: 12px;
  overflow:hidden;
}

#newspaperModal .wallet-newspaper__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 0;
  color: rgba(35,31,32,.4);
  font-weight: 700;
  line-height: 1.35;
}

#newspaperModal .wallet-newspaper__row span:first-child{
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap:anywhere;
}
#newspaperModal .wallet-newspaper__row span:last-child{
  flex: 0 0 auto;
  min-width: 72px;
  text-align:right;
  white-space:nowrap;
}

#newspaperModal .wallet-newspaper__learn{
  margin-top: 6px;
  font-size: 12px;
  color:#9ca3af;
  text-align:left;
}
#newspaperModal .wallet-newspaper__learn strong{
  font-weight:900;
}

#newspaperModal .wallet-newspaper__total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-top: 10px;
  margin-top: 10px;
  border-top:1px solid rgba(0,0,0,.08);
  font-weight: 900;
  color: rgb(22, 148, 210);
}
#newspaperModal .wallet-newspaper__total span:last-child{
    color: rgb(22, 148, 210);
}

#newspaperModal .wallet-newspaper__note{
  background:#fff9d8;
  color: rgba(35, 31, 32, 0.4);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 700;
}

#newspaperModal .wallet-newspaper__ctas{
  display:flex;
  gap: 12px;
  justify-content:flex-end;
  margin-top: 6px;
}
#newspaperModal .wallet-newspaper__cta{
  width: 180px;
}

@media (max-width: 520px){
  #newspaperModal .wallet-newspaper__ctas{
    justify-content:stretch;
  }
  #newspaperModal .wallet-newspaper__cta{
    width: 100%;
  }
}

#newspaperModal .wallet-newspaper__cta{
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  height: 46px;
  padding: 0 18px;
  border-radius: 6px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  line-height: 1 !important;
  font-weight: 900;
  cursor: pointer;

  transition: filter 200ms linear, transform 120ms ease;
}

#newspaperModal .wallet-newspaper__cta:hover{ filter: brightness(.95); }
#newspaperModal .wallet-newspaper__cta:active{ transform: translateY(1px); }

#newspaperModal .wallet-newspaper__cta:focus-visible{
  box-shadow: 0 0 0 2px rgba(30,166,223,.18) !important;
}

#newspaperModal .wallet-newspaper__ctas{
  display:flex;
  gap:12px;
  justify-content:flex-end;
  margin-top: 12px;
}

#newspaperModal .wallet-topup__cta{
  float: none !important;
  margin: 0 !important;
  width: 180px !important;
  height: 46px;
  padding: 0 18px !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

@media (max-width: 520px){
  #newspaperModal .wallet-newspaper__ctas{ justify-content:stretch; }
  #newspaperModal .wallet-topup__cta{ width: 100% !important; }
}

#newspaperModal .wallet-cta--blue{
  background:#1ea6df !important;
  color:#fff !important;
}

#newspaperModal .wallet-cta--blue:hover{
  filter: brightness(.95);
}

/* Floating Support Button (Wallet Dashboard) */
.support-float-btn{
  position: fixed;
  right: calc(50px + env(safe-area-inset-right));
  bottom: calc(20px + env(safe-area-inset-bottom));
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background: #d92129;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  z-index: 117; /* above .to-top (116) */
  box-shadow:
    0 12px 25px rgba(0,0,0,.18),
    0 0 0 6px #fff; /* white ring */
  transition: transform .15s ease, filter .15s ease;
}

.support-float-btn i{
  font-size: 24px;
  line-height: 1;
}

.support-float-btn:hover{
  transform: translateY(-2px);
  filter: brightness(.98);
}


@media (max-width: 1070px){
  .support-float-btn{
    right: calc(18px + env(safe-area-inset-right));
    bottom: calc(18px + env(safe-area-inset-bottom));
    width: 60px;
    height: 60px;
    box-shadow:
      0 10px 20px rgba(0,0,0,.18),
      0 0 0 5px #fff;
  }
}

.support-float-btn{
  bottom: calc(128px + env(safe-area-inset-bottom));
}

@media (max-width: 1070px){
  .support-float-btn{
    bottom: calc(186px + env(safe-area-inset-bottom));
  }
}

.wallet-credit-card{
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.wallet-credit-card.is-active{
  border-color: #1ea6df;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  transform: translateY(-1px);
}

.wallet-credit-card.is-active .wallet-credit-card__btn{
  background: #1ea6df;
  border-color: #1ea6df;
  color:#fff;
}

.listsearch-input-item input[type="text"] {
    float: left;
    background: #f9f9f9;
    height: 48px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 12px;
    width: 100%;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #e5e7f2;
    z-index: 1;
}

.wallet-publish-page .publish-btn-cancel {
    color: #d92129 !important;
    border: 1px solid #f1f0ef !important;
}

.filter-row input {
    width: 100%;
}

.logo-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.flex-end-ast {
   display: flex;
   align-items: flex-end;
}

section.hero-section .main-search-input-tabs .tabs-container{
  position: relative !important;
}

section.hero-section .hero-categories{
  margin-top: 50px !important;
}

section.hero-section{
  min-height: 100vh!important;
}

.faq-section .accordion-inner,
.faq-section .accordion-inner p,
.faq-section .accordion-inner li{
  color: rgb(109, 110, 112);
  font-size: 14px;
  line-height: 24px;
}


.faq-section .accordion-inner ul{
  list-style-position: inside;
}