@charset "UTF-8";
/* ------------------------------------------------------------------
 * Name         : Zinga - Buy & Sell Anything Freely Online | Connect to your Customers Faster! Html Template
 * File         : style.css
 * Author       : Pomalo Technologies
 * Author URI   : info@pomalo.co.ke
 * All Rights Reserved.
 * ------------------------------------------------------------------*/
/* ================================================================================== 
Reset Css
===================================================================================== */
:root {
  --button-hover-bg: rgba(255, 192, 203, .5);
  --zinga-primary-rgb: 67, 145, 54;
  --theme-bg-color: rgba(16, 18, 27, 0.4);
  --border-color: rgba(113, 119, 144, 0.25);
  --theme-color: #f9fafb;
  --inactive-color: rgba(113, 119, 144, 0.78);
  --hover-menu-bg: rgba(12, 15, 25, 0.3);
  --content-title-color: #999ba5;
  --content-bg: rgba(146, 151, 179, 0.13);
  --button-inactive: rgba(249, 250, 251, 0.55);
  --dropdown-bg: #21242d;
  --dropdown-hover: #2a2e3c;
  --popup-bg: #ffffff;
  --search-bg: #14162b;
  --overlay-bg: rgba(36, 39, 59, 0.3);
  --scrollbar-bg: rgba(1, 2, 3, 0.4);
  --zinga-primary: #32bb78;
}

html {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: inherit;
}

body {
  line-height: 1.2 !important;
  overflow-x: hidden !important;
  color: #464b4f !important;
  font-size: 13px !important;
}

.text-primary {
  color: var(--zinga-primary) !important;
}

.border-primary {
  border-color: var(--zinga-primary) !important;
}

/*End of @Imports of scss*/
::-moz-selection { /* Code for Firefox */
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #cce2ff;
  color: rgba(0, 0, 0, 0.87);
}

a, a:focus, a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

ol, ul {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

button {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=checkbox], input[type=radio] {
  margin: 0 !important;
  height: 24px !important;
  width: 24px !important;
  -webkit-transition: all 1.2s ease !important;
  transition: all 1.2s ease !important;
  cursor: pointer;
}

input[type=radio]:checked {
  background-color: var(--zinga-primary) !important;
  -webkit-transition: all 1.2s ease !important;
  transition: all 1.2s ease !important;
  cursor: pointer;
}

a {
  text-decoration: none !important;
}

a:focus {
  text-decoration: none !important;
  outline: none;
}

button {
  outline: none;
}

hr {
  opacity: 0.125 !important;
}

.line-height-1 {
  line-height: normal !important;
}

.form-control:focus {
  border: none !important;
}

button:focus {
  outline: none !important;
}

input {
  outline: none;
  border-radius: 3px;
}

textarea {
  outline: none;
  border-radius: 3px;
}

p {
  font-size: 14px;
  line-height: 1.5;
  color: #717171;
  letter-spacing: 0.1px;
}

/* ================ Typography Css =============== */
h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
  color: #000;
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
  color: #000;
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
  color: #000;
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
  color: #000;
}

h5 {
  font-size: 1.1em;
  /* 1.125x body copy size = 18px */
  line-height: 1.1;
  color: #000;
}

h6 {
  font-size: 1em;
  /* 1.125x body copy size = 18px */
  line-height: 1.05;
  color: #000;
}

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
    color: #000;
  }
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
    color: #000;
  }
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
    color: #000;
  }
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
    color: #000;
  }
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}
@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height 
    and something more appropriate for display headings */
  }
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
/* ================ CROSS BROWSER COMPATABILITY =============== */
nav,
nav ul li a,
nav ul li:hover > ul {
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

/* === Body Scrollbar === */
body::-webkit-scrollbar {
  width: 14px;
  height: 18px;
}

body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

body::-webkit-scrollbar-corner {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid transparent;
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.c-mt-3 {
  margin-top: 3px;
}

/* --- Header --- */
.header-wrapper {
  background: #fff;
  position: fixed;
  width: 100%;
  box-shadow: 0px 0.052083333in 11.25pt -9px rgba(0, 0, 0, 0.01);
}

.header {
  position: relative;
  width: 100%;
}

.logo-inverse {
  display: none;
}

.main-logo img {
  width: 100%;
  padding-top: 0;
}

.main-logo {
  width: 150px;
}

.res-main-logo {
  display: none;
}

.mobile-home-site-brand-name {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  font-family: sans-serif;
}

#night-mode {
  padding: 0;
  font-size: 15px;
  background: #e8f7f7;
  color: #717171;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.bg-zinga {
  background-color: #ffffff;
  box-shadow: 0px 0.052083333in 11.25pt -9px rgba(0, 0, 0, 0.1);
}

.zinga-head {
  height: 60px;
}

.navbar-toggler {
  color: #000;
  padding: 0.25rem 1rem 0.25rem 0 !important;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out !important;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0 !important;
  box-shadow: none !important;
}

.navbar-toggler-icon {
  height: auto !important;
}

.navbar-toggler-icon:hover {
  color: var(--zinga-primary) !important;
}

.create-btn i {
  margin-right: 10px;
}

.create-btn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  height: 40px;
  background-color: var(--zinga-primary);
  padding: 8px 16px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.right-header ul li {
  display: inline-block;
  vertical-align: bottom;
}

.right-header ul li:first-child {
  margin-right: 20px;
}

.account-link svg {
  color: var(--zinga-primary);
}

.arrow-icon {
  margin-left: 5px;
}

.account-link .app-header-profile__avatar-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.dropdown-menu-account li {
  margin: 0 !important;
}

.dropdown-menu-account {
  padding: 0 !important;
  width: 250px;
  margin-top: 9px !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  border: 1px solid #f1f1f1 !important;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.dropdown-menu-account li {
  margin: 0 !important;
  display: block !important;
}

.dropdown-account-header {
  text-align: center;
  padding: 20px;
}

.account-holder-avatar img {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100%;
  border: 2px solid var(--zinga-primary);
  padding: 2px;
  object-fit: cover;
}

.dropdown-account-header h5 {
  font-size: 16px;
  margin-top: 13px;
  margin-bottom: 3px;
}

.dropdown-account-header p {
  display: block;
  color: #686868;
  font-size: 13px;
  margin-bottom: 0;
}

.profile-link {
  border-top: 1px solid #efefef;
  padding: 10px 0;
}

.dropdown-menu-account li .link-item {
  display: block;
  width: 100%;
  color: #000000;
  padding: 10px 20px;
  white-space: nowrap;
}

.dropdown-menu-account li .link-item:hover {
  color: var(--zinga-primary) !important;
  background-color: #e8f7f7;
}

.nav-link {
  color: #000 !important;
}

.nav-link:hover {
  color: var(--zinga-primary) !important;
}

.zinga-head .nav-item .nav-link.active, .zinga-head .nav-item .show > .nav-link {
  color: var(--zinga-primary) !important;
}

.close-btn {
  padding: 6px;
  font-size: 20px;
  background: #f1f2f3;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  width: 40px;
  height: 40px;
  border: 0;
}

.close-btn:hover,
.close-btn:focus {
  background: #f1f2f3;
  color: rgb(0, 0, 0);
}

.offcanvas-top-area {
  display: none;
}

.offcanvas-create-btn {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: var(--zinga-primary);
  border: 2px solid var(--zinga-primary);
  display: block;
  height: 50px;
  padding: 12px;
  border-radius: 3px;
}

.offcanvas-create-btn i {
  margin-right: 10px;
}

.offcanvas-create-btn:hover {
  color: #fff !important;
  background: #94004f;
  border: 2px solid #94004f;
}

.offcanvas-footer {
  border-top: 1px solid #efefef;
}

.offcanvas-social {
  padding: 30px 20px;
}

.offcanvas-social > h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
}

.offcanvas-social > .social-links > li {
  display: inline-block;
  margin-right: 10px;
}

.offcanvas-social > .social-links > li:last-child {
  margin-right: 0;
}

.offcanvas-social > .social-links li > .social-link {
  font-size: 18px;
  width: 40px;
  height: 40px;
  display: block;
  border: 2px solid var(--zinga-primary);
  border-radius: 100%;
  text-align: center;
  line-height: 38px;
  color: var(--zinga-primary);
}

.offcanvas-social > .social-links li > .social-link:hover {
  color: #fff !important;
  border: 2px solid var(--zinga-primary);
  background-color: var(--zinga-primary);
}

.dropdown-submenu {
  width: 230px;
  margin-top: 13px !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  border: 1px solid #f1f1f1 !important;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.dropdown-submenu .dropdown-item {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 10px 20px;
}

.dropdown-submenu .dropdown-item:hover {
  color: var(--zinga-primary) !important;
  background-color: #e8f7f7;
}

.dropdown-submenu .dropdown-item:focus {
  color: var(--zinga-primary) !important;
  background-color: transparent;
}

.submenu-item:after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  float: right;
  font-size: 12px;
}

.pe_5 {
  padding-right: 37px !important;
}

/* --- Footer --- */
.footer {
  background: #1c2131;
  color: #fff;
}

.footer-top {
  padding: 24px 0 64px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-content {
  margin-top: 38px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer-content h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.footer-link-list li {
  display: block;
  line-height: 32px;
}

.footer-link {
  color: rgba(255, 255, 255, 0.8);
}

.footer-link:hover {
  color: rgb(106, 192, 69) !important;
}

.footer-content > .social-links {
  margin-top: 21px;
}

.footer-content > .social-links > li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.footer-content > .social-links > li:last-child {
  margin-right: 0;
}

.footer-content > .social-links li > .social-link {
  font-size: 16px;
  width: 32px;
  height: 32px;
  display: block;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 31px;
  color: #fff;
}

.footer-content > .social-links li > .social-link:hover {
  color: #fff !important;
  border: 2px solid rgb(106, 192, 69);
  background-color: rgb(106, 192, 69);
}

.download-app-link {
  display: inline-block;
  height: 38px;
  margin-top: 12px;
}

.download-btn {
  transition: all 0.12s ease-in-out 0s;
  text-decoration: none;
  margin-right: 7px;
  vertical-align: inherit;
}

.download-btn img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  cursor: pointer;
  transition: all 0.12s ease-in-out 0s;
  opacity: 1;
}

.download-btn img:hover {
  opacity: 0.8;
}

.aside-footer .global-footer__link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
}
.aside-footer .footer-copyright-text p {
  color: #717171;
  letter-spacing: 0.3px;
}

.footer-copyright-text p {
  color: #fff;
  letter-spacing: 0.3px;
}

.footer-copyright-text {
  text-align: center;
  padding: 30px 0;
}

.footer-bottom {
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.1215686275);
  margin-top: 30px;
}

/* --- Index Page --- */
.wrapper {
  margin-top: 60px;
  margin-bottom: 60px;
}

.hero-banner {
  background-image: url(../images/banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0 80px;
}

.about-banner-pg {
  position: relative;
}
.about-banner-pg video#background-video {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.about-banner-pg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.23);
  z-index: 2;
}

.about-hero-banner-content {
  position: absolute;
  top: 30%;
  width: 100%;
}
.about-hero-banner-content h2 {
  color: #fff;
  font-size: 48px;
  line-height: 110%;
  max-width: 750px;
  margin: 0px auto;
  font-weight: 700;
}
.about-hero-banner-content p {
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  max-width: 750px;
  opacity: 0.9;
  padding-top: 12px;
}
.about-hero-banner-content a {
  z-index: 3;
}

.hero-banner-content {
  text-align: center;
}

.hero-banner-content h2 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 15px;
}

.hero-banner-content p {
  font-size: 18px;
  color: #000000;
  margin-bottom: 33px;
  padding: 0 30px;
  line-height: 32px;
}

.main-btn {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  background: var(--zinga-primary);
  height: 50px;
  display: inline-block;
  line-height: 49px;
  padding: 0 30px;
  border-radius: 3px;
  border: 1px solid var(--zinga-primary);
}

.btn-hover:hover {
  color: #fff !important;
  background: #368d62;
  border: 1px solid #368d62;
}

.co-main-btn {
  color: #000;
  background: #fff !important;
  border-radius: 3px;
  Border: 1px solid #bbb;
}

.co-main-btn:hover {
  color: #000 !important;
  background: #e8f7f7 !important;
  border-radius: 3px;
  Border: 1px solid #bbb;
}

.co-btn-width {
  width: 270px;
}

.flex-d {
  display: flex;
  align-items: center;
  width: 100%;
}

.title-view-link {
  margin-left: auto;
  color: #717171;
  font-size: 14px;
  font-weight: 500;
}

.title-view-link i {
  margin-left: 9px;
}

.title-view-link:hover {
  color: var(--zinga-primary) !important;
}

.section-title h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  color: #415661;
}

.filter-tag {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 15px 0 0;
  position: relative;
}

::-webkit-scrollbar-thumb {
  border-radius: 50px; /* Add border-radius to create a rounded appearance */
}

.filter-tag a.active, .filter-tag a:hover {
  background: #efefef;
  color: #000 !important;
}

.filter-tag a {
  font-size: 12px;
  color: #717171;
  border: 1px solid #efefef;
  background: #fff;
  height: 32px;
  padding: 7px 20px;
  border-radius: 30px;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}

.breadcrumb-item a.active, .breadcrumb-item a:hover, .breadcrumb-item a span:hover {
  color: var(--zinga-primary);
  font-weight: 500;
}

.breadcrumb-item span, .breadcrumb-item a {
  color: #717171;
  background: #fff;
  padding: 4px 10px;
  border-radius: 30px;
}

:root {
  color: #444;
}

section {
  display: grid;
}

.ad-top-listing-filter {
  background: #fff;
  padding: 12px 18px;
  width: 100%;
  border-radius: 6px;
}

.grid-view-toggle-icon, .list-view-toggle-icon {
  cursor: pointer;
}
.grid-view-toggle-icon:hover, .list-view-toggle-icon:hover {
  fill: #000000;
}

.control:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.control[data-filter]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  transition: background-color 150ms, border-color 150ms;
}

.sec-card {
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  width: 100%;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

.ad-trending-card__boosted-label {
  color: rgb(255, 255, 255);
  background: var(--zinga-primary);
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 4px 0 8px;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  left: 0;
  line-height: 12px;
  min-width: 68px;
  padding: 0 5px;
  position: absolute;
  top: 0;
}

.trend-ads-main-card {
  box-shadow: 0 1px 2px rgba(96, 125, 135, 0.15);
  background: #fff;
  border-radius: 5px;
}

.ad-product-thumbnail {
  width: 100%;
  position: relative;
  padding: 0;
}

.thumbnail-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  aspect-ratio: 4/3;
  display: flex;
  justify-content: center;
}

.ad-product-thumbnail > a .thumbnail-img::after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.thumbnail-img:hover {
  outline: 0 !important;
  color: #000;
  transition: 0.3s;
  text-decoration: none;
}

.ad-product-thumbnail a img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: transform 0.5s ease;
}

.ad-product-thumbnail a:hover img {
  transform: scale(1.05);
}

.ad-product-content {
  padding: 18px 8px 8px;
  display: flex;
  flex-direction: column;
}

.product-title {
  font-size: 14px;
  color: #28363e;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.5;
}

.-pricing_area-div {
  display: flex;
  width: 100%;
  align-items: center;
}

.remaining {
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
  color: #717171;
}

.ad-trending-card__counter {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0 8px 0 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  left: 0;
  line-height: 1.2em;
  padding: 4px 8px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.-price_area {
  font-size: 14px;
  font-weight: 700;
  color: var(--zinga-primary);
}

.remaining i {
  font-size: 12px;
  margin-right: 7px;
  transform: rotate(300deg);
}

.bookmark-icon {
  color: var(--zinga-primary);
  font-size: 20px;
  position: absolute;
  z-index: 1;
  right: 8px;
  bottom: -18px;
  cursor: pointer;
  background: #ffffff;
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 30px;
  transition: all 0.4s;
  box-shadow: 0 1px 2px rgba(96, 125, 135, 0.15);
}

.bookmark-icon:before, .bookmark-icon:after {
  transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 0px;
}

.bookmark-icon:before {
  content: "\f02e";
  transform: scale(0.95);
}

.bookmark-icon:after {
  content: "\f02e";
  opacity: 0;
  transform: scale(0.3);
  font-weight: 900;
}

.bookmark-icon.bookmarked:after {
  opacity: 1;
  transform: scale(0.95);
}

.bookmark-icon:hover, .like-icon.bookmarked {
  background-color: var(--zinga-primary);
  color: #fff;
}

.bookmark-icon.bookmarked:before {
  opacity: 0;
}

.browse-btn {
  text-align: center;
  margin-top: 40px;
}

.about-zinga-team-block, .page-in-sec {
  padding: 30px 0 30px 0;
}

.mission-vision-sec {
  background: rgba(0, 0, 0, 0.23);
}
.mission-vision-sec h1 {
  color: #fff;
}

.section-title p {
  font-size: 16px;
  line-height: 30px;
  margin: 10px 0 33px;
  color: #717171;
}

.host-item {
  padding: 30px;
}

.host-img {
  display: block;
  margin-bottom: 20px;
}

.host-img img {
  width: 50px !important;
}

.host-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
  color: #000;
}

.host-item p {
  margin-bottom: 0;
}

.feature-group-list {
  border-top: 2px solid #efefef;
  padding-top: 3px;
}

.mt-46 {
  margin-top: 57px !important;
}

.feature-item {
  margin-top: 37px;
}

.feature-icon {
  display: block;
  margin-bottom: 24px;
}

.feature-icon img {
  width: 50px;
}

.feature-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
  color: #000;
}

.feature-item p {
  margin-bottom: 0;
}

.host-step-block {
  background-color: #fff;
}

.step-link {
  font-size: 22px;
  font-weight: 100;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  display: block;
  border: none;
  border-bottom: 1px solid #efefef;
  padding: 1rem;
  color: #bbb;
  background: transparent;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.step-tabs .step-link.active, .step-tabs .show > .step-link {
  color: #fff;
  background-color: var(--zinga-primary);
}

.step-tabs .step-link:hover {
  background-color: #e8f7f7;
}

.step-tabs .step-link.active span, .step-tabs .show > .step-link span {
  color: #fff !important;
}

.step-link span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.step-tabs .step-link.active:hover {
  color: #fff;
  background-color: var(--zinga-primary);
}

.step-text {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 37px 0 0;
  margin-bottom: 10px;
}

.step-item {
  margin-top: 37px;
}

.step-icon {
  display: block;
  margin-bottom: 24px;
}

.step-icon img {
  width: 50px;
}

.step-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
  color: #000;
}

.step-item p {
  margin-bottom: 0;
}

.testimonial-slider-area {
  border-top: 2px solid #efefef;
  padding-top: 38px;
}

.testimonial-content {
  padding: 30px;
  position: relative;
}

.testimonial-text p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 30px;
}

.testimonial-user-dt {
  margin-top: 33px;
}

.testimonial-user-dt h5 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.testimonial-user-dt span {
  font-size: 14px;
  color: #717171;
  margin: 10px 0;
  display: block;
}

.testimonial-user-dt ul li {
  display: inline-block;
}

.testimonial-user-dt ul li i {
  color: #ffad21;
}

.quote-icon {
  position: absolute;
  right: 30px;
  font-size: 60px;
  bottom: 3%;
  color: #efefef;
}

section.partner {
  display: grid;
  place-items: center;
}

.partner h1 {
  font-size: 2rem;
  padding: 20px;
  margin: 20px 0px;
}

.partner-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-backdrop-filter: blur(7.4px);
  backdrop-filter: blur(7.4px);
}

.partner-slider-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  animation: scrolling 20s linear infinite;
}

@keyframes scrolling {
  0% {
    transform: translateX(80%);
  }
  100% {
    transform: translateX(-20%);
  }
}
.partner-slider-items img {
  width: 12%;
  margin: 10px;
  filter: grayscale(100%);
  transition: all 0.3s;
}
.partner-slider-items img:hover {
  filter: none;
  cursor: pointer;
}

.our-business-block .section-title h3 {
  color: #fff;
}

.business-area {
  margin-top: 64px;
}

.sponsor {
  text-align: center;
  line-height: 7;
}

.sponsor a img:hover {
  opacity: 1;
}

.sponsor a img {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  height: auto;
  opacity: 0.8;
  vertical-align: bottom;
}

/* --- Explore Events --- */
.search-form {
  margin-top: 33px;
}

.search-category .bootstrap-select .dropdown-menu li a span.text {
  margin-left: 7px !important;
}

.search-category .bootstrap-select .dropdown-toggle .filter-option-inner-inner i {
  margin-right: 7px !important;
}

.form-textarea {
  font-size: 14px !important;
  color: #717171 !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #efefef !important;
  border-radius: 3px !important;
  transition: none !important;
  padding: 0 15px !important;
  display: block;
  width: 100%;
  min-height: 90px;
  padding: 0.8rem 1rem !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-textarea:focus {
  color: #717171 !important;
  background-color: #f9f9f9 !important;
  border-color: var(--zinga-primary) !important;
  box-shadow: none !important;
}

.bs-searchbox .form-control {
  width: 100%;
  float: none;
  margin-bottom: 7px !important;
  float: inherit;
  border: 1px solid #ddd !important;
}

.after-action__title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 30px;
  text-align: center;
}

.choose-top-ad-example {
  align-items: center;
  color: var(--zinga-primary);
  display: flex;
  justify-content: end;
  padding: 10px 0 20px;
}

.choose-top-ad-example_button {
  color: var(--zinga-primary);
  cursor: pointer;
  text-transform: uppercase;
}

.choose-top-ad-package__inner {
  text-align: center;
  display: flex;
  align-items: center;
}

.sec-content-wrapper--inner.top-ad__pkg {
  padding: 0 15px 60px 15px;
  background: #fff;
}

.top-ad-payment__phone {
  width: 100%;
  text-align: center;
  margin: 32px auto 32px auto;
}

.top-ad-payment__phone .form-group-pay {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

.form-group-pay {
  margin-bottom: 16px;
  position: relative;
}
.form-group-pay input {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.37);
  border-radius: 4px;
  background-color: transparent;
  margin: 0px auto;
  padding: 6px 4px 4px 14px;
  height: 40px;
  outline: none !important;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.2s ease-in-out;
}
.form-group-pay label {
  position: absolute;
  top: 13px;
  left: 12px;
  text-align: left;
  display: inline-block;
  padding: 0 4px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  color: rgba(0, 0, 0, 0.5);
  margin: 0px auto;
  cursor: text;
  transition: all 0.15s ease-in-out;
}
.form-group-pay label .gl-form-asterisk {
  background-color: inherit;
  color: #e32b2b;
  padding: 0;
  padding-left: 3px;
}
.form-group-pay label .gl-form-asterisk:after {
  content: "*";
}
.form-group-pay input:hover,
.form-group-pay input:focus {
  border: 1px solid #000;
}
.form-group-pay input:valid + label,
.form-group-pay input:focus + label {
  top: -6px;
  color: #27ae60;
  font-weight: bold;
}

.Paypal-payment__btn {
  font-size: 16px;
  height: 48px;
  background: #00b53f;
  font-weight: 700;
  width: 100%;
  color: #fff;
}
.Paypal-payment__btn span {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.Paypal-payment__btn:hover {
  background: #00b53f;
  color: #fff;
}

.choose-top-ad-package__item.choose-top-ad-package__item-active {
  border: 2px solid var(--zinga-primary);
  height: 116px;
  transform: scale(1.09);
}

.choose-top-ad-package__item:not(.top-ad-packages-section__item-active) {
  cursor: pointer;
}

.choose-top-ad-package__item {
  border: 2px solid rgba(50, 187, 120, 0.11);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 104px;
  justify-content: space-between;
  margin: 12px 12px 12px 0 !important;
  padding: 16px 16px 15px;
  max-width: 320px;
  width: 100%;
}

.choose-top-ad-package__item__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.choose-top-ad-package__item__title {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
}

.choose-top-ad-package__item__price_for_one {
  color: #6c8ea0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.choose-top-ad-package__item__body {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.choose-top-ad-package__item__switcher__wrapper {
  display: flex;
  margin: 0 -10px;
}

.choose-top-ad-package__item__switcher-active {
  background-color: rgba(50, 187, 120, 0.29);
}

.choose-top-ad-package__item__switcher {
  border: 1px solid rgba(50, 187, 120, 0.29);
  border-radius: 16px;
  color: var(--zinga-primary);
  font-weight: 400;
  margin: 0 10px;
  padding: 7px 13px;
}

.choose-top-ad-package__item__switcher:not(.choose-top-ad-package__item__switcher-active) {
  cursor: pointer;
}

.choose-top-ad-package__item__switcher {
  border: 1px solid rgba(50, 187, 120, 0.29);
  border-radius: 16px;
  color: var(--zinga-primary);
  font-weight: 400;
  margin: 0 10px;
  padding: 7px 13px;
}

.best-offer-promo-badge {
  background: var(--zinga-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  padding: 0 4px;
  text-transform: uppercase;
  margin-left: 4px;
}

.choose-top-ad-package__item__price {
  align-items: baseline;
  color: #000;
  display: flex;
  font-size: 20px;
  font-weight: 700;
}

.choose-package__bonus-block-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 57px;
  margin-bottom: 15px;
}

.choose-package__bonus-block-wrapper_inner {
  display: inline-flex;
  position: relative;
}

.custom-checkbox-zinga .styled-checkbox {
  position: absolute;
  opacity: 0;
}
.custom-checkbox-zinga .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.custom-checkbox-zinga .styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background: whitesmoke;
  border: 1px solid;
  border-radius: 4px;
  border-color: var(--zinga-primary);
}
.custom-checkbox-zinga .styled-checkbox:hover + label:before {
  background: var(--zinga-primary);
}
.custom-checkbox-zinga .styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.custom-checkbox-zinga .styled-checkbox:checked + label:before {
  background: var(--zinga-primary);
}
.custom-checkbox-zinga .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.custom-checkbox-zinga .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.custom-checkbox-zinga .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

.choose-package__button__wrapper {
  display: flex;
  padding-bottom: 40px;
}

.choose-package__button__wrapper_inner {
  height: 40px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.choose-package__button__wrapper_inner-action {
  align-items: center;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  min-height: 40px;
  outline: none;
  padding: 10px 16px;
  background: var(--zinga-primary);
  width: 270px;
}
.choose-package__button__wrapper_inner-action:hover {
  background: var(--zinga-primary);
  color: #fff;
}

.activate-top-ad-price {
  display: flex;
  align-items: center;
  gap: 6px;
}

.activate-top-ad-price__old {
  color: hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-weight: 300;
  margin-left: 15px;
  margin-right: 5px;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.activate-top-ad-price__new {
  font-size: 14px;
}

.buy-top-ad-button-discount {
  background: #FF9800;
  border-radius: 0 0 4px 4px;
  bottom: 0;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-right: 12px;
  padding: 2px 8px;
  position: absolute;
  transform: translateY(100%);
  white-space: nowrap;
  z-index: 3;
  right: 0;
}

.search-form .btn-light {
  display: block !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #717171 !important;
  background-color: #fff !important;
  border: 1px solid #efefef !important;
  padding: 5px 20px !important;
  min-height: 50px !important;
  border-radius: 3px !important;
  transition: none !important;
}

.btn-light {
  display: block !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #717171 !important;
  background-color: #fff !important;
  border: 1px solid #efefef !important;
  padding: 5px 20px !important;
  min-height: 40px !important;
  border-radius: 3px !important;
  transition: none !important;
}

.bootstrap-select .dropdown-menu.inner {
  padding: 0px !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-block;
}

.main-form .bootstrap-select .dropdown-toggle:focus, .main-form .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
  outline: none !important;
  outline-offset: -2px;
  border-color: var(--zinga-primary) !important;
  box-shadow: none !important;
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
  color: #fff !important;
  border-radius: 0 !important;
  background-color: var(--zinga-primary) !important;
}

.bootstrap-select.dropdown-item.active, .bootstrap-select .dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: var(--zinga-primary) !important;
}

.bootstrap-select .dropdown-item {
  color: #000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-left: auto;
}

.bootstrap-select > .dropdown-toggle {
  border: var(--zinga-border-width) solid var(--zinga-border-color) !important;
  border-radius: var(--zinga-border-radius) !important;
}

.dropdown-menu {
  border-radius: 3px !important;
  background-color: #fff !important;
  border: 1px solid #f1f1f1 !important;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.25) !important;
  inline-size: -moz-fit-content !important;
  inline-size: -webkit-fill-available !important;
  inline-size: fit-content !important;
}

/* --- Sign In and Sign Up Pages --- */
.app-form {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 100vh;
}

.app-form-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  background: var(--zinga-primary) url(../images/sign_bg.jpg);
  width: 500px;
  padding: 50px;
}

.sidebar-sign-logo {
  width: 140px;
}

.sidebar-sign-logo img {
  max-width: 100%;
}

.app-form-content {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.app-form, .app-form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.app-form-content {
  padding: 50px 0;
  background: #fff;
}

.app-top-items {
  display: flex;
  align-items: center;
  width: 100%;
}

.app-top-right-link {
  margin-left: auto;
  margin-top: 5px;
  color: #231f20;
  font-size: 14px;
  font-weight: 400;
}

.sidebar-register-link {
  margin-left: 5px;
  color: var(--zinga-primary);
  font-weight: 500;
}

.sidebar-register-link:hover {
  color: #94004f !important;
}

.signup-link {
  margin-left: 5px;
  color: var(--zinga-primary);
  font-weight: 500;
}

.signup-link:hover {
  color: #94004f !important;
}

.registration-title {
  margin-top: 35px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.pass-show-eye {
  color: #717171;
  font-weight: 600;
  position: absolute;
  background: transparent;
  right: 5px;
  top: 5px;
  min-height: 40px;
  padding: 0 15px;
  line-height: 40px;
  margin-bottom: 0;
  border-radius: 3px;
  cursor: pointer;
}

.pass-show-eye:hover {
  color: var(--zinga-primary);
}

.field-password {
  position: relative;
}

.forgot-pass-link {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--zinga-primary);
  font-weight: 500;
}

.forgot-pass-link:hover {
  color: #94004f !important;
}

.divider {
  position: relative;
  text-align: center;
  z-index: 1;
  margin: 30px 0;
}

.divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  z-index: -1;
  transform: translate(-50%, -50%);
  background: rgba(112, 112, 112, 0.2);
}

.divider span {
  background: #fff;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.hr-line-dt {
  position: absolute;
  left: 0;
  top: -10px;
  padding: 0 20px 0 20px;
  background: #f9f9f9;
  color: #717171;
  font-size: 14px;
  font-weight: 500;
}

.new-sign-link {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 35px;
}

.copyright-footer {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 0 30px;
}

.sign_sidebar_text h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
}

.h_40 {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.h_50 {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

.min-width {
  min-width: 130px;
  min-height: 40px;
  line-height: 39px;
  padding: 0 !important;
}

.sign-logo {
  display: none;
}

.sign-logo img {
  width: 100%;
  padding-top: 0;
  width: 130px;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}

.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  display: block;
}

.social-login-btn {
  display: block;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  height: 50px;
  border: 1px solid #efefef;
  background: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
}

.social-login-btn:hover {
  background: #F5F5F5;
}

.registration .form-control {
  background-color: #f9f9f9 !important;
}

.agree-text {
  padding-top: 20px;
  line-height: 26px;
  font-size: 14px;
  color: #000;
}

.agree-text a {
  color: var(--zinga-primary);
}

.agree-text a:hover {
  color: #94004f !important;
  text-decoration: underline !important;
}

/* --- Event Detail View Page --- */
.breadcrumb-div .breadcrumb {
  margin: 0.1rem 0;
  padding: 0.5em 0;
  border-radius: 0.3rem;
  white-space: nowrap;
  overflow-x: auto;
}
.breadcrumb-div .breadcrumb::-webkit-scrollbar {
  display: none;
}
.breadcrumb-div .breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.breadcrumb-div .breadcrumb li {
  display: inline-block;
  padding-left: 0;
}
.breadcrumb-div .breadcrumb li + li::before {
  display: inline-block;
  margin: 0 0.5em;
  transform: rotate(15deg);
  border-right: 0.1em solid #9a9fa5;
  height: 1.15em;
  content: "";
  padding-right: 0;
}
.breadcrumb-div .breadcrumb [aria-current=page] {
  color: rgb(72, 39, 40);
  text-decoration: none;
}

.ad-detail-title-head {
  display: flex;
  padding: 20px;
  flex-direction: column-reverse;
}

.ad-card__head-region {
  align-items: center;
  display: flex;
  margin-bottom: 25px;
}

.ad-info-stat-wrapper {
  color: #6c8ea0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.ad-info-stat__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.ad-paid-info {
  align-items: center;
  border: 1px solid #ebf2f7;
  border-radius: 3px;
  color: #6c8ea0;
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 2px 4px;
  font-weight: 400;
}

.ad-info-stat {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 4px 0;
}

.ad-title-outer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
}

.ad-title {
  align-items: center;
  display: flex;
  font-size: 30px;
  margin: 0 0 5px;
  padding-right: 10px;
}

.ad-title-inner {
  font-size: 26px;
  max-height: 2.6em;
  overflow: hidden;
  font-weight: 500;
}

.fav-button-ad {
  align-items: center;
  display: flex;
  position: relative;
}

.fav-button {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: 0 0 28px;
  justify-content: center;
  transition: background 0.3s ease;
}

.fav-button .fav-bookmark-icon {
  color: var(--zinga-primary);
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
  background: #ffffff;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 30px;
  transition: all 0.4s;
}

.fav-bookmark-icon:before {
  content: "\f02e";
  transform: scale(0.95);
}

.fav-bookmark-icon:before, .fav-bookmark-icon:after {
  transition: opacity 0.3s, transform 0.4s cubic-bezier(0, -0.41, 0.19, 2.5);
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 0px;
}

.fav-bookmark-icon:after {
  content: "\f02e";
  opacity: 0;
  transform: scale(0.3);
  font-weight: 900;
}

.fav-bookmark-icon.bookmarked:after {
  opacity: 1;
  transform: scale(0.95);
}

.fav-bookmark-icon:hover, .like-icon.bookmarked {
  background-color: var(--zinga-primary);
  color: #fff;
}

.fav-bookmark-icon.bookmarked:before {
  opacity: 0;
}

.event-month {
  display: block;
  background: var(--zinga-primary);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 5px 0;
  text-transform: uppercase;
}

.event-date {
  font-size: 30px;
  padding: 8px 0;
  display: block;
  font-weight: 500;
  color: #000;
}

.event-type-name {
  font-size: 16px;
  font-weight: normal;
  color: #717171;
  position: relative;
}

.event-section-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #000;
}

.details-hr:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 100%;
  display: inline-block;
  left: 0;
  top: 8px;
  position: absolute;
}

.event-img img {
  width: 100%;
  border-radius: 5px;
}

.main-ad-product-content {
  margin-top: 37px;
}

.main-ad-product-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #000;
}

.main-ad-product-content p {
  margin-bottom: 27px;
}

.main-ad-product-content p:last-child {
  margin-bottom: 0;
}

.booking-ends h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
}

.booking-ends {
  padding: 37px 20px 0;
}

.countdown {
  display: flex;
  align-items: center;
  width: 100%;
}

.countdown-item {
  width: 100%;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--zinga-primary);
  margin-right: 5px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.05);
}

.countdown-item:last-child {
  margin-right: 0;
}

.countdown-item span {
  display: block;
  font-size: 26px;
  font-weight: 400;
}

.ad-sidebar-right-group {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 12px;
}

.ad-seller-block__avatar .ad-sidebar-right-group .user-icon-right-content .ad-seller-block__name:hover {
  text-decoration: underline;
}

.ad-seller-block__avatar {
  cursor: pointer;
  display: flex;
  margin-bottom: 8px;
}

.seller-top-categories {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.seller-top-categories__radio-buttons {
  width: 100%;
  margin: 12px 0;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 12px;
}

.seller-top-categories__item.seller-top-categories__item--all .seller-top-categories__item-details_bottom {
  justify-content: center;
}

.seller-top-categories__item-details_bottom {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px;
  font-size: 12px;
}
.seller-top-categories__item-details_bottom .add-count {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0 4px 3px 0;
}
.seller-top-categories__item-details_bottom .add-count span {
  background: #000;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seller-top-categories__item-details_bottom .seller-ad-top-cat-name {
  margin: 0 4px 3px 0;
  color: #28363e;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.seller-top-categories__item input {
  display: none;
}

.filter-seller-cat-radio-btn {
  margin: 10px 0;
  width: 100px;
  height: 130px;
  border: 2px solid #ecf0f1;
  display: flex;
  border-radius: 6px;
  position: relative;
  text-align: start;
  cursor: pointer;
  justify-content: center;
  flex-direction: column;
  padding: 5px 0 12px 0;
}

.filter-seller-cat-radio-btn > i {
  color: #ffffff;
  background: var(--zinga-primary);
  font-size: 20px;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50%;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seller-top-categories__item-images {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;
  max-width: 75px;
}
.seller-top-categories__item-images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.seller-top-categories__item input:checked + .filter-seller-cat-radio-btn {
  background-color: rgba(50, 187, 120, 0.2);
  border: 2px solid var(--zinga-primary);
}

.seller-top-categories__item input:checked + .filter-seller-cat-radio-btn > i {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.ad-verified-seller__label {
  background: #d9fdd3;
  border-radius: 12px;
  color: #000;
  display: flex;
  font-size: 12px;
  margin-bottom: 8px;
  padding: 2px 5px;
  gap: 1px;
  align-items: center;
  max-width: 120px;
}

.more-info-corner {
  font-size: 14px;
}

.accordion-flush > .accordion-item {
  border: 1px solid rgba(51, 51, 51, 0.2705882353);
}

.accordion-button:not(.collapsed) {
  background: transparent !important;
  color: inherit !important;
  outline: none !important;
}

.accordion-button:focus {
  z-index: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.info-notification {
  align-items: center;
  border-radius: 4px;
  color: #6c8ea0;
  display: flex;
  font-size: 10px;
  margin: 0 6px 6px 0;
  min-width: -webkit-fill-available; /* WebKit */
  min-width: fill-available; /* Alternative for fit-content */
  gap: 5px; /* Use 'gap' property instead of 'margin' for spacing between children */
}

.mark-all-as-read {
  color: var(--zinga-primary);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  outline: none;
  padding: 0 8px;
  position: relative;
  text-align: center;
  transition: box-shadow 0.2s;
  white-space: nowrap;
  will-change: box-shadow;
  background: transparent;
  z-index: 1;
  height: 40px;
}

.notification-item {
  border-bottom: 1px solid #ebf2f7;
  cursor: pointer;
  padding: 12px 14px;
  transition: all 0.3s ease;
  display: flex;
  width: 100%;
}
.notification-item.notification__unread {
  background-color: #ebf2f7;
}
.notification-item.notification__read {
  background-color: transparent;
}

.notification-item__image, .my-clientele-item__image {
  border-radius: 2px;
  height: 56px;
  margin-right: 12px;
  position: relative;
  width: 56px;
}

.notification-item__image-item, .my-clientele-item__image-item {
  background: #ebf2f7;
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
}
.notification-item__image-item.new-product_upload, .my-clientele-item__image-item.new-product_upload {
  background: #607D8B;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-item__image-item.ad_created, .my-clientele-item__image-item.ad_created {
  background: var(--zinga-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.static-image {
  background: transparent;
  height: 100%;
  width: 100%;
}

.notification-item__image-item .static-image img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.static-image img {
  height: 100%;
  width: 100%;
}

.notification-item__image--images {
  grid-gap: 2px 2px;
  display: grid;
  grid-template-columns: 27px 27px;
  grid-template-rows: 27px 27px;
}

.notification-container_duration {
  padding: 12px 12px 8px 12px;
  border-bottom: 1px solid #313131;
}
.notification-container_duration span {
  font-size: 14px;
  font-weight: 600;
}

.notification-item__image--image-avatar .notification-item__image-item-avatar, .my-clientele-item__image-item-avatar {
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -8px;
  height: 34px;
  overflow: hidden;
  position: absolute;
  right: -8px;
  width: 34px;
}

.notification-item__image-item-avatar, .my-clientele-item__image-item-avatar {
  background-color: #fff;
}
.notification-item__image-item-avatar svg.user-avatar, .my-clientele-item__image-item-avatar svg.user-avatar {
  color: var(--zinga-primary);
}

.notification-item__details, .my-clientele-item__details {
  flex: 1 0;
}

.notification-item__details-title, .my-clientele-item__details-title {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}

.notification-item__details-title-base, .my-clientele-item__details-title-base {
  font-weight: bold;
}

.notification-item__details-date, .my-clientele-item__details-date {
  color: #6c8ea0;
  font-size: 14px;
  line-height: 16px;
}

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

.notification-item__icon svg {
  cursor: pointer;
  padding: 10px;
}

.notification-item__image-icon {
  background-color: #00b53f;
  border-radius: 50%;
  bottom: -8px;
  height: 28px;
  position: absolute;
  right: -8px;
  width: 28px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-item__image-icon.notification-item__image-icon--orange {
  background-color: #fea03c;
}

.my-clientele-item {
  display: flex;
  width: 100;
  padding: 12px 0;
}

.ad-show-contact {
  display: block;
  position: relative;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  width: 100%;
  border-radius: 8px;
  padding: 0;
  border: none;
}

.ad-show-contact-content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  transition: opacity 0.25s;
  border-radius: 8px;
  border: none;
}

.ad-button--size-full {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--zinga-primary);
  border-color: var(--zinga-primary);
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  min-height: 40px;
  padding: 8px 26px;
  position: relative;
  text-align: center;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  transition: background 0.2s linear, color 0.2s linear;
  width: 100%;
  gap: 8px;
}

.contact-button__text {
  flex: initial;
  padding-left: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

.ad-side-right-icon {
  background-position: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 56px;
  min-width: 56px;
  position: relative;
  width: 56px;
}
.ad-side-right-icon.user-icon {
  border-radius: 50%;
}
.ad-side-right-icon.site-icon {
  border-radius: inherit;
}

.about-seller .ad-seller-online-status {
  bottom: 7px;
}

.ad-seller-online-status {
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: -3px;
  height: 16px;
  position: absolute;
  right: -1px;
  width: 16px;
}
.ad-seller-online-status.offline {
  background: #747474;
}
.ad-seller-online-status.online {
  background: #27ae60;
}

.trending-card .ad-seller-block__name {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 4px;
  font-weight: 600;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trending-card .trendy-biz:hover {
  background: #edefef;
}

.ad-post-advert-banner__div {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 1px 1px 4px rgba(80, 114, 125, 0.4);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 10px 0;
  outline: none;
  position: relative;
  transition: box-shadow 0.2s;
  width: 80px;
  will-change: box-shadow;
}
.ad-post-advert-banner__div::before {
  content: "";
  display: table;
  padding-top: 100%;
}

.ad-post-advert-banner__span_inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ad-post-advert-banner__span_inner::before {
  height: 60%;
  width: 7%;
}
.ad-post-advert-banner__span_inner::after {
  height: 7%;
  width: 60%;
}
.ad-post-advert-banner__span_inner::before, .ad-post-advert-banner__span_inner::after {
  background-color: var(--zinga-primary);
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.card-create-ad h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.55);
}

.start-selling-aside {
  position: sticky;
  top: 10%;
}

.view-more-bz {
  color: #28363e;
}
.view-more-bz:hover {
  background: #edefef;
  color: #000;
}

.main-footer {
  background: var(--zinga-primary);
  display: block;
}

.footer-city-img {
  bottom: -1px;
}

.aside-footer {
  margin-top: 1.6rem;
  background-color: transparent;
  display: block;
}

.global-footer-content {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.global-footer-compact__item {
  display: flex;
  margin: 0.4rem 0.8rem;
}

.global-footer__link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: none;
  color: #fff;
}

.ad-seller-block__name {
  color: #28363e;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.seller-ads-count {
  color: var(--zinga-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.call-request-modal {
  width: 100%;
}
.call-request-modal button {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  border-color: var(--zinga-primary);
  color: var(--zinga-primary);
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  min-height: 40px;
  padding: 8px 26px;
  position: relative;
  text-align: center;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  transition: background 0.2s linear, color 0.2s linear;
  width: 100%;
}
.call-request-modal button:hover {
  background: #d9fdd3;
  color: var(--zinga-primary);
  border-color: var(--zinga-primary);
}

.mobile-call-to-action__buttons {
  position: relative;
  margin-bottom: 0.5rem;
}

.user-icon-right-content {
  width: 100%;
}

.ad-side-right-icon i {
  font-size: 16px;
  color: var(--zinga-primary);
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #e8f7f7;
  border-radius: 50%;
}

.user-icon-right-content h4 {
  font-size: 14px;
  margin-bottom: 13px;
  font-weight: 400;
  color: #717171;
}

.user-icon-right-content h5 {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
  font-weight: 500;
  font-family: inherit;
}

.user-icon-right-content a {
  color: var(--zinga-primary);
  font-weight: 500;
  display: inline-block;
  width: 100%;
}

.user-icon-right-content a:hover {
  color: #94004f !important;
}

.booking-btn {
  padding: 0 20px 20px;
}

.-info-noti {
  color: #1c1e21;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
}

.add-to-calendar .dropdown-item {
  display: block;
  font-size: 14px;
  width: 100%;
  color: #000000;
  font-weight: 400;
  padding: 10px 20px;
  margin-top: 0;
}

.dropdown-item {
  display: block !important;
  font-size: 14px !important;
  width: 100% !important;
  font-weight: 400 !important;
  padding: 10px 20px !important;
  margin-top: 0 !important;
}

.dropdown-item:hover {
  color: var(--zinga-primary) !important;
  background-color: #e8f7f7 !important;
}

.share-save-btns {
  text-align: center;
  margin-top: 30px;
}

.sv-btn {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  height: 40px;
  width: 110px;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fff;
}

.sv-btn:hover {
  color: #000;
  border: 1px solid #efefef;
  background: #e8f7f7;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.similar-ads {
  margin-top: 55px;
  border-top: 1px solid rgba(187, 187, 187, 0.3882352941);
}

.view-all-link {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.view-all-link:hover {
  color: var(--zinga-primary) !important;
}

/* --- Checkout Page --- */
.bp-title h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding: 20px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #efefef;
}

.ad-pring-title {
  display: flex;
  align-items: center;
  gap: 5px;
}

.price-stat-info, .call__request-area {
  flex: 1;
  margin-top: 16px;
}

.start-chat-div, .call-request-div {
  margin-top: 12px;
}

/* Style for the button request callback*/
.call-request-div .call-request-button:hover {
  background: #d9fdd3;
  color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
}

.call-request-div .call-request-button {
  font-size: 14px;
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
  border-radius: 8px;
  height: 40px;
}

/* Style for the request form */
.call-request-div .request-form {
  border-radius: 8px;
  margin-top: 8px;
}

.call-request-div.desktop-access .request-form {
  display: none;
}

.call-request-div .request-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

/* Style for the close button */
.call-request-div .close, .start-chat-div .close {
  color: #aaa;
  float: right;
  font-size: 32px;
  height: 32px;
  width: 32px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-color: #efefef;
  background: #f5f5f5;
}

.call-request-div .close:hover,
.call-request-div .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Style for the input fields */
.call-request-div .input-field {
  margin-bottom: 1em;
  position: relative;
}

/* Style for the labels */
.call-request-div label {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.3s ease-out;
  color: #888; /* Placeholder color */
  font-size: 1em;
}

.make-your-offer-div label {
  position: absolute;
  top: 30%;
  left: 14%;
  pointer-events: none;
  transition: all 0.3s ease-out;
  color: #888; /* Placeholder color */
  font-size: 1em;
}

/* Style for the input fields */
.call-request-div input[type=text],
.make-your-offer-div input[type=text],
.call-request-div input[type=tel] {
  width: 100%;
  border: 1px solid #ccc;
  transition: border-color 0.3s ease-out;
  background-color: transparent;
  border-radius: 4px;
  color: #28363e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  outline: none;
  padding: 0 14px;
  width: 100%;
  height: 40px;
}

.call-request-div input[type=text]:focus,
.make-your-offer-div input[type=text]:focus,
.call-request-div input[type=tel]:focus {
  border-color: var(--zinga-primary);
}

.call-request-div input[type=text]::placeholder,
.make-your-offer-div input[type=text]::placeholder,
.call-request-div input[type=tel]::placeholder {
  color: #888; /* Placeholder color */
}

.call-request-div input[type=text]:not(:placeholder-shown) + label,
.call-request-div input[type=tel]:not(:placeholder-shown) + label {
  top: 0;
  font-size: 0.8em;
  color: var(--zinga-primary);
  background: #fff;
  padding: 0 3px;
}

.make-your-offer-div .offer-form {
  position: relative;
}

.make-your-offer-div input[type=text]:not(:placeholder-shown) + label {
  top: -7px;
  font-size: 0.8em;
  color: var(--zinga-primary);
  background: #fff;
  padding: 0 3px;
  position: absolute;
}

/* Style for the submit button */
.call-request-div .submit-button {
  font-size: 14px;
  width: 100%;
  background-color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  color: #fff;
  border-radius: 8px;
  height: 40px;
}

.call-request-div .submit-button[disabled] {
  background-color: rgba(50, 187, 120, 0.76);
  cursor: not-allowed;
  width: 100%;
  color: #fff;
  border: 1px solid rgba(50, 187, 120, 0.76);
  font-size: 14px;
  border-radius: 8px;
  height: 40px;
}

.cat-price-info-range {
  font-size: 14px;
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1882352941);
  color: #27ae60;
  border-radius: 8px;
  height: 40px;
}

.cat-price-info-range:hover {
  background: #d9fdd3;
  color: var(--zinga-primary);
}

.cat-price-info-range span {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.ad-pring-title h4 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin: 0;
}

.safety-tips-sec .accordion .accordion-item {
  margin-bottom: 16px;
  border-radius: 8px;
  border: none;
}
.safety-tips-sec .accordion .accordion-item .accordion-header button {
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
}
.safety-tips-sec .accordion-body {
  padding-top: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 20px;
  overflow: hidden;
}
.safety-tips-sec .accordion-body ul {
  list-style-type: disc;
}

.policies p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 20px;
}
.policies ul {
  list-style-type: disc;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 1rem 0 1rem 1.5rem;
}
.policies ol {
  list-style-type: decimal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.policies h2 {
  font-size: 14px;
}

.ad-advert-safety-list {
  list-style-type: disc;
  line-height: 1.5;
  padding-left: 14px !important;
}

.ad-advert-safety-block-title {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
  text-align: center;
}

.bp-content {
  padding: 0 0 20px;
}

.checkout-block {
  margin-top: 40px;
}

.order-summary {
  margin-top: 40px;
}

.event-order-dt {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.ad-product-thumbnail-img img {
  object-fit: cover;
  width: 110px;
  height: 100px;
  border-radius: 5px;
}

.event-order-dt-content {
  margin-left: 20px;
}

.event-order-dt-content h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
  color: #000;
}

.event-order-dt-content span {
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  display: block;
  margin-bottom: 10px;
}

.event-order-dt-content .category-type {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-family: inherit;
}

.order-total-block {
  margin-top: 30px;
}

.order-total-dt {
  display: flex;
  width: 100%;
  align-items: center;
  color: #717171;
  font-weight: 600;
}

.order-total-dt div {
  font-size: 16px;
  margin-bottom: 20px;
}

.order-number {
  margin-left: auto;
}

.order-text {
  color: #000;
}

.ttl-clr {
  color: #000;
}

.divider-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #efefef;
  margin-bottom: 20px;
}

.coupon-code-block .form-control {
  background-color: #f9f9f9 !important;
}

.apply-btn {
  position: absolute;
  right: 5px;
  height: 40px;
  bottom: 5px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background: var(--zinga-primary);
  display: inline-block;
  border-radius: 3px;
  border: 0;
}

.confirmation-btn {
  text-align: center;
}

.confirmation-btn span {
  font-size: 14px;
  color: #000;
  margin-top: 13px;
  display: block;
}

.select-tickets-block {
  padding: 0 20px 40px;
}

.select-ticket-action {
  display: flex;
  width: 100%;
  align-items: center;
}

.select-tickets-block h6 {
  font-size: 18px;
  font-family: inherit;
  color: #000;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 27px;
}

.ticket-price {
  font-size: 18px;
  font-weight: 500;
  color: #717171;
}

.quantity {
  margin-left: auto;
}

.counter {
  width: 150px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter input {
  width: 40px;
  border: 0;
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  background: transparent;
  color: #000;
  appearance: none;
  outline: 0;
}

.counter span {
  display: block;
  font-size: 24px;
  padding: 0;
  line-height: 26px;
  cursor: pointer;
  color: #000;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 2px solid #bbb;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  text-align: center;
}

.counter span:hover {
  color: #fff;
  background: var(--zinga-primary);
  border: 2px solid var(--zinga-primary);
}

.select-tickets-block p {
  margin-bottom: 20px;
  margin-top: 20px;
}

.xtotel-tickets-count {
  border-top: 1px solid #efefef;
  padding-top: 20px;
}

.x-title {
  font-size: 14px;
  font-weight: 500;
  color: #717171;
  margin-bottom: 13px;
}

.xtotel-tickets-count h4 {
  font-size: 22px;
  margin-bottom: 0;
  color: #000;
}

/* --- Profile Page --- */
.user-dt-block {
  padding-bottom: 64px;
}

.upload-cover {
  display: inline-block;
  color: #e44d3a;
  font-size: 16px;
  position: absolute;
  top: 30px;
  right: 0;
  font-weight: 600;
  margin-right: 0;
  width: 100%;
}

.upload-cover .cover-img-btn [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
  float: left;
}

.upload-cover .cover-img-btn [type=file] + label {
  color: #000;
  background: #fff;
  Border: 1px solid #bbb;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  padding: 12px 20px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  margin: 0;
}

.upload-cover .cover-img-btn [type=file] + label:hover {
  background: #94004f;
  color: #fff;
}

.main-card.user-left-dt {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  position: relative;
}

.seller-block-avatar-img {
  align-items: center;
  display: flex;
  justify-content: center;
}

@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes rotateAnimation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
  }
}
.seller-block-avatar {
  height: 110px;
  width: 110px;
  position: relative;
  margin-top: 5px;
}
.seller-block-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.seller-block-avatar::before {
  background: #3ff9dc;
  background: linear-gradient(225deg, #003912, #1dbf73 37.55%, #1dbf73 63.2%, #d0e500);
  height: calc(100% + 16px);
  left: -8px;
  top: -8px;
  width: calc(100% + 16px);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-animation: rotateAnimation 1.5s linear 0s 5;
  animation: rotateAnimation 1.5s linear 0s 5;
}

.seller-block-avatar::after {
  background: #fff;
  height: calc(100% + 6px);
  left: -3px;
  top: -3px;
  width: calc(100% + 6px);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  position: absolute;
  z-index: 0;
}

.seller-mobile-info-block__navigation {
  align-items: center;
  display: flex;
}

.seller-mobile-info-block__navigation-item {
  align-items: center;
  border: 1px solid #ebf2f7;
  color: #6c8ea0;
  display: flex;
  flex: 1 0 auto;
  font-size: 14px;
  height: 56px;
  justify-content: center;
  line-height: 20px;
  cursor: pointer;
}
.seller-mobile-info-block__navigation-item:hover {
  background-color: #ebf2f7;
  color: #000;
}

.seller-mobile-info-block__navigation-item_content {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.seller-mobile-info-block__navigation-item_content .ads {
  color: var(--zinga-primary);
  font-weight: 700;
}

.seller-block-avatar-pkg_icon {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #e8f7f7;
  border-radius: 50%;
  bottom: -7px;
  height: 32px;
  margin: 0 auto;
  position: absolute;
  right: -9px;
  width: 32px;
  z-index: 2;
}

.seller-block-details-mini {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.seller-info-tiles__item {
  align-items: center;
  background-color: #ebf2f7;
  border-radius: 2px;
  color: #28363e;
  display: flex;
  font-size: 10px;
  line-height: 12px;
  padding: 4px 6px;
  margin: 0.1875rem;
}

.seller-info-tiles__item-status {
  background-color: #6c8ea0;
  border-radius: 50%;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.seller-info-tiles__item-status.online {
  background: #27ae60;
}

.seller-profile-page__sidebar-buttons-item {
  margin-bottom: 10px;
}

.main-card.user-left-dt .about-seller-block h2 {
  color: #6c8ea0;
  flex-grow: 1;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.main-card.user-left-dt .about-seller-block p {
  color: #28363e;
  font-size: 13px;
  line-height: normal;
}

.avatar-img-btn {
  display: inline-block;
  color: #e44d3a;
  font-size: 16px;
  position: absolute;
  bottom: 4px;
  left: 64%;
  transform: translateX(-50%);
  margin-right: 0;
}

.avatar-img-btn [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
  float: left;
}

.avatar-img-btn [type=file] + label {
  color: #000;
  background: #fff;
  Border: 1px solid #bbb;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  margin: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.avatar-img-btn [type=file] + label:hover {
  background: #94004f;
  color: #fff;
}

.user-dts .user-name {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-top: 23px;
}

.ff-block {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 30px;
}

.ff-block a {
  font-size: 14px;
  color: #000;
  display: inline-block;
  width: 50%;
}

.ff-block a:hover {
  color: var(--zinga-primary) !important;
}

.ff-block a span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

.ff-block a:first-child {
  border-right: 1px solid #efefef;
}

.verify-badge {
  margin-left: 8px;
  font-size: 15px;
  color: var(--zinga-primary) !important;
}

.user-description {
  margin-top: 30px;
}

.user-btns {
  margin-top: 30px;
}

.user-email {
  font-size: 16px !important;
  margin-top: 15px;
  display: block;
}

.profile-social-link {
  margin-top: 37px;
}

.profile-social-link h6 {
  font-size: 16px;
  font-weight: 600;
  text-transform: inherit;
  color: #000;
  margin-bottom: 20px;
}

.social-links > .social-link {
  font-size: 18px;
  width: 40px;
  height: 40px;
  border: 2px solid var(--zinga-primary);
  border-radius: 100%;
  text-align: center;
  color: var(--zinga-primary);
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  margin-right: 7px;
  padding: 10px 9px;
}

.social-links > .social-link:hover {
  color: #fff !important;
  border: 2px solid var(--zinga-primary);
  background-color: var(--zinga-primary);
}

.user-right-dt {
  text-align: center;
  padding: 0;
  margin-top: -70px;
}

.garren-line-tab {
  border: 1px solid #efefef;
  border-radius: 3px;
  background-color: #fff;
}

.border-bottom {
  border-bottom: 1px solid #efefef !important;
}

.garren-line-tab .nav-link {
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  position: relative;
  padding: 10px !important;
  border-radius: 3px;
}

.garren-line-tab .nav-link.active,
.garren-line-tab .nav-link.active:hover {
  color: #fff !important;
  background-color: var(--zinga-primary) !important;
}

.garren-line-tab .nav-link:hover {
  color: var(--zinga-primary) !important;
}

.garren-line-tab .nav-link i {
  font-size: 14px;
  margin-right: 8px;
}

.right-profile {
  position: relative;
}

.seller-page .main-card {
  margin-bottom: 12px;
}

.seller-follow-sec {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
}

.seller-follow-content {
  display: flex;
  align-items: center;
  gap: 4px;
}

.follow-seller-button_icon {
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background-color: #ebf2f7;
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
.follow-seller-button_icon svg {
  color: var(--zinga-primary);
}

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

.seller-following-counter span {
  color: #6c8ea0;
  font-size: 12px;
}

.tab-link {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
  width: 33.33%;
  display: block;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 1rem;
  color: #717171;
  background: transparent;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.custom-tabs .tab-link.active, .tab-tabs .show > .tab-link {
  color: var(--zinga-primary);
  background-color: #fff;
  border-bottom: 3px solid var(--zinga-primary);
}

.custom-tabs .tab-link:hover {
  color: var(--zinga-primary);
  background-color: #fff;
  border-bottom: 3px solid transparent;
}

.custom-tabs .tab-link.active span, .tab-tabs .show > .tab-link span {
  color: #fff;
}

.custom-tabs .tab-link.active:hover {
  color: var(--zinga-primary);
  background-color: #fff;
  border-bottom: 3px solid var(--zinga-primary);
}

.setting-step {
  border-bottom: 1px solid #efefef;
  padding: 15px 32px;
}

.setting-step:last-child {
  border-bottom: 0;
}

.chk-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.setting-title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  color: #000;
}

.btn-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  min-width: 40px;
  height: 22px;
  margin: 14px 5px;
}

.btn-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn-switch input:checked + .checkbox-slider {
  background: var(--zinga-primary);
}

.btn-switch .checkbox-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  width: 38px;
  border-radius: 16px;
  background-color: #c4c4c4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.datepicker table tr td.today {
  color: #ffffff !important;
  background-color: var(--zinga-primary) !important;
  border-color: var(--zinga-primary) !important;
}

.settings-socials .settings-socials-item__title__icon {
  margin-right: 22px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-socials span {
  font-weight: 500;
}

.settings-socials__explain {
  margin-bottom: 30px;
  background: #e9ecef;
}
.settings-socials__explain i {
  transform: rotate(-45deg);
  color: #602b04;
}
.settings-socials__explain:after {
  content: "";
  background-color: #e9ecef;
  display: block;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -6px;
  left: 38px;
}

.btn-switch .checkbox-slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  top: 2px;
  border-radius: 50%;
  background-color: white;
  filter: drop-shadow(0px 2px 4px rgba(0, 35, 11, 0.2));
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn-switch input:checked + .checkbox-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.password-des h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #000;
}

.password-des p {
  margin-bottom: 30px;
}

.card-top {
  display: flex;
  width: 100%;
  align-items: flex-start;
  border-bottom: 1px solid #efefef;
}

.card-event-img {
  width: 170px;
  height: 110px;
  margin-right: 20px;
}

.card-event-img img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  object-fit: cover;
}

.card-event-dt h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #000;
}

.invoice-id {
  color: #717171;
}

.card-bottom {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.card-bottom-item {
  display: flex;
  width: 25%;
  align-items: center;
  padding: 20px;
}

.card-icon i {
  font-size: 16px;
  color: var(--zinga-primary);
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 41px;
  background: #e8f7f7;
  border-radius: 50%;
}

.card-dt-text {
  margin-left: 15px;
}

.card-dt-text h6 {
  font-size: 13px;
  color: #717171;
}

.card-dt-text span {
  color: #000;
  font-weight: 500;
  font-size: 14px;
}

.card-dt-text a {
  color: var(--zinga-primary);
  font-weight: 500;
  font-size: 14px;
}

.card-dt-text a:hover {
  color: #94004f !important;
}

.edit-btn {
  position: absolute;
  right: 0;
  top: 10px;
}

.about-details {
  padding: 30px;
}

.about-step {
  border-bottom: 1px solid #efefef;
  padding-bottom: 25px;
  padding-top: 25px;
}

.about-step:first-child {
  padding-top: 0;
}

.about-step:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.about-step h5 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-bottom: 13px;
}

.about-step span {
  font-size: 18px;
  color: #717171;
  font-weight: 500;
  margin-bottom: 0;
}

.close-model-btn {
  box-sizing: content-box;
  font-size: 14px;
  width: 1.5em;
  height: 1.5em;
  padding: 0.25em 0.25em;
  color: #000;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.close-model-btn:hover {
  color: var(--zinga-primary);
  opacity: 1;
}

.modal-title {
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  color: #000;
}

.not-available-image {
  height: 104px;
  width: 154px;
}
.not-available-image img {
  height: 100%;
  width: 100%;
}

.model-content {
  padding: 0 30px 30px;
}

.model-content .form-control {
  background-color: #f9f9f9 !important;
}

.address-title {
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
  padding-bottom: 13px;
  margin-top: 30px;
  color: #000;
}

.model-content .btn-light {
  min-height: 40px !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #717171 !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #efefef !important;
  padding: 5px 20px !important;
  border-radius: 3px !important;
  transition: none !important;
}

.my-event-tabs {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #efefef;
}

.event-link {
  font-size: 18px;
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
  width: 33.333%;
  display: block;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 1rem;
  color: #bbb;
  background: transparent;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.my-event-tabs .event-link.active, .my-event-tabs .show > .event-link {
  color: var(--zinga-primary);
  background-color: #fff;
  border-bottom: 3px solid var(--zinga-primary);
}

.my-event-tabs .event-link.active span, .my-event-tabs .show > .event-link span {
  color: var(--zinga-primary);
}

.event-link span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-top: 10px;
}

.my-event-tabs .event-link.active:hover {
  color: var(--zinga-primary);
  background-color: #fff;
  border-bottom: 3px solid var(--zinga-primary);
}

.event-count {
  background: #e8f7f7;
  display: inline-block !important;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  line-height: 36px;
}

.my-event-tabs .event-link.active .event-count, .my-event-tabs .show > .event-link .event-count {
  color: #fff;
  background: var(--zinga-primary);
}

.profile-ad-product-content {
  padding: 8px;
}

.profile-ad-product-content > .product-title {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  display: block;
  line-height: 25px;
  min-height: 50px;
  margin-bottom: 33px;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.profile-ad-product-content > .product-title:hover {
  color: #000 !important;
}

.profile-event-footer {
  padding: 0 20px 20px;
}

.event-btn-group {
  margin-top: 20px;
}

.esv-btn {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  height: 40px;
  min-width: 110px;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fff;
  padding: 0 20px;
}

.esv-btn:hover {
  color: #000;
  border: 1px solid #efefef;
  background: #e8f7f7;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.saved-btn {
  color: #fff !important;
  border: 1px solid var(--zinga-primary) !important;
  background: var(--zinga-primary) !important;
}

.saved-btn:hover {
  color: #fff !important;
  border: 1px solid var(--zinga-primary) !important;
  background: #94004f !important;
}

.ff-tablist {
  border-bottom: 1px solid #efefef;
  margin-top: 27px;
}

.ff-tablist .nav-item .nav-link.active, .ff-tablist .nav-item .show > .nav-link {
  color: var(--zinga-primary) !important;
  border-color: var(--zinga-primary);
  background-color: transparent;
}

.ff-tablist .nav-item .nav-link {
  font-size: 14px;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 5px 10px;
  margin-bottom: -1px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.min-height-430 {
  min-height: 430px;
}

.min-height-370 {
  min-height: 370px;
}

.min-height-180 {
  min-height: 180px;
}

.user-follow-card {
  display: flex;
  align-items: center;
  width: 100%;
}

.follow-card-left {
  display: flex;
  align-items: center;
}

.follow-avatar {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.follow-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.follow-name {
  margin-left: 15px;
}

.follow-name h5 {
  font-size: 16px;
  color: #000;
}

.follow-card-btn {
  margin-left: auto;
}

.follow-btn {
  color: #000;
  background: #fff !important;
  border-radius: 3px;
  Border: 1px solid #bbb;
  padding: 3px 15px;
}

.follow-btn:hover {
  color: #000 !important;
  background: #e8f7f7 !important;
  border-radius: 3px;
  Border: 1px solid #bbb;
}

/* --- Business Dashboard Page --- */
/* Medium devices (desktops)
==========================*/
@media (min-width: 992px) {
  body {
    overflow-y: scroll;
  }
  .logo img {
    width: 200px;
    text-align: center;
    margin-top: 10px;
    float: none;
  }
  .wrapper-body {
    margin-left: 254px;
    transition: all 0.3s ease-out;
  }
  .wrapper__minify {
    margin-left: 80px;
  }
}
/*.wrapper-body {
	padding: 35px 0;
}*/
.d-section-title h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  color: #515a6e;
  padding: 0 12px;
}

.d-section-title i {
  font-size: 20px;
  color: #515a6e;
}

.add-business-card {
  display: flex;
  width: 100%;
  align-items: center;
}

.ocard-left {
  display: flex;
  align-items: center;
}

.ocard-avatar {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.ocard-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.ocard-name {
  margin-left: 17px;
}

.ocard-name h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.ocard-name span {
  font-size: 14px;
  color: #717171;
}

.ocard-right {
  margin-left: auto;
}

.ocard-right .co-main-btn i {
  height: 25px;
  width: 25px;
  margin-right: 10px;
  background: #f7f7f7;
  border: 2px dashed #bbb;
  border-radius: 50%;
  line-height: 2;
  font-size: 11px;
  color: #bbb;
}

.org_design_button {
  width: 120px;
  display: inline-block;
  min-height: 120px;
  overflow: hidden;
  border: 2px dashed #bbb;
  background: #fff;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
}

.org_design_button:hover {
  background: #e8f7f7;
}

.org_design_button span {
  vertical-align: middle;
  display: block;
  text-align: center;
  color: #bbb;
  padding: 39px 0;
}

.org_design_button i {
  margin-top: 0;
  font-size: 24px;
  color: #bbb;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  outline: 0;
  background: #fff;
  cursor: inherit;
  display: block;
}

.dashboard-date-arrows a {
  font-size: 14px;
  color: #717171;
  padding: 4px 10px 2px;
  display: inline-block;
  text-align: center;
  background: #e8f7f7;
  border-radius: 3px;
}

.dashboard-date-arrows a:hover {
  color: var(--zinga-primary) !important;
}

.before_date.disabled, .after_date.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.dashboard-select-date {
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 500;
}

.event-list-dropdown {
  border: 0;
  background: transparent;
  color: #000;
  font-size: 14px;
  font-family: inherit;
}

.event-list-dropdown .dropdown-item {
  padding: 2px 20px !important;
}

.dashboard-filter input, .dashboard-filter label {
  cursor: pointer;
}

.dashboard-report-card {
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid #efefef;
  box-shadow: none;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.dashboard-report-card .card-content {
  color: #fff;
  flex-grow: 1;
}

.premium-services .dashboard-report-card.green {
  background-color: #27ae60;
  border-color: #27ae60;
}
.premium-services .dashboard-report-card.red {
  background-color: #32bb78;
  border-color: #32bb78;
}
.premium-services .dashboard-report-card.purple-blue {
  background-color: #5b68f6;
  border-color: #5b68f6;
}
.premium-services .dashboard-report-card.warning {
  background-color: #fea03c;
  border-color: #fea03c;
}
.premium-services .dashboard-report-card:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease-in-out;
}

.ad-soko-button.fw-button {
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
  font-size: 16px;
}
.ad-soko-button.fw-button:hover {
  background: rgba(50, 187, 120, 0.0784313725);
}
.ad-soko-button.fw-button .fw-button__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.ad-soko-button.fw-button .fw-button__content .fw-button__slot-wrapper {
  align-items: center;
  display: flex;
}

.fw-button {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 2;
  outline: none;
  padding: 4px 16px;
  position: relative;
  text-align: center;
  transition: box-shadow 0.2s;
  white-space: nowrap;
  will-change: box-shadow;
  z-index: 1;
}

.dashboard-report-card.purple-blue {
  background-color: #5b68f6;
  border-color: #5b68f6;
}

.dashboard-report-card.red {
  background-color: var(--zinga-primary);
  border-color: var(--zinga-primary);
}

.dashboard-report-card.info {
  background-color: #45bbe0;
  border-color: #45bbe0;
}

.dashboard-report-card.green {
  background-color: #27ae60;
  border-color: #27ae60;
}

.dashboard-report-card .card-media {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  justify-content: center;
  right: 20px;
  top: 20px;
  position: absolute;
}

.dashboard-report-card .card-content {
  color: #fff;
  flex-grow: 1;
}

.dashboard-report-card .card-content .card-title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.dashboard-report-card .card-content .card-sub-title {
  font-size: 24px;
  margin: 8px 0 13px;
  display: block;
  font-weight: 600;
}

.dashboard-report-card .card-media i {
  font-size: 28px;
  color: #fff;
}

.border_bottom {
  border-bottom: 1px solid #efefef;
}

.border_top {
  border-top: 1px solid #efefef;
}

.select-graphic-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 150px !important;
}

.rs .btn-check:active + .btn-outline-primary, .rs .btn-check:checked + .btn-outline-primary, .rs .btn-outline-primary.active, .rs .btn-outline-primary.dropdown-toggle.show, .rs .btn-outline-primary:active {
  color: #fff;
  background-color: var(--zinga-primary);
  border-color: var(--zinga-primary);
}

.rs .btn-outline-primary {
  color: var(--zinga-primary);
  border-color: var(--zinga-primary);
}

.rs .btn-outline-primary:hover {
  color: var(--zinga-primary);
  background-color: #e8f7f7;
  border-color: var(--zinga-primary);
}

.rs .btn-outline-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}

.rs .btn-check:focus {
  box-shadow: none !important;
  outline: none !important;
}

.relative-input .form-control {
  padding: 0 15px 0 40px !important;
  width: 280px;
}

.relative-input i {
  position: absolute;
  top: 20%;
  font-size: 16px;
  left: 10px;
  color: #717171;
}

.custom2-tabs .tab-link {
  background: #fff;
  border: 1px solid #bbb;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 0;
  width: 130px;
  padding: 0 15px;
  font-size: 14px;
  height: 40px;
  color: #000;
  display: inline-block;
  margin: 0 0 0 4px !important;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.custom2-tabs .tab-link:first-child {
  margin-left: 0 !important;
}

.custom2-tabs .tab-link.active, .tab-tabs .show > .tab-link {
  color: #fff;
  background-color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
}

.custom2-tabs .tab-link:hover {
  color: #000;
  background-color: #e8f7f7;
  border: 1px solid #bbb;
}

.custom2-tabs .tab-link.active span, .tab-tabs .show > .tab-link span {
  color: #fff;
}

.custom2-tabs .tab-link.active:hover {
  color: #fff;
  background-color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
}

.event-top .card-event-img {
  width: 130px;
  height: 70px;
}

.option-btn {
  width: 32px;
  height: 32px;
  color: #000;
  border: 1px solid #bbb;
  border-radius: 5px;
  font-weight: 800;
}

.manage-ad {
  color: #000;
}
.manage-ad i {
  font-size: 28px;
}
.manage-ad:hover {
  color: var(--zinga-primary);
}

.ad-visibility .slider {
  border: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 80px;
}
.ad-visibility .slider-checkbox {
  display: none;
}
.ad-visibility .slider-label {
  border: 1px solid 1px solid rgba(102, 102, 102, 0.1294117647);
  border-radius: 5px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.ad-visibility .slider-inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  width: 200%;
  font-size: 12px;
  font-weight: 700;
}
.ad-visibility .slider-inner:before,
.ad-visibility .slider-inner:after {
  box-sizing: border-box;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0;
  width: 50%;
}
.ad-visibility .slider-inner:before {
  background: #009c36;
  color: #fff;
  content: "Aktiv";
  padding-left: 0.75em;
}
.ad-visibility .slider-inner:after {
  background-color: #eee;
  color: #666;
  content: "Inaktiv";
  padding-right: 0.75em;
  text-align: right;
}
.ad-visibility .slider-circle {
  background: #f00;
  border: 1px solid rgba(102, 102, 102, 0.1294117647);
  border-radius: 5px;
  bottom: 0;
  display: block;
  margin: 5px;
  position: absolute;
  right: 50px;
  top: -1px;
  transition: all 0.3s ease-in 0s;
  width: 20px;
}
.ad-visibility .slider-checkbox:checked + .slider-label .slider-inner {
  margin-left: 0;
}
.ad-visibility .slider-checkbox:checked + .slider-label .slider-circle {
  background-color: #eee;
  right: 0;
}

.no-active-ad img {
  max-height: auto;
  max-width: 300px;
  margin-bottom: 25px;
}

.ad-ps-info-balance-card__value {
  align-items: center;
  background-color: #fadab1;
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  min-width: 107px;
  padding: 0 7px;
}

.recharge-form {
  display: none;
}

.danger-text {
  color: red;
  display: none;
}

.option-btn:hover {
  color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  background: rgba(255, 255, 255, 0.3);
}

.event-list-icon {
  width: 110px;
  height: 110px;
  background: #fafafa;
  border: 1px solid #efefef;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  padding-top: 30px;
}

.event-list-icon img {
  width: 80px;
}

.container-list {
  box-sizing: border-box;
}

.container-list .top .icon-box {
  position: relative;
  padding-left: 66px;
  width: calc(100% - 150px);
}

.container-list .top .icon-box .icon-big {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #D4F7F7;
  border-radius: 100px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}

.form-container {
  max-width: 500px;
  width: 100%;
  padding: 5px;
  background-color: #ffffff;
  border-radius: 8px;
}
.form-container .form-group {
  position: relative;
  margin-bottom: 20px;
}
.form-container .form-group input, .form-container .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
.form-container .form-group input:focus, .form-container .form-group textarea:focus {
  border-color: var(--zinga-primary);
  outline: none;
}
.form-container .form-group input:focus + label, .form-container .form-group input:not(:placeholder-shown) + label, .form-container .form-group textarea:focus + label, .form-container .form-group textarea:not(:placeholder-shown) + label {
  top: -6px;
  font-size: 14px;
  color: #5f5f5f;
  background-color: #ffffff;
  padding: 0 4px;
  border-radius: 4px;
  left: 8px;
}
.form-container .form-group label {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 14px;
  color: #464b4f;
  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}
.form-container .form-group {
  position: relative;
}
.form-container .form-group .textarea-container {
  position: relative;
}
.form-container .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
.form-container .form-group textarea:focus {
  border-color: var(--zinga-primary);
  outline: none;
}
.form-container .form-group label {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 14px;
  color: #464b4f;
  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}
.form-container .form-group .char-counter {
  position: absolute;
  bottom: 10px;
  right: 5px;
  font-size: 12px;
  color: #464b4f;
}
.form-container .submit-button {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: var(--zinga-primary);
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.form-container .submit-button:hover {
  background-color: #0056b3;
}

.container-list .top .icon-box .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #D4F7F7;
  border-radius: 100px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 2px;
}

.icon.icon-purple {
  background-color: rgba(155, 81, 224, 0.1) !important;
}

.container-list .top .icon-box h5 {
  font-size: 18px;
  margin: 0;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.container-list .top .icon-box p {
  font-size: 13px;
  margin: 0 !important;
  color: #717171;
}

.option-btn-1 {
  width: 35px;
  height: 35px;
  color: #000;
  border: 1px solid #bbb;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

.option-btn-1:hover {
  color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  background: rgba(255, 255, 255, 0.3);
}

.icon-box .icon {
  font-size: 18px;
  margin-right: 7px;
  padding-top: 2px;
}

.more-ad-controls {
  height: 60px;
  background: #fff;
  padding: 0 15px;
  display: flex;
  justify-content: end;
  border-radius: 0 0 4px 4px;
}

.more-ad-controls_inner {
  display: flex;
  align-items: center;
}

.more-ad-controls_items button {
  white-space: nowrap;
  font-size: 14px;
}
.more-ad-controls_items button.top-ad {
  border: 1px solid orange;
  color: orange;
}
.more-ad-controls_items button.discount-btn {
  border: 1px solid #27ae60;
  color: #27ae60;
  background: rgba(39, 174, 96, 0.03);
  margin-left: 5px;
}
.more-ad-controls_items button.move-top-plus {
  border: 1px solid #27ae60;
  color: #fff;
  background: #27ae60;
  margin-left: 5px;
}

.rotate-icon {
  transform: rotate(300deg);
}

.container-list .bottom .icon-box {
  min-width: 160px;
  position: relative;
  padding-left: 52px;
  width: 25%;
  max-width: 100%;
}

.card-icon-align.bottom .icon-box {
  padding-left: 60px !important;
}

.container-list .bottom .icon-box .icon {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 100px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.container-list .bottom .icon-box h6 {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin: 0 0 6px;
}

.container-list .bottom .icon-box p {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #717171;
  margin: 0;
  white-space: nowrap;
}

.container-list .bottom .icon-box:not(:last-child) {
  padding-right: 15px;
}

.container-list .bottom .icon-box .progress {
  background: rgba(163, 173, 185, 0.3);
  border-radius: 2px;
  height: 4px;
}

.container-list .bottom .icon-box .progress {
  max-width: 80px;
}

.container-list .bottom .icon-box .progress .progress-bar {
  background: var(--zinga-primary);
  border-radius: 2px;
}

.add-contact-title h4 {
  margin-bottom: 0;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}

.gift-coupon-icon {
  width: 100%;
  text-align: center;
  padding-bottom: 0;
  border-bottom: 2px dashed #efefef;
  margin-bottom: 10px;
}

.gift-coupon-icon img {
  width: 100px;
  height: 100px;
}

.datepickers-container {
  z-index: 9999;
}

.datepicker--day-name {
  color: var(--zinga-primary) !important;
  font-weight: 500 !important;
}

.icon.icon-purple {
  color: #6b63ff;
  background-color: rgba(155, 81, 224, 0.1) !important;
}

.icon.icon-yellow {
  color: #e8df2a;
  background-color: rgba(242, 153, 74, 0.1) !important;
}

.bank-card {
  position: relative;
  border: 1px solid #efefef;
  background: #f9f9f9;
  border-radius: 3px;
}

.bank-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.bank-card h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
  color: #000;
}

.bank-card span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #717171;
}

.action-link {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  color: #717171;
  border: 1px solid #bbb;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
}

.action-link:hover {
  color: var(--zinga-primary) !important;
  border: 1px solid var(--zinga-primary);
  background: rgba(255, 255, 255, 0.3);
}

.rmt_4 {
  margin-top: 1.5rem;
}

.table-card {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
}

.main-table .table {
  color: #000;
  margin-bottom: 0;
  background: #fff;
  border-radius: 3px;
  border: none;
}

.main-table .table > :not(:first-child) {
  border-top: none;
}

.main-table .table .thead-dark th {
  color: #000;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  border-bottom: 0;
  border: 1px;
  font-size: 14px;
  font-weight: 600;
}

.main-table .table .thead-dark th:first-child {
  border-top-left-radius: 3px;
}

.main-table .table .thead-dark th:last-child {
  border-top-right-radius: 3px;
}

.main-table .table .thead-dark tr {
  border-radius: 3px;
}

.main-table .table .thead-dark tr th:first-child {
  border-top-left-radius: 3px;
}

.main-table .table .thead-dark tr th:last-child {
  border-top-right-radius: 3px;
}

.main-table .table tbody tr td a {
  color: #000;
}

.discount-table .table td, .discount-table .table th {
  padding: 1rem 1rem !important;
  border-top: 1px solid transparent !important;
}

/*.main-table .table td, .main-table .table th {
    border-top: 1px solid transparent !important;
}*/
#MyClients-saved-ads_table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.main-table .table tfoot {
  font-weight: 500;
  padding: 14px !important;
  color: #000 !important;
}

.main-table .table tfoot td {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  background-color: #fafafa;
}

.main-table .table td {
  vertical-align: middle;
  padding: 4px 10px 8px;
  font-size: 14px;
  height: 48px;
}

.main-table .table td p {
  font-size: 14px;
  line-height: normal;
}

/* Remove borders from DataTable */
.dataTable,
.dataTable thead,
.dataTable tbody,
.dataTable th,
.dataTable td {
  border: none !important;
}

.dataTable tbody tr {
  border-bottom: none !important; /* Ensure there's no bottom border on rows */
}

.status-circle {
  background-color: #efefef;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}

.red-circle {
  background-color: #dc3545;
}

.green-circle {
  background-color: #7dc579;
}

.blue-circle {
  background-color: #bb6bd9;
}

.a-link {
  color: var(--zinga-primary) !important;
  font-weight: 500;
}

.a-link:hover {
  color: var(--zinga-primary) !important;
  text-decoration: underline !important;
}

.subscription-bg {
  background: url(../images/banners/subscription-bg.png) no-repeat center/cover;
  margin-bottom: 16px;
  padding: 28px;
  min-height: 170px;
  position: relative;
}

.s-info h3 {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

.s-info p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
}

.s-price h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.since-text {
  font-style: italic;
  color: #fff;
}

.subscription-title h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000;
}

.subscription-item {
  border: 1px solid #efefef;
  border-radius: 3px;
}

.subscription-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bp-info h4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
}

.btn-gray {
  padding: 8.5px 16px;
  border-radius: 5px;
  font-weight: bold;
  border: 0;
  background: #F5F5F5;
  color: rgba(33, 33, 33, 0.6);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.btn-gray:hover.no-bg:hover svg path {
  fill: #22B0AF;
}

.no-bg {
  background: none !important;
  background-color: transparent !important;
}

.c-img {
  width: 60px;
  margin-bottom: 5px;
}

.tracking-tab .tracking-head {
  background: #fff;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #efefef;
  margin-top: 1.5rem;
}

.tracking-tab .nav-tabs .nav-item {
  margin-bottom: 0px;
  width: 33.333%;
}

.tracking-tab .nav-tabs .nav-link {
  display: block;
  text-align: center;
  background: #fff;
  border: 0;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding: 0rem 1.3rem;
}

.tracking-tab .nav-tabs .nav-link.active {
  background-color: var(--zinga-primary);
  color: #fff !important;
}

.specific-event {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #efefef;
}

.specific-event h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
  color: #000;
}

.organisation-profile {
  position: relative;
  padding-top: 50px;
  max-width: 560px;
  min-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.view-profile-link {
  display: inline-block;
}

.profile-edit-btn {
  position: absolute;
  right: 10px;
  top: 15px;
}

.profile-edit-btn .btn {
  color: #717171;
  font-size: 16px;
}

.profile-edit-btn .btn:hover {
  color: var(--zinga-primary) !important;
}

.profile-edit-btn .btn:focus {
  box-shadow: none;
}

.p-bg {
  background-color: #F5F7F9;
}

.copy-link {
  position: absolute;
  right: 2px;
  top: 2px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  padding: 0 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.team-lock {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.menu--label i {
  content: "\f023";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  display: inline-block;
  margin-left: 0.255em;
  text-align: end;
  padding-left: 30px;
  font-size: 12px;
  color: #717171;
  padding-top: 1px;
}

.team-lock > .menu--label {
  display: inline-block;
  height: 45px;
  line-height: 43px;
}

.team-lock > .menu--label:hover {
  background: #e8f7f7;
}

.upgrade-premium-area {
  justify-content: center;
  display: flex;
  padding: 30px;
}

.upgrade-content .upgrade-premium-center {
  max-width: 556px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  text-align: center;
  padding: 75px 30px 30px 30px;
  background-image: url(../images/banners/up-shape.png);
  background-repeat: no-repeat;
  background-position: 30% 1%;
  overflow-y: auto;
}

.upgrade-icon img {
  width: 100px;
}

.upgrade-banner img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
}

.upgrade-text h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 22px 0 13px;
  color: #000;
}

.upgrade-text p {
  font-size: 16px;
  font-weight: 400;
  color: #717171;
}

.premium-select {
  margin-top: 20px;
}

.premium-select .option {
  text-align: center;
  display: block;
  border-radius: 5px;
  cursor: pointer;
  padding: 20px;
  border: 2px solid #efefef;
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.choose-package__item__price_note {
  color: #d1dfe5 !important;
  line-height: 24px;
}

.premium-select .option .dot {
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.premium-select .option .dot::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}

.premium-select input[type=radio] {
  display: none;
}

#option-1:checked:checked ~ .option-1, #option-2:checked:checked ~ .option-2, #option-3:checked:checked ~ .option-3 {
  border: 2px solid var(--zinga-primary);
  background: #fff;
  cursor: default;
}

/* Styles for unchecked options */
#option-1:not(:checked) ~ .option-1,
#option-2:not(:checked) ~ .option-2,
#option-3:not(:checked) ~ .option-3 {
  cursor: pointer;
}

#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot {
  background: var(--zinga-primary);
}

#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before {
  opacity: 1;
  transform: scale(1);
}

#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span {
  color: #000;
}

#option-1:checked:checked ~ .option-1 span:last-child,
#option-2:checked:checked ~ .option-2 span:last-child,
#option-3:checked:checked ~ .option-3 span:last-child {
  color: #717171;
  display: block;
}





#option2-1:checked:checked ~ .option2-1, #option2-2:checked:checked ~ .option2-2, #option2-3:checked:checked ~ .option2-3 {
  border: 2px solid var(--zinga-primary);
  background: #fff;
  cursor: default;
}

/* Styles for unchecked options */
#option2-1:not(:checked) ~ .option2-1,
#option2-2:not(:checked) ~ .option2-2,
#option2-3:not(:checked) ~ .option2-3 {
  cursor: pointer;
}

#option2-1:checked:checked ~ .option2-1 .dot,
#option2-2:checked:checked ~ .option2-2 .dot,
#option2-3:checked:checked ~ .option2-3 .dot {
  background: var(--zinga-primary);
}

#option2-1:checked:checked ~ .option2-1 .dot::before,
#option2-2:checked:checked ~ .option2-2 .dot::before,
#option2-3:checked:checked ~ .option2-3 .dot::before {
  opacity: 1;
  transform: scale(1);
}

#option2-1:checked:checked ~ .option2-1 span,
#option2-2:checked:checked ~ .option2-2 span,
#option2-3:checked:checked ~ .option2-3 span {
  color: #000;
}

#option2-1:checked:checked ~ .option2-1 span:last-child,
#option2-2:checked:checked ~ .option2-2 span:last-child,
#option2-3:checked:checked ~ .option2-3 span:last-child {
  color: #717171;
  display: block;
}

.action-btn {
  cursor: pointer;
}

.action-btn:hover {
  color: var(--zinga-primary);
}

.disabled {
  pointer-events: none !important;
}

.role-header {
  background: #efefef;
  text-align: left;
  padding: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.role-header h6 {
  font-size: 18px;
  font-weight: 500;
}

.item:not(:first-of-type) {
  margin-left: 10px;
}

.choose-package__item__body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
  align-items: center;
}

label .choose-package__item__switcher__wrapper {
  margin: 0 -8px;
  display: flex;
}

label .choose-package__item__switcher {
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
  font-size: 14px;
  line-height: 18px;
  margin: 0 8px;
  cursor: pointer;
}

.choose-package__item__switcher--active {
  background-color: rgba(50, 187, 120, 0.2);
  cursor: default;
}

.choose-package__item__switcher {
  border: 1px solid #c2e8c6;
  border-radius: 16px;
  color: #00b53f;
  font-weight: 400;
  margin: 0 10px;
  padding: 7px 13px;
}

label .choose-package__item__price .package__price {
  color: #607D8B;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.choose-package__item__price {
  align-items: baseline;
  display: flex;
}

label .choose-package__item__price .currency-symbol {
  font-size: 11px !important;
  line-height: 12px;
  padding-right: 5px;
}

.role-body-content {
  padding: 25px;
  background: #fff;
}

.role-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.role-item:last-child {
  margin-bottom: 0;
}

.role-item i {
  color: var(--zinga-primary);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: rgba(106, 192, 69, 0.1);
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
}

.i-disabled {
  color: #000 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

.role-item span {
  color: #000;
  font-weight: 400;
  margin-left: 7px;
}

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

/* --- Create Events --- */
.wizard-steps-block {
  padding: 15px 0;
}

#create-ad-tab {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.ad-create-promotion_section__title {
  color: #28363e;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
}

.ad-create-promotion_section__desc {
  color: #6c8ea0;
  font-size: 14px;
  line-height: 20px;
}

#create-ad-tab .step-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  margin: 0 15px 0 15px;
}

#create-ad-tab .step-steps > li {
  -webkit-box-flex: 0;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

#create-ad-tab .step-steps > li:before {
  background-color: #ededed;
  height: 5px;
  left: 0;
  top: 10px;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.similar-ads__box {
  background: #fff;
  border-radius: 4px;
  margin: 0 8px 16px 8px;
}

.similar-title {
  color: #000;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 0 50px;
  position: relative;
  margin: 20px 0 30px 0;
}
.similar-title::after, .similar-title::before {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 2px;
  margin-top: -1px;
  top: 50%;
  vertical-align: middle;
  width: 35px;
}

.similar-ads__box-image {
  position: relative;
  aspect-ratio: 1;
}
.similar-ads__box-image img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 4px 4px 0 0;
}

.similar-ads__box-content-inner {
  padding: 8px;
}
.similar-ads__box-content-inner .title a {
  color: #000;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
}
.similar-ads__box-content-inner .title a:hover {
  text-decoration: underline !important;
}
.similar-ads__box-content-inner .price {
  color: #7e7e7e;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}

.v2-sfooter {
  height: 60px;
  background: #000;
  position: sticky;
  bottom: 0;
}
.v2-sfooter .v2-sfooter_inner {
  height: 60px;
  margin: auto;
}
.v2-sfooter .v2-sfooter_inner span {
  color: #f1f1f1;
  font-size: 18px;
}

.view-more-similar {
  border-top: 1px solid var(--zinga-primary);
  border-bottom: 1px solid var(--zinga-primary);
  padding: 15px 0 15px 0;
  margin-top: 8px;
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
}

#create-ad-tab .step-steps > li > a > .number {
  width: 24px;
  height: 24px;
  background-color: #d1d1d1;
  border: 0px solid;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  border-radius: 100%;
}

#create-ad-tab .step-steps > li > a > .number:before {
  background-color: transparent;
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  top: -8px;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#create-ad-tab .step-steps > li > a > .step-name {
  font-weight: 500;
  color: #b2b2b2;
  font-size: 14px;
  margin-top: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: capitalize;
}

#create-ad-tab .step-steps > li.active:last-child:before {
  width: 100%;
  background: var(--zinga-primary);
}

#create-ad-tab .step-steps > li.active > a > .number,
#create-ad-tab .step-steps > li.done > a > .number {
  background-color: var(--zinga-primary);
  color: #fff;
}

#create-ad-tab .step-steps > li.active > a > .step-name,
#add-eventevent-tab .step-steps > li.done > a > .step-name {
  color: #333;
}

#create-ad-tab .step-steps > li.done:before {
  background-color: var(--zinga-primary);
}

#create-ad-tab .step-steps > li.done > a > .number:after {
  display: none;
}

#create-ad-tab > .step-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  border: 0px solid;
  border-radius: 0px;
  padding-top: 35px;
}

#create-ad-tab > .step-content .title-icon {
  margin-bottom: 25px;
}

.p_30 {
  padding: 30px !important;
}

.pb_30 {
  padding-bottom: 30px !important;
}

.pt_30 {
  padding-top: 30px !important;
}

.pl_30 {
  padding-left: 30px !important;
}

.pr_30 {
  padding-right: 30px !important;
}

.min-h-auto {
  min-height: auto !important;
}

.clock-icon .bootstrap-select > .dropdown-toggle:after {
  content: "\f017";
  font-family: "Font Awesome 6 free";
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 37%;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #94004f !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  color: #fff !important;
}

.datepicker--cell.-current- {
  color: #fff !important;
  background: var(--zinga-primary) !important;
}

.absolute-icon {
  color: #717171;
  font-weight: 600;
  position: absolute;
  background: transparent;
  right: 5px;
  top: 5px;
  min-height: 40px;
  padding: 0 15px;
  line-height: 40px;
  margin-bottom: 0;
  border-radius: 3px;
  pointer-events: none;
}

.absolute-icon:hover {
  color: var(--zinga-primary);
}

.default-event-thumb {
  border: 1px dashed #bbb;
  height: 240px;
  overflow: hidden;
  position: relative;
}

.default-event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-16 {
  font-size: 16px !important;
}

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

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

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

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

.line-height-32 {
  line-height: 32px !important;
}

.default-event-thumb-btn {
  display: inline-block;
  color: #e44d3a;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 600;
  margin-right: 0;
  width: 100%;
}

.default-event-thumb-btn .thumb-change-btn [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
  float: left;
}

.default-event-thumb-btn .thumb-change-btn [type=file] + label {
  color: #000;
  background: #fff;
  Border: 1px solid #bbb;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  padding: 12px 30px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
  margin: 0;
  float: right;
}

.default-event-thumb-btn .thumb-change-btn [type=file] + label:hover {
  background: #94004f;
  color: #fff;
}

.stepper-data-set .content-holder label {
  font-size: 14px;
  font-weight: 500;
}

.template-select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}

.template-item img {
  display: block;
  margin: 0;
  width: 100%;
}

.template-item {
  position: relative;
}

.template-item input {
  position: absolute;
  z-index: 999;
  left: 10px;
  top: 10px;
}

.template-item input:active + .template {
  opacity: 0.9;
}

.template-item input:checked + .template {
  border-radius: 5px;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.template {
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
}

#create-ad-tab .step-footer.step-tab-pager {
  text-align: center;
}

.step-app > .step-footer {
  margin: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.steps_btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #fff !important;
  background: var(--zinga-primary) !important;
  padding: 0px 30px !important;
  width: 150px;
  border-radius: 3px !important;
  border: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  white-space: nowrap;
}

.steps_btn:hover {
  color: #fff !important;
  background: #94004f;
}

.steps_btn:focus {
  box-shadow: none !important;
}

.dropdown.bootstrap-select.dropdown-no-bg .dropdown-toggle {
  background: transparent !important;
  border: none !important;
}

.pp-select {
  position: absolute;
  right: 0;
  width: 90px;
  z-index: 999;
}

.hosting-title {
  text-align: center;
}

input[type=number] {
  /*for absolutely positioning spinners*/
  position: relative;
  padding-right: 25px;
}

.brn-checkbox-radio {
  display: table;
  position: relative;
  cursor: pointer;
  margin-bottom: 13px;
  line-height: 23px;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute !important;
  top: 10px !important;
  left: 0;
  float: left;
  height: 100%;
  -ms-flex: 0 1 auto;
  padding-right: 15px;
}

.input-content {
  padding-left: 75px;
}

.percentage-icon {
  color: #717171;
  font-weight: 600;
  position: absolute;
  background: transparent;
  right: 0px;
  top: 1px;
  min-height: 40px;
  padding: 0px 15px;
  line-height: 40px;
  margin-bottom: 0;
  border-radius: 3px;
  pointer-events: none;
  z-index: 999;
  font-size: 18px;
}

.sub-label {
  color: #717171;
}

.form-check-input:checked {
  background-color: var(--zinga-primary) !important;
  border-color: var(--zinga-primary) !important;
  outline: var(--zinga-primary) !important;
  box-shadow: none !important;
}

.form-check-input {
  width: 1.2em !important;
  height: 1.2em !important;
}

.ad-price-method:first-child .ad-price-input-content {
  display: block;
}

.ad-price-method .ad-price-input-content {
  display: none;
}

.ticket-instructions-content {
  padding-left: 55px;
}

.tags-list {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 8px;
}

.tag {
  background-color: rgba(42, 65, 232, 0.07);
}

.tag {
  background-color: rgba(106, 192, 69, 0.07);
  color: var(--zinga-primary);
  display: inline-block;
  padding: 0;
  border-radius: 3px;
  cursor: default;
  margin: 0 7px 7px 0;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  animation: KeywordIn 0.3s ease-in-out;
  animation-fill-mode: both;
  transition: 0.4s;
  overflow: hidden;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.tag-text {
  padding-right: 12px;
}

.tag .tag-remove:before {
  display: inline-block;
  cursor: pointer;
  font-family: "Font Awesome 6 Free";
  content: "\f00d";
  line-height: 20px;
  position: relative;
  top: 0px;
  margin-right: 7px;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 900;
}

#map {
  height: 250px;
  width: 100%;
}

.full-width {
  width: 100% !important;
}

.price-ticket-card {
  border: 1px solid #efefef;
  border-radius: 3px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.ticket-list-icon {
  width: 110px;
  height: 110px;
  background: #fafafa;
  border: 1px solid #efefef;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  padding-top: 0;
  line-height: 110px;
}

.ticket-list-icon img {
  width: 70px;
}

.price-badge {
  width: 24px;
  height: 24px;
  padding-top: 2px;
  margin-right: 15px;
}

.price-badge img {
  width: 100%;
  object-fit: cover;
}

.price-ticket-card-head .top-name .icon-box .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #D4F7F7;
  border-radius: 100px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 2px;
}

.price-ticket-card-head .top-name .icon-box {
  position: relative;
  padding-left: 66px;
}

.price-ticket-card .price-ticket-card-body .text-145 {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #717171;
  margin: 0;
}

.price-ticket-card .price-ticket-card-body h6 {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin: 0 0 6px;
}

.price-ticket-card .price-ticket-card-body .icon-box:not(:last-child) {
  padding-right: 15px;
}

.price-ticket-card .price-ticket-card-body .icon-box {
  position: relative;
  padding-left: 52px;
  width: 33.3333%;
  max-width: 100%;
}

.price-ticket-card .price-ticket-card-body .icon-box .icon {
  display: inline-block;
  font-size: 14px;
  height: 36px;
  width: 36px;
  color: #717171;
  background: #F5F7FD;
  border-radius: 100px;
  text-align: center;
  line-height: 35px;
  position: absolute;
  left: 0;
  top: 0;
}

.price-variation-head {
  padding: 16px;
  background: #F5F8FF;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.06);
  filter: drop-shadow(0px -10px 10px rgba(0, 0, 0, 0.05));
  margin-top: 20px;
}

.add-btn {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: var(--zinga-primary);
  border-radius: 3px;
  cursor: pointer;
}

.div-base-table.small-table {
  min-width: 440px;
}

.div-base-table {
  display: table;
  min-width: 873px;
  border: 1px solid #dddfe2;
}

.div-base-table .table-row.table-head {
  background: #fafafa;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}

.div-base-table .table-row {
  display: table-row;
  font-size: 12px;
  color: #4B4C4C;
}

.no-bg {
  background: none !important;
  background-color: transparent !important;
}

.div-base-table .table-row .table-col {
  display: table-cell;
  padding: 10px 10px 10px 0px;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 0 #dddfe2;
  -moz-box-shadow: 0 1px 0 #dddfe2;
  box-shadow: 0 1px 0 #dddfe2;
  overflow: hidden;
}

.text-light3 {
  color: #000 !important;
}

.div-base-table .table-row {
  display: table-row;
  font-size: 12px;
  color: #000;
}

.v-btn-close {
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: var(--zinga-primary);
  border-radius: 3px;
  border: 0;
  font-size: 18px;
}

.top_0 {
  top: 0 !important;
}

/*--- Pricing Page ---*/
button.ads-loc__fetch:hover {
  background: #fff !important;
}

.hero-side-banner {
  width: 100%;
  height: 250px;
  padding: 30px;
  background: #e8f5f7;
  border-radius: 10px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.hero-side-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.flag-icon img {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.text-icon {
  margin-bottom: 0 !important;
  border-left: 3px solid var(--zinga-primary);
  padding-left: 10px;
}

.flag-icon {
  margin: 0 5px;
}

.sell-calculate-banner-bg {
  background: var(--zinga-primary);
  max-width: 300px;
  display: inline-block;
  width: 100%;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 10px 16px 0px rgba(64, 70, 74, 0.15) !important;
}

.sell-calculate-banner-content {
  color: #fff;
}

.sell-calculate-banner-content h3 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 50px;
}

.sell-calculate-banner-content h5 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.sell-calculate-banner-content .plus {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
}

.sell-calculate-banner-content .per-text {
  color: #fff;
  font-size: 18px;
  margin: 13px 0;
  display: block;
}

.percent {
  line-height: 40px;
  margin: 10px 0px 0px 0px;
  padding: 7px 15px 5px 15px;
  background-color: #1c2131;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
}

.sell-calculate-banner-content p {
  color: #ffffff;
  margin-bottom: 0;
}

.sw-container {
  padding: 4px 4px;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field input:checked + label {
  background-color: var(--zinga-primary);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-transform: capitalize;
  border: 1px solid var(--zinga-primary);
}

.switch-field label {
  border-radius: 4px;
  margin-bottom: 0;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}

.switch-field label {
  display: inline-block;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-shadow: none;
  padding: 15px 15px;
  height: 50px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /* width: 46%; */
  margin-right: 10px;
  width: calc(50% - 8px);
}

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

.top-advantage-position {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex: 0 0 46px;
  font-size: 20px;
  height: 46px;
  justify-content: center;
  margin-right: 5px;
  width: 46px;
}

.price-ticket-box {
  display: flex;
  width: 100%;
  height: 167px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.data-amount {
  margin: auto;
}

.data-amount h4 {
  font-size: 30px;
  font-weight: 600;
}

.data-amount span {
  display: block;
  margin-top: 10px;
  color: #717171;
}

.accordion-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.5rem 1.25rem;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

.accordion-item:first-of-type .accordion-btn {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.accordion-btn:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}

.accordion-btn:not(.collapsed)::after {
  content: "\f068";
}

.accordion-btn::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "+";
  font-family: "Font Awesome 6 Free";
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
  font-weight: 900;
}

.faq-accordion .accordion-item {
  background: transparent;
  border-top: 1px solid #cbcbcb;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid #cbcbcb;
}

.faq-accordion .accordion-item:not(:first-of-type) {
  border-top: 1px solid #cbcbcb;
}

.accordion-body p {
  line-height: 28px;
}

/*--- FAQ Page ---*/
.faq-widget-links li {
  margin-bottom: 15px;
}

.faq-widget-links li:last-child {
  margin-bottom: 0;
}

.faq-widget-links li p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  display: block;
  margin-bottom: 0;
}

.faq-widget-links li a {
  color: #000;
}

.faq-widget-links li a:hover {
  color: var(--zinga-primary) !important;
}

.cant-ans-box a {
  font-size: 16px;
  margin-top: 1.5rem;
  display: block;
  color: var(--zinga-primary);
  font-weight: 500;
}

.cant-ans-box a:hover {
  color: #94004f !important;
}

.faq-accordion-title h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 23px;
}

.faq-attendees-accordion {
  margin-top: 57px;
}

/*--- Contact Us Page ---*/
.contact-banner-block {
  padding: 5px;
}

.contact-hero-banner {
  min-height: 461px;
  background: url(../images/sign_bg.jpg);
  width: 100%;
  padding: 50px;
  border-radius: 3px;
}

.contact-hero-banner-info h3 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}

.contact-hero-banner-info p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 60px;
}

.office-location-address, .office-location-address h2 {
  color: #fff;
}

.contact-icon i {
  color: #fff;
  font-size: 20px;
  margin-right: 17px;
}

.contact-info a {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

.contact-info a:hover {
  color: #fff !important;
}

.contact-hero-banner-info ul li {
  margin-bottom: 20px;
}

.contact-hero-banner-info ul li:last-child {
  margin-bottom: 0;
}

/*--- Our Blog Page---*/
.related-posts-slider .item {
  width: 100%;
  margin-bottom: 5px;
}
.related-posts-slider .item .main-card {
  width: 300px;
}

.blog-thumbnail {
  width: 100%;
  position: relative;
  padding: 0;
}

.blog-img {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.blog-img:hover {
  outline: 0 !important;
  color: #000;
  transition: 0.3s;
  text-decoration: none;
}

.blog-thumbnail a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: transform 0.5s ease;
}

.blog-thumbnail {
  overflow: hidden; /* Hide any overflow */
  position: relative; /* Establishes containing block for absolute positioning */
}

.blog-thumbnail a {
  display: block; /* Ensure the anchor takes up full image size */
  position: relative; /* Establishes containing block for absolute positioning */
}

.blog-thumbnail a:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease; /* Smooth transition effect */
}

.blog-thumbnail img {
  display: block; /* Ensures image behaves as a block element */
  width: 100%; /* Ensures image fills its container */
  height: auto; /* Maintains aspect ratio */
}

.post-image a img {
  height: 531px;
  object-fit: initial;
}

.blog-content {
  padding: 8px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

.blog-title {
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
  display: -webkit-box;
  display: block;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-title:hover {
  color: #000 !important;
}

.post-meta .post-date {
  position: relative;
}

.post-read-time {
  float: right;
}

.flex-slide {
  display: flex;
  align-items: stretch;
  transition: 300ms;
  position: relative;
}

.flex-slide .left {
  flex: 0 1 50%;
}

.blog-img-card {
  aspect-ratio: 2/1;
}

.bbig-img:hover {
  outline: 0 !important;
  color: #000;
  transition: 0.3s;
  text-decoration: none;
}

.blog-img-card img {
  width: 100%;
  border-radius: 5px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.flex-slide .right {
  padding: 1rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
}

.flex-slide .right h3 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.flex-slide .right .blog--title {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.flex-slide .right .blog--title:hover {
  color: #000 !important;
}

.blog-block .right .post-meta span {
  font-size: 16px;
}

.blog-block .right p {
  font-size: 16px;
}

/* --- Blog Detail Page --- */
.blog-content-view {
  margin-top: 15px;
}

.blog-content-view h1 {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}

.blog-content-view .blogpost-meta {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #efefef;
  padding-bottom: 21px;
}

.blog-content-meta p {
  margin-bottom: 24px;
  line-height: 28px;
}

.blog-description-article h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
  margin-top: 30px;
  color: #000;
}

.blog_pagination {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
}

.bp_left {
  float: left;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  z-index: 1;
}

.bp_left i {
  font-size: 24px;
  color: #000;
}

.bp_right {
  float: right;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  z-index: 1;
}

.bp_right i {
  font-size: 24px;
  color: #000;
}

.kslu15 {
  margin-left: 15px;
  text-align: left;
}

.blog-description-list {
  margin-bottom: 32px !important;
  padding-left: 15px !important;
}

.blog-description-list li {
  list-style: circle;
  margin-bottom: 10px;
}

.blog-description-list li:last-child {
  margin-bottom: 0;
}

.social-share {
  border-left: 3px solid var(--zinga-primary);
  padding-left: 20px;
  margin: 45px 0 25px;
}

.social-share h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
}

.social-share ul li {
  display: inline-block;
  margin-right: 20px;
}

.share-link {
  font-size: 24px;
  color: var(--zinga-primary);
}

.share-link:hover {
  color: #94004f !important;
}

/* --- Help Center Page --- */
.help-center-logo {
  font-size: 14px;
  padding: 10px 10px 0;
  color: var(--zinga-primary);
}

.help-item {
  padding: 1.5rem;
}

.help-item-content h4 {
  font-size: 16px;
  font-weight: 600;
}

.help-item-content {
  margin-left: 20px;
}

.help-item-icon {
  background: #e8f7f7;
  width: 42px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  color: #717171;
}

.help-item-content span {
  color: #717171;
}

.help-center-title h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 27px;
  padding-bottom: 23px;
}

.help-item-link {
  font-size: 16px;
  color: #000;
  display: block;
  padding: 1rem;
  border-bottom: 1px solid #dbdbdb;
}

.help-item-link:hover {
  color: var(--zinga-primary) !important;
}

.help-item-link:last-child {
  border-bottom: 0;
}

.upload-file-dt {
  background: #fff;
  border: 2px dashed #efefef;
  border-radius: 5px;
  text-align: center;
  padding: 30px 20px 17px;
}

.upload-btn [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
}

.upload-btn [type=file] + label {
  cursor: pointer;
  display: inline-block;
  outline: none;
  transition: all 0.3s;
  vertical-align: middle;
  margin: 0 0 17px;
  color: #fff;
  background-color: var(--zinga-primary);
  border: 0;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  padding: 10px 25px;
  border-radius: 3px;
  text-transform: uppercase;
}

.upload-btn [type=file] + label:hover {
  color: #fff !important;
  background: #94004f;
}

.upload-file-dt span {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  display: block;
  color: #000;
  background-color: transparent;
  overflow: hidden;
  line-height: 26px;
}

.uploadBtn-file-name {
  display: block;
  color: #717171;
  background-color: transparent;
  overflow: hidden;
  line-height: 26px;
}

.upload-btn small {
  display: block;
  color: #717171;
}

.help-faq-content {
  padding: 10px 0;
}

.help-faq-link {
  color: #000;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 20px;
}

.help-faq-link:hover {
  color: var(--zinga-primary) !important;
}

.help-faq-link:before {
  content: "\f15c";
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  margin-right: 15px;
}

.help-v-content p {
  margin-bottom: 27px;
}

.help-v-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 20px;
}

.helful-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 5px;
}

.helpful-btn {
  color: var(--zinga-primary);
  margin: 0 5px;
  font-size: 16px;
}

.helpful-btn:hover {
  color: #94004f !important;
}

.helpful-btn span {
  font-weight: 500;
}

.help-pagination-link {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  color: #717171;
}

.help-pagination-link:hover {
  color: var(--zinga-primary) !important;
}

.kb-card {
  display: block;
}

.kb-content p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* --- About Us Page --- */
.about--description {
  margin-top: 40px;
}

.about--description p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 21px;
}

.about--description p:last-child {
  margin-bottom: 0;
}

.about-statement-sec {
  margin-top: 10px;
}

.column-card-item {
  display: block;
  margin-top: 50px;
  height: 235px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
  position: relative;
}

.about-icon {
  text-align: center;
  position: absolute;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  background: var(--zinga-primary);
  border-radius: 50%;
  padding: 11px;
  left: 42%;
  top: -19px;
}
.about-icon span {
  font-size: 24px;
  color: #fff;
}

.page-sec-block {
  padding: 40px 0;
}

.about-content {
  margin-top: 30px;
}
.about-content h3 {
  color: #333;
  font-size: 24px;
  text-align: center;
}
.about-content p {
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-align: center;
}

.feature-step-link {
  width: 20%;
}

.feature-img img {
  height: 100%;
  width: 100%;
  margin-top: 40px;
}

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

.custom-border-top {
  border-top: 2px solid #efefef;
  padding-top: 3px;
}

.team-card {
  margin-top: 30px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
  background: #fff;
  border-radius: 5px;
}

.user-social-link {
  font-size: 18px;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 5px 0 0 0;
  text-align: center;
  line-height: 39px;
  color: #fff;
  background: #000;
}
.user-social-link:hover {
  border: 2px solid #fff;
  background-color: var(--zinga-primary);
  color: #fff !important;
}

.team-img {
  position: relative;
  aspect-ratio: 4/3;
}
.team-img .user-social-link {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.team-img img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}

.team-content {
  text-align: start;
  padding: 10px 8px;
  height: 100px;
}

.team-content h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #000;
}

.team-content span {
  margin-bottom: 0;
  font-size: 14px;
  color: #717171;
  letter-spacing: 0.1px;
}

.easy-steps-list {
  padding-top: 20px;
}

.easy-step {
  padding: 30px;
  margin-top: 1.5rem;
  height: 290px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02) !important;
}

.easy-icon {
  display: block;
  margin-bottom: 24px;
}

.easy-icon img {
  width: 50px;
}

.easy-step h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
  color: #000;
}

.easy-step p {
  margin-bottom: 0;
}

.bg-dark {
  background: #1c2131;
}

.bkg-primary {
  background: var(--zinga-primary);
}

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

.c-bbb {
  color: rgba(255, 255, 255, 0.8) !important;
}

.bg-dark .step-tabs .step-link:hover {
  background-color: #313539;
}

.bg-dark .step-link {
  border-bottom: 1px solid #52565b;
}

.bg-dark .step-tabs .step-link.active:hover {
  color: #fff;
  background-color: var(--zinga-primary);
}

/* --- Create Page --- */
.create-block {
  margin-top: 20px;
}

.create-card {
  text-align: center;
  padding: 30px;
  box-shadow: 0 8px 11px 2px rgba(64, 70, 74, 0.02);
}

.create-icon {
  display: inline-block;
}

.create-icon i {
  font-size: 20px;
  color: #000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #e8f7f7;
  border-radius: 50%;
  margin-bottom: 22px;
}

.create-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 27px;
  color: #000;
}

/* --- Coming Soon Page --- */
.coming-soon-area {
  height: 100vh;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.coming-soon-content {
  max-width: 700px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 60px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin: auto;
}

.coming-soon-content h2 {
  font-size: 40px;
  margin-top: -10px;
  margin-bottom: 0;
  font-weight: 600;
}

.coming-soon-content #timer div span {
  display: block;
  margin-top: -2px;
  font-weight: 400;
  font-size: 14px;
}

.coming-soon-content #timer {
  margin-top: 40px;
}

.coming-soon-content #timer div {
  border: 2px dashed var(--zinga-primary);
  color: var(--zinga-primary);
  width: 100px;
  height: 105px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 800;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}

.subscribe-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}

/* --- Error 404 Page --- */
.error-404-content h2 {
  font-size: 130px;
  font-weight: 800;
  letter-spacing: 10px;
}

.error-404-content h4 {
  font-size: 24px;
  margin-bottom: 21px;
}

.error-404-content p {
  font-size: 16px;
  padding: 0 50px;
  margin-bottom: 37px;
}

/* --- Refer a Friend Page --- */
.total-refer-count h2 {
  font-size: 40px;
  color: #000;
  font-weight: 600;
}

.total-refer-count span {
  color: #717171;
  font-size: 16px;
  margin-top: 10px;
  display: block;
}

.refer-card {
  background: linear-gradient(203.73deg, rgba(9, 164, 219, 0.2) 2.53%, rgba(34, 216, 143, 0.2) 122.47%);
}

.refer-content h5 {
  margin-bottom: 20px;
}

.refer-content h3 {
  font-weight: 600;
  margin-bottom: 30px;
}

.refer-copy-input h5 {
  margin-bottom: 10px;
  font-weight: 400;
}

.referral-icon {
  font-size: 24px;
  width: 70px;
  height: 70px;
  background: #fafafa;
  border: 1px solid #efefef;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  padding-top: 0;
  line-height: 70px;
}

/* --- Terms & Condition Page --- */
.term-link {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
  border: none;
  padding: 0;
  color: #000;
  background: transparent;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.term-link:last-child {
  margin-bottom: 0;
}

.terms-tabs .term-link.active, .terms-tabs .show > .term-link {
  color: var(--zinga-primary) !important;
}

.terms-tabs .term-link:hover {
  color: #94004f !important;
}

.terms-tabs .term-link.active:hover {
  color: var(--zinga-primary) !important;
}

.terms-section-title h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 17px;
}

.terms-content p {
  margin-bottom: 24px;
  line-height: 28px;
}

.terms-content ol {
  display: block;
  list-style-type: decimal;
}

.terms-content ul, ol {
  padding: 0 0 0 20px;
  margin-left: 24px;
}

.terms-content ol li {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 13px;
  margin-top: 27px;
  font-weight: 500;
}

.terms-content ul li {
  font-size: 14px;
  line-height: 26px;
  color: #717171;
}

.terms-content ul {
  margin-bottom: 27px !important;
  display: block;
  list-style-type: disc;
}

.terms-content ul:last-child {
  margin-bottom: 0 !important;
  display: block;
}

.terms-content ul li ul {
  list-style-type: revert;
  margin-top: 10px;
}

.terms-content ul li ul li {
  margin-bottom: 10px;
}

.terms-content ul li ul li:last-child {
  margin-bottom: 31px;
}

/* --- Privacy Policy Page --- */
.privacy-section-title h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 27px;
}

.privacy-content h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  padding-top: 7px;
}

.privacy-content p {
  margin-bottom: 25px;
  line-height: 28px;
}

.privacy-content span {
  display: block;
  margin-bottom: 13px;
}

.privacy-content span:last-child {
  margin-bottom: 0;
}

/* --- Booking Confirmed Page --- */
.booking-confirmed-img {
  margin-bottom: 27px;
}

.booking-confirmed-img img {
  width: 60px;
}

.booking-confirmed-top h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.add-calender-booking {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

.add-calender-booking h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

.cb-icon {
  color: #717171;
  font-size: 14px;
  width: 30px;
  height: 30px;
  background: #e8f7f7;
  margin-left: 10px;
  line-height: 30px;
  border-radius: 50%;
}

.cb-icon:hover {
  color: #fff !important;
  background: var(--zinga-primary);
}

.booking-confirmed-bottom {
  padding: 0 5px 5px;
}

.booking-confirmed-bottom-bg {
  background: #f9f9f9;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.buyer-name {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-family: inherit;
}

.booking-total-tickets span {
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  display: inline-block;
  margin-top: 13px;
}

.booking-total-grand {
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  margin-top: 13px;
}

.booking-total-grand span {
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  display: inline-block;
  margin-left: 2px;
}

/* --- Invoice Page --- */
.invoice-header {
  background: #ffffff;
  display: flex;
  width: 100%;
  align-items: center;
  height: 75px;
  padding: 15px 20px;
}

.invoice-header-logo img {
  width: 175px;
}

.invoice .btn {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  text-align: center;
}
.invoice .btn:hover {
  background-color: #0056b3;
}

.invoice-container {
  width: 100%;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.paid-sign {
  position: absolute;
  top: 5px;
  right: 15px;
}

.invoice-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  padding: 16px;
}

.invoice-body {
  padding: 30px;
  background: #fff;
  float: left;
  width: 100%;
}

.invoice_title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  text-align: left;
}

.vhls140 {
  width: 100%;
  margin-top: 30px;
}

.vhls140 ul li {
  display: block;
  margin-bottom: 5px;
}

.vdt-list {
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  text-align: left;
  line-height: 24px;
}

.totalinv2 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
}

.user_dt_trans {
  padding: 10px;
}

.user_dt_trans p {
  margin-bottom: 0;
}

.cut-line {
  position: relative;
  border-bottom-width: 1px;
  border-top: 0;
  border-radius: 0;
  border-left: 0;
  border-style: dashed;
  height: 1px;
  color: #bbb;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cut-line i {
  position: absolute;
  top: -6px;
  background: #fff;
  width: 16px;
}

.QR-dt {
  height: 100%;
  background: #f9f9f9;
}

.QR-scanner {
  background: #fff;
  display: inline-block;
  padding: 5px;
  border: 1px solid #efefef;
  border-radius: 3px;
}

.QR-scanner img {
  width: 100px;
}

.QR-dt p {
  margin-bottom: 0;
  font-size: 12px;
  margin-top: 5px;
}

.QR-counter-type {
  margin-bottom: 10px;
  color: #000;
}

.featured-controls label {
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.featured-controls label:first-child {
  margin-left: 0;
}

.featured-controls label span {
  font-size: 12px;
  color: #717171;
  border: 1px solid #efefef;
  background: #fff;
  height: 32px;
  padding: 7px 20px;
  border-radius: 30px;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}

.featured-controls label input {
  position: absolute;
  top: 18px;
  left: 17px;
  z-index: -1;
}

.featured-controls input:checked + span {
  background: #efefef;
  color: #000 !important;
}

.event-box {
  padding: 0;
  display: none;
  margin-top: 0;
}

.map iframe {
  width: 100%;
  height: 250px;
}

/*------Categories-----grid----------------*/
.cat-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 5px;
}

.cat-card {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  width: 100%;
  background: #ffffff;
}

.cat-card img {
  max-width: 60px;
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
}

.cat-card-content {
  width: 100%;
  color: #333;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 14px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 20px;
  display: -webkit-box;
}

.list-category-stack-count--found {
  font-size: 13px;
  color: #717171;
}

@media (min-width: 768px) and (max-width: 992px) {
  .cat-grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cat-grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .cat-card {
    flex-direction: row;
    justify-content: start;
    padding: 8px;
  }
  .cat-card img {
    max-width: 42px;
  }
  svg.post-ad {
    width: 100%;
    aspect-ratio: 1;
    max-width: 42px;
    height: 100%;
    max-height: 42px;
  }
  .cat-card-content {
    text-align: start;
  }
  .list-category-stack-count--found {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .cat-grid-container {
    grid-template-columns: repeat(1, 1fr);
    position: sticky;
    top: 120px;
  }
  .cat-card {
    flex-direction: row;
    justify-content: start;
    padding: 8px;
  }
  .cat-card img {
    max-width: 42px;
  }
  svg.post-ad {
    width: 100%;
    aspect-ratio: 1;
    max-width: 42px;
    height: 100%;
    max-height: 42px;
  }
  .cat-card-content {
    text-align: start;
  }
  .list-category-stack-count--found {
    padding-left: 8px;
  }
}
@media (min-width: 992px) {
  .cat-grid-container {
    max-height: 628px;
    overflow-y: auto;
    position: sticky;
    top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .cat-grid-container {
    max-height: 628px;
    overflow-y: auto;
    position: sticky;
    top: 80px;
  }
  .cat-card {
    flex-direction: column;
    justify-content: center;
    padding: 6px;
  }
  .cat-card-content {
    padding: 2px 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    text-align: center;
  }
  .list-category-stack-count--found {
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .cat-grid-container {
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
  }
  .cat-card {
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 4px;
    border-color: transparent;
  }
  .cat-card-content {
    padding: 2px 8px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
  }
  .list-category-stack-count--found {
    text-align: center;
  }
}


@media screen and (max-width: 576px) {
  .cat-grid-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 8px;
  }
  .cat-card {
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 4px;
  }
  .cat-card-content {
    padding: 2px 8px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
  }
  .list-category-stack-count--found {
    text-align: center;
  }
}

/*search form */
.hero-banner-content {
  /* Responsive */
}
.hero-banner-content h1 {
  font-size: 24px;
  margin-bottom: 15px;
}
.hero-banner-content .input-box {
  position: relative;
  height: 55px;
  background: #fff;
  border-radius: 50rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.hero-banner-content .input-box i,
.hero-banner-content .input-box .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.hero-banner-content .input-box i {
  left: 20px;
  font-size: 20px;
  color: #707070;
}
.hero-banner-content .input-box input {
  height: 100%;
  width: 100%;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  border: none;
  padding: 0 130px 0 60px;
  background-color: transparent;
}
.hero-banner-content .input-box .button {
  right: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 50rem;
  background: var(--zinga-primary);
  cursor: pointer;
}
.hero-banner-content .input-box .button:active {
  transform: translateY(-50%) scale(0.98);
}

@media screen and (max-width: 500px) {
  .hero-banner-content .input-box {
    height: 50px;
  }
  .hero-banner-content .input-box i {
    left: 12px;
    font-size: 20px;
  }
  .hero-banner-content .input-box input {
    padding: 0 100px 0 50px;
  }
  .hero-banner-content .input-box .button {
    right: 12px;
    font-size: 14px;
    padding: 8px 18px;
  }
}


/*LISTING AREA*/
.sm-view-search_inner .input-box input {
  width: 100%;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  border: none;
  padding: 0 15px 0 6px;
  background-color: transparent;
}

.pck-location {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  justify-content: start;
}

.sm-view-search_inner .input-box {
  position: relative;
  background: #fff;
  height: 36px;
  border-radius: 8px;
  display: flex;
  padding: 8px;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

.sm-view-search_inner button {
  background: #fff;
  padding: 4px 12px;
  border-radius: 8px;
  height: 36px;
}

.site_title-tag__mobile {
  margin-bottom: 15px;
}

.site_title-tag__mobile h1 {
  font-size: 26px;
  color: #fff;
}

i.uil.uil-search {
  font-size: 16px;
}

.list-title {
  transition: all 0.3s ease 0s;
  filter: blur(0px);
  opacity: 1;
  margin-bottom: 12px;
  margin-top: 0;
  font-size: 26px;
}

.grid-ad-listing-content .column--wrapper {
  columns: 3;
  gap: 20px;
  break-inside: avoid;
}

.grid-ad-listing-content .column--wrapper__user-profile {
  columns: 4;
  gap: 15px;
  break-inside: avoid;
}
.grid-ad-listing-content .column--wrapper__user-profile .post-ad-item {
  break-inside: avoid;
  box-shadow: 0 1px 2px rgba(96, 125, 135, 0.15);
  background: #ffffff;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 15px;
  position: relative;
}
.grid-ad-listing-content .column--wrapper__user-profile .post-ad-item .post-ad-info-area-bottom .ad-sec-botton .ad__attribute .ad-paid-info.paid-badge {
  margin-bottom: 5px;
  margin-right: 8px;
}
.grid-ad-listing-content .column--wrapper__user-profile .post-ad-item .post-ad-info-area-bottom .ad-title-name {
  color: #000;
  font-size: 14px;
}
.grid-ad-listing-content .column--wrapper__user-profile .post-ad-item .ad-list-advert__package-label {
  background-color: #27ae60;
  font-size: 10px;
  transform-origin: left top;
  color: #fff;
  transform: rotate(0deg) translateY(0);
  border-radius: 4px 0 4px 0;
}

.post-ad-item {
  break-inside: avoid;
  box-shadow: 0 1px 2px rgba(96, 125, 135, 0.15);
  background: #ffffff;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}

.grid-ad-listing-content .column--wrapper .post-ad-item img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
}

.grid-ad-listing-content .column--wrapper__user-profile .post-ad-item img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 100%;
}

.grid-ad-listing-content .post-ad-info-area-bottom {
  font-weight: bold;
  color: #1d2327;
  padding: 8px;
}

.grid-ad-listing-content {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .grid-ad-listing-content .post-ad-info-area-bottom {
    text-align: start;
  }
  .grid-ad-listing-content .column--wrapper, .grid-ad-listing-content .column--wrapper__user-profile {
    columns: 3;
    gap: 15px;
  }
  .post-ad-item {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .grid-ad-listing-content .post-ad-info-area-bottom {
    text-align: start;
  }
  .post-ad-item {
    margin-bottom: 10px;
  }
  .grid-ad-listing-content .column--wrapper, .grid-ad-listing-content .column--wrapper__user-profile {
    columns: 1;
    gap: 10px;
  }
  .list-advert__description-text {
    display: none !important;
  }
}



@media (min-width: 1280px) {
  .grid-ad-listing-content .post-ad-info-area-bottom {
    padding: 10px 10px 8px;
  }
}
.ad-price_base {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .ad__main_prc {
    flex-direction: column;
    font-size: 18px !important;
    text-align: start;
  }
}
.ad__main_prc {
  color: var(--zinga-primary);
  font-weight: 700;
  font-size: 15px;
}

.perc-disc {
  border-radius: 12px;
  padding: 1px 6px;
  background-color: #32bb78;
  font-weight: 400;
  color: #fff;
}

.ad__main_prc_disc {
  color: #99b2bf;
  font-size: 12px;
  line-height: 16px;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.ad-title-name {
  line-height: 1.2em;
  max-height: 2.5em;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  margin-top: 4px;
  color: #28363e;
  text-align: start;
}
.ad-title-name:hover {
  color: #52022d;
}

.list-advert__description-text {
  color: #6c8ea0;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
  padding-top: 6px;
}

.ad-location-wrapper {
  margin: 6px 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ad-list-base__location {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 768px) {
  .ad__location__inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.ad__location__inner {
  display: flex;
  flex: 1;
  flex-direction: row;
  width: 100%;
}

.list-ad__region {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  max-height: 16px;
  font-weight: 400;
  color: #6c8ea0;
  gap: 4px;
}

.list-ad__region__text {
  height: 16px;
  margin-left: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.list-ad__region__text:after {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: 1;
}

.ad-sec-botton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 4px;
}

.ad__attribute {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-wrap: wrap;
}

.attri--item {
  align-items: center;
  background-color: #ebf2f7;
  color: #28363e;
  display: flex;
  font-size: 12px;
  justify-content: center;
  white-space: nowrap;
  padding: 3px 4px;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-right: 8px;
}

.package--icon {
  align-items: center;
  background: #ebf2f7;
  border-radius: 4px;
  display: flex;
  flex: 0 0 24px;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  z-index: 1;
}

.package--icon img {
  max-width: 16px;
  max-height: 16px;
}

.post-ad-item .ad-list-advert__labels {
  right: 4px;
}

.ad-list-advert__labels {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 4px;
  z-index: 1;
  color: #28363e;
}

.ad-verified-seller-listing__label {
  background: #e1f5fd;
  color: #005693;
  text-transform: none;
  border-radius: 12px;
  display: inline-flex;
  font-size: 12px;
  margin-bottom: 4px;
  padding: 2px 5px;
  gap: 4px;
  align-items: center;
}

.post-ad-item .ad-list-advert__package-label {
  border-bottom-left-radius: 8px;
}

.ad-list-advert__package-label {
  background-color: hsla(0, 0%, 100%, 0.8);
  font-size: 9px;
  font-weight: 400;
  left: 0;
  padding: 4px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: left top;
  color: #28363e;
}
.ad-list-advert__package-label.user-profile-listing {
  background: #27ae60;
  transform: rotate(0deg) translateY(0%);
  color: #fff;
}

.dropdown__more-actions ul.dropdown-menu li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}
.dropdown__more-actions ul.dropdown-menu li .dropdown-item {
  display: flex !important;
  align-items: center;
  gap: 12px;
}

.sort-view-type_area {
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
}

.adverts-listing-change-view {
  display: flex;
  gap: 8px;
  align-items: center;
}
.adverts-listing-change-view .grid-view, .adverts-listing-change-view .list-view {
  cursor: pointer;
}

.sort--by-area {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.sortby-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.select-dropdown {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.select-dropdown__button {
  padding: 10px 35px 10px 5px;
  background-color: transparent;
  color: #616161;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.select-dropdown__button:focus {
  outline: none;
}

.select-dropdown__list {
  position: absolute;
  display: block;
  right: 0;
  max-height: 300px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  pointer-events: none;
  transform-origin: top left;
  transform: scale(1, 0);
  transition: all ease-in-out 0.3s;
  z-index: 2;
  border-radius: 5px;
}

.select-dropdown__list.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1, 1);
}

.select-dropdown__list-item {
  display: block;
  list-style-type: none;
  padding: 10px 15px;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  color: #616161;
  transition: all ease-in-out 0.3s;
}

.thumbnail {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 10px;
  /* height: 100%; */
}

img.ad__item__img-main {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

/*-----------------------------------------------------
------------------------HORIZONTAL SCROLL-----------------
------------------------------------------------------*/
.stack-tab-container {
  position: relative;
  margin-top: 2px;
}

.stack-tab-container .tab-bar {
  background: #fff;
  overflow: hidden;
  padding-right: 25px;
}

.stack-tab-container .left-arrow,
.stack-tab-container .right-arrow {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  display: none;
  align-items: center;
  padding: 0 10px;
  pointer-events: none;
}

.stack-tab-container .right-arrow {
  right: 0;
  justify-content: flex-end;
  background: linear-gradient(to left, #fff 20%, transparent);
}

.stack-tab-container .left-arrow {
  background: linear-gradient(to right, #fff 20%, transparent);
}

.stack-tab-container .right-arrow.active,
.stack-tab-container .left-arrow.active {
  display: flex;
}

.stack-tab-container i {
  width: 24px;
  height: 24px;
  padding: 8px;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  top: 17px;
}

.stack-tab-container ul.tabs {
  display: flex;
  gap: 16px;
  margin: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  list-style: none;
  overflow-x: scroll;
  scroll-behavior: smooth;
}

.stack-tab-container ul.dragging {
  scroll-behavior: auto;
  cursor: pointer;
}

.stack-tab-container button.tab {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
  user-select: none;
  white-space: nowrap;
  border: none;
  cursor: pointer;
}

.stack-tab-container button.tab.active {
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
  background: #fff;
}

/* Style for the start chat button */
.start-chat-div .start-chat-button:hover {
  background: #d9fdd3;
  color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
}

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

.start-chat-div .start-chat-button {
  font-size: 14px;
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
  border-radius: 8px;
  height: 40px;
}

/* Style for the chat-start-form */
.start-chat-div .chat-start-form {
  display: none;
  border-radius: 8px;
  margin-top: 8px;
}
.start-chat-div .chat-start-form textarea {
  padding: 12px;
}

.start-chat-div .chat-start-form .input-field {
  position: relative;
  margin-top: 2rem;
}

.start-chat-div .chat-start-form .message {
  width: 100%;
  padding: 10px 10px 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: none;
}

.start-chat-div .chat-start-form label {
  position: absolute;
  top: 30%;
  left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.3s ease-in-out;
}

/* Add a class to move the label up */
.start-chat-div .chat-start-form label.active {
  top: 0px;
  font-size: 0.8em;
  background: #fff;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--zinga-primary);
}

/* Style for the close button */
.start-chat-div .close:hover,
.start-chat-div .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Style for the input fields */
.start-chat-div label {
  color: #888; /* Placeholder color */
  font-size: 1em;
}

/* Style for the textarea */
.start-chat-div textarea {
  transition: border-color 0.3s ease-out;
  background-color: transparent;
}

.start-chat-div textarea:focus {
  border-color: var(--zinga-primary);
}

.start-chat-div textarea::placeholder {
  color: #888; /* Placeholder color */
}

.start-chat-div textarea:not(:placeholder-shown) + label {
  top: 0px;
  font-size: 0.8em;
  background: #fff;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--zinga-primary);
}

/* Style for the submit button */
.start-chat-div .submit-button {
  background-color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  color: #fff;
  border-radius: 8px;
  height: 40px;
  font-size: 14px;
  width: 100%;
}

.start-chat-div .submit-button[disabled] {
  background-color: rgba(50, 187, 120, 0.76);
  cursor: not-allowed;
  color: #fff;
  border: 1px solid rgba(50, 187, 120, 0.76);
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  width: 100%;
}

.make-your-offer-div .submit-offer {
  background-color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  color: #fff;
  border-radius: 8px;
  height: 40px;
  font-size: 14px;
  width: 100%;
}

.make-your-offer-div .submit-offer[disabled] {
  background-color: rgba(50, 187, 120, 0.76);
  cursor: not-allowed;
  color: #fff;
  border: 1px solid rgba(50, 187, 120, 0.76);
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  width: 100%;
}

textarea.message {
  color: #28363e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  outline: none;
  line-height: 24px;
}

.offer-input {
  max-width: 100%;
  margin: 0 auto;
}

.offer-input .input-field {
  position: relative;
  display: flex;
  align-items: center;
}

.offer-input .input-field .offer-currency {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  background: #efefef;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid;
  border-color: gray;
  border-right: none;
  border-radius: 5px 0 0 5px;
}

.offer-input .input-field .offer-amt {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0 5px 5px 0;
  font-size: 1.2rem;
  position: relative;
}

.more-marketprice {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.report-buttons button {
  font-size: 14px;
}

/*-------------------------------------------------------------------------
-------------------------Mani slider on ad details page--------------------
--------------------------------------------------------------------------*/
.main-slider-container {
  max-width: 100%;
  position: relative;
}
.main-slider-container::before {
  background-color: #00b53f;
  border-radius: 8px 8px 0 0;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: -6px;
  width: 100%;
  z-index: 0;
}

@media (max-width: 768px) {
  .main-slider-container::before {
    display: none;
  }
}
.carouzel {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}

.carouzel-inner-wrapper {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.carouzel-inner-wrapper .ad-trending-card__boosted-label {
  background: #00b53f;
  z-index: 99;
}

.dropdown.bootstrap-select {
  width: 100% !important;
}

.carouzel-inner {
  display: flex;
  transition: transform 0.3s ease;
  width: 100%;
  flex-direction: row;
  backface-visibility: hidden;
  transform: translate(0px, 0px);
  visibility: visible;
  height: auto;
}

.slide {
  flex: 0 0 100%;
  width: 100%;
  position: relative;
  height: 100%;
}

.slide-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  transition: opacity 0.3s ease;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .slide-content {
    aspect-ratio: 4/3;
  }
}
.slide-content img {
  height: 100%;
  -o-object-fit: cover;
  object-position: center;
  cursor: zoom-in;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carouzel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  margin: 0 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  height: 36px;
  width: 36px;
  font-size: 24px;
  display: flex;
  align-items: center;
  border-radius: 50%;
}

.carouzel-btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.carouzel-btn--prev {
  left: 0;
}

.carouzel-btn--next {
  right: 0;
}

.thumbnailz {
  justify-content: center;
  overflow-x: auto;
  margin-top: 5px;
  padding-bottom: 1px;
}

.thumbnail-container {
  overflow: hidden;
  position: relative;
  display: inline-flex;
}

._thumbnail__slider {
  display: flex;
  transition: transform 0.3s ease;
  margin-left: -5px;
  align-items: center;
}

._thumbnail {
  width: 100px; /* Set a fixed width for the thumbnails */
  height: 60px; /* Calculate the height based on the 4:3 aspect ratio */
  margin: 0 5px;
  cursor: pointer;
  transition: opacity 0.3s ease;
  overflow: hidden; /* Ensure that any image overflow is hidden */
  position: relative; /* Ensure proper positioning for the child image */
  border-radius: 8px;
}

._thumbnail img {
  width: 100%; /* Allow the image to adjust its width based on its aspect ratio */
  height: auto; /* Set the height to fill the thumbnail container */
  object-fit: cover; /* Ensure that the entire image fits within the container */
  position: absolute; /* Position the image relative to its parent */
  top: 50%; /* Center the image vertically */
  left: 50%; /* Center the image horizontally */
  transform: translate(-50%, -50%); /* Center the image precisely */
}

._thumbnail.active {
  border: 3px solid var(--zinga-primary);
}

.counter-area {
  position: absolute;
  bottom: 25px;
  right: 10px;
  z-index: 1;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
}

.counter-area .main-slider-counter {
  font-size: 12px;
  font-weight: 600;
}

.dot-navigation {
  position: absolute;
  display: flex;
  justify-content: center;
  z-index: 1;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  gap: 8px;
}

.dot {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: white;
}

.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.92);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  overflow-y: auto; /* Enable vertical scrolling within the lightbox */
}

.lightbox img {
  max-width: 96%;
  max-height: 96%;
}

.lightbox .lightbox_close-btn {
  position: absolute;
  top: 10%;
  right: 5%;
  font-size: 40px;
  color: white;
  cursor: pointer;
  border: 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #000;
}

.lightbox-nav {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 18px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  border-radius: 50%;
}

.lightbox-nav:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.lightbox-prev {
  left: 10px;
}

.lightbox-next {
  right: 10px;
}

/*--------------------------------------------------------
--------------------BREADCRUMB---------------------------
---------------------------------------------------------*/
/*--------------------------------------------------------
--------------------LISTING LIST VIEW---------------------
---------------------------------------------------------*/
.ad-listview-advert__item-wrapper {
  max-width: 100%;
}

.ad-listview-advert__item-wrapper--base:not(:last-of-type) {
  margin-bottom: 12px;
}

.ad-listview-advert__item-wrapper:not(:last-of-type) {
  margin-bottom: 15px;
}

.remove_saved__ad-container {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.remove_saved__ad-container .remove-saved__ad {
  padding: 2px;
  background: #f1f1f1;
  border: 1px solid #f2f2f2;
  border-radius: 50px;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.remove_saved__ad-container .remove-saved__ad:hover {
  background: var(--zinga-primary);
  cursor: pointer;
}
.remove_saved__ad-container .remove-saved__ad:hover svg {
  color: #fff;
  cursor: pointer;
}

.searches__inner:not(:last-child) {
  margin-bottom: 12px;
}

.ad-advert-list-item {
  background-color: #fff;
  border: 1px solid #ebf2f7;
  border-radius: 8px;
  color: #28363e;
  display: flex;
  overflow: hidden;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
}

.ad-list-advert-base__img__wrapper {
  height: 100%;
  position: relative;
}

@media (min-width: 600px) {
  .ad-advert-list-item {
    height: 210px;
  }
  .saved-adverts-sec .ad-advert-list-item {
    height: 140px;
  }
  .saved-adverts-sec .ad-list-advert-base__img picture {
    padding: 6px;
  }
  .saved-adverts-sec .ad-list-advert-base__img__wrapper img {
    border-radius: 8px;
  }
  .ad-list-advert-base__img__wrapper {
    flex: 0 0 210px;
  }
  .ad-list-advert-base__labels {
    left: 4px;
  }
  .ad-list-advert-base__data {
    height: 100%;
  }
  .ad-advert-list-item .ad-list-advert-base__data {
    padding: 10px;
  }
  .ad-list-advert-base__data__header {
    flex-direction: row-reverse;
  }
  .ad-list-advert-base__item-attr__wrapper {
    margin: 8px 0 0 -7px;
  }
  .ad-list-advert-base__item-attr {
    border-radius: 4px;
    font-weight: 400;
    margin: 0 7px;
    padding: 8px;
  }
}
@media (min-width: 600px) {
  .ad-advert-list-item-dashboard {
    height: 172px;
  }
}
@media (max-width: 600px) {
  .ad-advert-list-item-dashboard {
    height: 152px;
  }
}
@media (max-width: 600px) {
  .ad-advert-list-item {
    height: 152px;
  }
  .ad-list-advert-base__img__wrapper {
    flex: 0 0 152px;
  }
  .ad-list-advert-base__labels {
    align-items: flex-end;
    right: 4px;
  }
  .ad-list-advert-base__data {
    padding: 8px;
  }
  .ad-list-advert-base:not(.ad-list-advert-base--vip).ad-list-advert-base--list .ad-list-advert-base__data {
    width: calc(100% - 152px);
  }
  .ad-list-advert-base__data__title {
    padding-top: 5px;
  }
  .ad-list-advert-base__data .ad-advert-title-inner {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
  }
  .ad-list-advert-base__data__header {
    display: inline-block !important;
  }
  .ad-list-advert-base__item-attr {
    border-radius: 4px;
    font-weight: 400;
    margin: 0 4px;
    padding: 4px 6px;
  }
  .ad-list-advert-base__body {
    margin-top: 4px;
  }
}
.ad-list-advert-base__img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.ad-list-advert-base__img picture {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.ad-list-advert-base__img__wrapper img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.ad-list-advert-base__data {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ad-list-advert-base__data__inner {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.ad-list-advert-base__data__header {
  display: flex;
  justify-content: space-between;
}

.ad-list-advert-base__data__price {
  display: flex;
  justify-content: space-between;
}

.ad-advert-list-item .ad-list-advert__price {
  align-items: flex-end;
  display: flex;
}

@media (max-width: 767px) {
  .ad-list-advert__price {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .ad-list-advert__price-base {
    flex-grow: 1;
    margin-bottom: 5px;
    width: 100%;
  }
  .ad-advert-title-inner--div {
    font-size: 14px;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .ad-list-advert__price {
    flex-direction: column;
    font-size: 18px;
    padding-left: 10px;
    text-align: right;
  }
}
.ad-list-advert__price {
  color: var(--zinga-primary);
  font-weight: 700;
  margin: 2px 0 0;
}

.ad-list-advert__price-base {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.ad-list-advert-base__data__title {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.ad-advert-title-inner {
  line-height: 1.4em;
  max-height: 2.6em;
  overflow: hidden;
}

.ad-list-advert-base__img__wrapper .ad-list-advert__labels {
  right: 4px;
}

.ad-list-advert-base__body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.ad-list-advert-base__attrs {
  display: flex;
  flex: 1;
}

.seller-prof-listing-advert_nav {
  border-top: 1px solid #ebf2f7;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  background: #fff;
  border-radius: 0 0 4px 4px;
}

.advert_nav__button:not(:last-child) {
  border-right: 1px solid #ebf2f7;
}

.advert_nav__button:first-of-type {
  border-bottom: 2px solid var(--zinga-primary);
  border-radius: 0 0 0 4px;
}

.advert_nav__button:last-of-type {
  border-bottom: 2px solid #27ae60;
  border-radius: 0 0 4px 0;
}

.advert_nav__button {
  color: #28363e;
  display: flex;
  flex: 1 0;
  font-size: 14px;
}

.h-mr-5 {
  margin-right: 5px;
}

.h-mt-2 {
  margin-top: 2px;
}

.advert_nav__button > * {
  align-items: center;
  display: flex;
}

.advert_nav__button > * {
  color: #415661;
  height: 40px;
  justify-content: center;
  width: 100%;
}

.ad-list-advert-base__item-attr__wrapper {
  display: flex;
  max-height: 24px;
  overflow: hidden;
  width: 100%;
}

.ad-list-advert-base__item-attr {
  align-items: center;
  background-color: #ebf2f7;
  color: #28363e;
  display: flex;
  font-size: 12px;
  justify-content: center;
  white-space: nowrap;
  text-transform: capitalize;
}

.ad-list-advert-base__bottom-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/**VIP CLASS LISTVIEW**/
.vip-list-border {
  border: 2px solid rgb(0, 181, 63);
}

.ad-list-advert-base--vip .ad-list-advert-base__img:not(:first-of-type) {
  margin-left: 2px;
}

@media (max-width: 600px) {
  .ad-list-advert-base--vip {
    display: flex;
    flex-direction: column;
    height: 222px;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img__wrapper {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    height: 110px;
    overflow: hidden;
    width: 100%;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img__wrapper--max-count .ad-list-advert-base__img {
    flex: 0 0 33.3%;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img {
    height: 100%;
    -o-object-fit: none;
    object-fit: none;
    width: auto;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img picture {
    justify-content: flex-start;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img__wrapper--max-count .ad-list-advert-base__img img {
    min-width: 100% !important;
  }
}
@media (min-width: 600px) {
  .ad-list-advert-base--vip .ad-list-advert-base__img__wrapper:not(.ad-list-advert-base__img__wrapper--one-image) {
    flex: 0 0 62%;
  }
  .ad-list-advert-base--vip .ad-list-advert-base__img__wrapper {
    display: flex;
    width: 100%;
  }
  .ad-list-advert-base__img__wrapper.ad-list-advert-base__img__wrapper--max-count .ad-list-advert__labels {
    left: 4px;
    display: flex;
    justify-content: start;
    align-items: flex-start;
  }
  .ad-list-advert-base--vip.ad-list-advert-base--list .ad-list-advert__package-label {
    bottom: 0;
    top: auto;
    transform: rotate(90deg) translate(-100%);
    transform-origin: 0 100%;
  }
  .ad-list-advert-base--vip.ad-list-advert-base--list .ad-list-advert-base__data__header {
    display: inline-block !important;
  }
  .ad-list-advert-base--vip.ad-list-advert-base--list .ad-list-advert__price {
    padding-left: 0;
    margin-bottom: 4px;
  }
}
/*--------------------------------------------------------------------------
-------------LISTING FILTER ------------------------------------------------
---------------------------------------------------------------------------*/
.ad-filters-wrapper {
  width: 100%;
  position: relative;
}

.ad-categories-section {
  margin-bottom: 15px;
}

.ad-categories-section__header {
  background-color: var(--zinga-primary);
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 8px 16px;
}

.ad-categories-section-list {
  background-color: #fff;
  padding: 10px 16px;
}

.ad-categories-section-list__parent-category {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.ad-categories-section-list__name--active {
  font-weight: 700;
}

.ad-categories-section-list__name {
  flex: 2;
  font-size: 14px;
  line-height: 1.429em;
}

.h-pointer {
  cursor: pointer;
}

.ad-categories-section-list__list .ad-categories-section-item {
  list-style-type: none;
  margin-top: 3px;
  padding-left: 16px;
}

.ad-categories-section-item__link {
  color: #28363e;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.ad-categories-section-item__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ad-categories-section-item__adverts-count {
  color: #6c8ea0;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
  white-space: nowrap;
}

.ad-categories-section-list__show_all-wrapper {
  border-bottom: 1px dashed;
  color: var(--zinga-primary);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-left: 16px;
  cursor: pointer;
}
.ad-categories-section-list__show_all-wrapper:hover {
  border: none;
  font-weight: 500;
}

.h-mb-15 {
  margin-bottom: 15px;
}

.ad-choose-location-section {
  background-color: #fff;
  border-radius: 4px;
  padding: 8px 16px;
}

.ad-choose-location-section__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.ad-choose-location-section__heading {
  color: #28363e;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 2px;
}

.ad-choose-location-section__current-location {
  color: #6c8ea0;
  /*direction: rtl;*/
  font-size: 12px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ad-filter-attributes-container {
  position: relative;
}

.ad-filter-attribute {
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
  min-height: 56px;
  position: relative;
  padding: 8px 16px;
}
.ad-filter-attribute .accordion-button {
  font-weight: 600;
  padding-bottom: 16px;
  font-size: 14px;
}
.ad-filter-attribute .accordion-button, .ad-filter-attribute .accordion-body {
  padding: 0;
}

.input-filters-form-control {
  /* Hide spinner controls for number inputs */
}
.input-filters-form-control input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.input-filters-form-control .form-floating > .form-control {
  border: 1px solid #6c8ea0;
  border-radius: 4px;
  height: 48px;
  min-height: 48px;
  max-width: 124px;
  padding: 6px 8px;
}

.form-floating > label {
  top: -16px !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.accordion-item:last-of-type {
  border: none !important;
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  padding: 9px;
  border-radius: 0 !important;
}

.price-range-quick-filter .form-check {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 1rem;
  padding: 0;
}
.price-range-quick-filter .form-check-label {
  margin-left: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.price-range-quick-filter .form-check-input {
  margin: 0;
}

.table-responsive th, .table-responsive td {
  white-space: nowrap;
  overflow: hidden;
}

.table-responsive th {
  font-size: 15px;
}

/*-----------------------------------------------------------
-------------BOTTOM-MOBILE STICKY NAV BAR-------------------
-------------------------------------------------------------*/
.nav-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  transition: transform 0.3s;
  z-index: 9999;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.05);
}
.nav-mobile .mobile-bar .mobile-bar-item-outer .mobile-bar-item .notf-icon .unread-badge {
  position: absolute;
  right: -20px;
  top: -4px;
}

.nav-mobile ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: end;
}

.nav-mobile li {
  flex: 1;
}

.nav-mobile a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 10px 5px;
  margin: 0 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s;
}

.nav-mobile a svg {
  transition: fill 0.3s;
}

.nav-mobile li a,
.nav-mobile a {
  align-items: center;
  color: #28363e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 16px;
  position: relative;
}

.nav-mobile li.active a,
.nav-mobile a:hover {
  color: var(--zinga-primary);
}

/* JS STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.scroll-down .nav-mobile {
  transform: translate3d(0, 100%, 0);
}

.scroll-up .nav-mobile {
  transform: none;
}

/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 767.99px) {
  .nav-mobile a {
    font-size: 14px;
    padding: 10px 5px;
    margin: 0 5px;
  }
  .m-app-header__inner {
    width: 100%;
    padding-right: 12px;
  }
  .m-app-header__inner_flex {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .m-app-header__inner_flex .m-header-back-button {
    color: var(--zinga-primary);
  }
}
@media (min-width: 768px) {
  .nav-mobile {
    display: none;
  }
}
@media (max-width: 450px) {
  .nav-mobile a {
    font-size: 12px;
  }
}
.m-app-header__inner_flex {
  align-items: center;
  display: inline-flex;
  position: relative;
  z-index: 5;
  flex: 1;
}

.m-header-back-button::before {
  bottom: 0;
  content: "";
  height: 200%;
  left: -50%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200%;
}

.m-app-header__page-title-wrapper {
  align-items: baseline;
  display: flex;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 540px;
}

.m-app-header__page-title {
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #28363E;
}

.m-app-header__icon-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  gap: 8px;
}

.h-mr-16 {
  margin-right: 16px;
}

.ad-favorite-button-advert {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.ad-favorite-button {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: 0 0 28px;
  height: 28px;
  justify-content: center;
  transition: background 0.3s ease;
  width: 28px;
}

.m-app-header__icon-wrapper--invert-icons-color .ad-mobile-button-increase-square > svg {
  color: var(--zinga-primary) !important;
}

.ad-share-button svg {
  color: var(--zinga-primary) !important;
}

.ad-favorite-button .ad-fav-button__fav-icon {
  transition: color 0.3s ease;
}

.ad-favorite-button-advert .unread-badge {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.unread-badge {
  align-items: center;
  background-color: #32bb78;
  border-radius: 2px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  min-height: 16px;
  min-width: 16px;
  padding: 2px;
  transition: opacity 0.3s ease;
  position: absolute;
  right: -24px;
  top: -4px;
}

.ad-favorite-button-advert__text .ad-favorite-button-advert__text--alt {
  color: var(--zinga-primary) !important;
}

.ad-favorite-button-advert__text--alt {
  font-size: 14px;
  margin-left: 3px;
}

.profile-avatar {
  /* Snackbar css */
}
.profile-avatar .pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.profile-avatar .pic-holder .pic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute; /*Albert added*/
}
.profile-avatar .pic-holder .upload-file-block,
.profile-avatar .pic-holder .upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.7);
  color: #f8f9fc;
  font-size: 10px;
  font-weight: 300;
  /*opacity: 0;*/ /*Albert removed*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.profile-avatar .pic-holder .upload-file-block {
  cursor: pointer;
}
.profile-avatar .pic-holder:hover .upload-file-block,
.profile-avatar .uploadProfileInput:focus ~ .upload-file-block {
  opacity: 1;
}
.profile-avatar .pic-holder.uploadInProgress .upload-file-block {
  display: none;
}
.profile-avatar .pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}
.profile-avatar .snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
  transform: translateX(-50%);
}
.profile-avatar .snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

/*-------------------------------------------
----------------------OPENSTREET MAP---------
-------------------------------------------*/
.sec-content-wrapper {
  min-height: 100vh;
  position: relative;
  width: 100%;
}
.sec-content-wrapper--inner {
  padding-bottom: 100px;
}

@media (max-width: 1280px) {
  .pkg-table__wrapper {
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    width: 100%;
  }
}
.pkg-table__wrapper {
  align-items: flex-start;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 30px;
  position: relative;
  z-index: 2;
}
.pkg-table__wrapper .pkg-title {
  font-size: 20px;
  font-weight: 700;
  padding: 20px 16px;
  position: relative;
  z-index: 2;
}

.pkg--table {
  border-collapse: separate !important;
  border-spacing: 8px 0 !important;
  margin: 0 auto !important;
}

.pkg-title {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1279px) and (min-width: 600px) {
  .pkg-recommendations-hint__wrapper {
    height: auto;
  }
}
.pkg-recommendations-hint__wrapper {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1279px) and (min-width: 600px) {
  .pkg-recommendations-hint__wrapper {
    height: auto;
  }
}
.pkg-recommendations-hint__wrapper {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: space-between;
  width: 100%;
}

.pkg--table__outer {
  overflow-x: auto;
  width: 100%;
}

.pkg-table__cell {
  height: 44px;
  margin: 0 5px;
  min-width: 160px;
}

.pkg-table__cell--free {
  border-color: #d1dfe5;
}
.pkg-table__cell--free .pkg-table__cell__title {
  background-color: #ebf2f7;
  border-color: #d1dfe5;
}

.pkg-table__cell.pkg-table__cell--active {
  width: 176px;
}

.pkg-table__cell__active-label {
  background-color: #00b53f;
  border-radius: 15px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  margin-left: 6px;
  padding: 1px 5px 2px;
}

.pkg-table__cell__title {
  align-items: center;
  background-color: #fff4e4;
  border-left: 1px solid #fff4e4;
  border-radius: 8px 8px 0 0;
  border-right: 1px solid #fff4e4;
  border-top: 1px solid #fff4e4;
  color: #000;
  display: flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pkg-table__head {
  vertical-align: bottom;
}

.h-pointer {
  cursor: pointer;
}

.pkg-table__cell--active .pkg-table__cell__title {
  background-color: #ffdaa3;
  border-left: 3px solid #fea03c !important;
  border-right: 3px solid #fea03c !important;
  border-top: 3px solid #fea03c !important;
  height: 56px;
}

.pkg-table__cell__price__wrapper {
  background-color: #fff;
}

.pkg-table__cell--big {
  height: 55px;
}

.pkg-table__cell__price__wrapper {
  background-color: #fff;
}

.pkg-table__cell--inner {
  border-bottom: 1px dashed #d1dfe5;
  border-left: 1px solid #fff4e4;
  border-right: 1px solid #fff4e4;
}

.pkg-table__cell__price {
  font-size: 16px;
  margin-bottom: 4px;
  position: relative;
  text-align: center;
}

.pkg-table__cell__price:after {
  border-top: 1px solid #d1dfe5;
  bottom: -4px;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 60px;
}

.pkg-table__cell--inner.pkg-table__cell--active {
  border-left: 3px solid #fea03c !important;
  border-right: 3px solid #fea03c !important;
}

.pkg-table tr:not(:last-of-type) .pkg-table__cell__advantage__title {
  border-bottom: 1px dashed #d1dfe5;
  text-align: start;
}

.pkg-table__cell__advantage__title {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 14px;
  height: 36px;
  line-height: 1.2em;
  min-width: max-content;
}

.pkg-table__cell__advantage__value--free {
  border-color: #d1dfe5 !important;
}

.pkg-table__cell__advantage__value {
  background-color: #fff;
  border-bottom: 1px dashed #d1dfe5;
  border-left: 1px solid #fff4e4;
  border-right: 1px solid #fff4e4;
  height: 36px;
}

.pkg-table__cell__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.pkg-table__cell__full-list, .pkg-table__cell__text {
  color: #00b53f;
  text-align: center;
}

.pkg-table__cell__advantage__value--active {
  border-left: 3px solid #fea03c !important;
  border-right: 3px solid #fea03c !important;
}

.site-app-header-profile__item {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 10px;
  position: relative;
  width: 40px;
  background: #e4e6eb;
}
.site-app-header-profile__item .header-icons svg {
  color: #050505;
}

/***CUSTOM MODAL------------------------------***/
.modal-body.ad-location-filter {
  max-height: 70vh;
  overflow-y: auto;
}

.state-list, .county-list, .subcounty-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.county-item, .subcounty-item {
  flex: 1 1 calc(33.33% - 1rem);
}

.list-group-item {
  cursor: pointer;
  font-size: 14px;
}

button.county-item.list-group-item.list-group-item-action, button.subcounty-item.list-group-item.list-group-item-action {
  border-top-width: 1px;
  border-radius: 3px;
}
button.county-item.list-group-item.list-group-item-action:hover, button.subcounty-item.list-group-item.list-group-item-action:hover {
  background: rgba(50, 187, 120, 0.2);
  color: var(--zinga-primary);
  border: none;
}

@media (min-width: 576px) and (max-width: 992px) {
  .state-list, .county-list, .subcounty-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  button#goBackBtn {
    background: #fff !important;
  }
  button#goBackBtn svg {
    color: var(--zinga-primary) !important;
  }
  .state-list, .county-list, .subcounty-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .filter-modal .modal-content {
    border-radius: 0;
  }
  .modal-body.ad-location-filter {
    max-height: 100%;
    overflow-y: inherit;
  }
  .filter-modal .modal-dialog {
    margin: 0;
  }
  .ad-location-search {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--zinga-primary);
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 0;
  }
}
button#goBackBtn {
  background: rgba(128, 128, 128, 0.64);
}
button#goBackBtn svg {
  color: #fff;
}

.actionFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.actionFlex .btn {
  background: #efefef;
  outline: none;
  font-size: 14px;
  border: none;
  padding: 0.5rem 1rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.actionFlex .btn:hover {
  background: #e4e6eb;
}

.data-view__ads {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  padding-left: 8px;
}
.data-view__ads:not(:last-child) {
  border-right: 2px solid rgba(128, 128, 128, 0.3019607843);
}

.share-modal-wrapper .modal-content .icons a {
  height: 50px;
  width: 50px;
  font-size: 20px;
  text-decoration: none;
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.share-modal-wrapper .icons a i {
  transition: transform 0.3s ease-in-out;
}
.share-modal-wrapper .icons a:nth-child(1) {
  color: #1877f2;
  border-color: #b7d4fb;
}
.share-modal-wrapper .icons a:nth-child(1):hover {
  background: #1877f2;
}
.share-modal-wrapper .icons a:nth-child(2) {
  color: #46c1f6;
  border-color: #b6e7fc;
}
.share-modal-wrapper .icons a:nth-child(2):hover {
  background: #46c1f6;
}
.share-modal-wrapper .icons a:nth-child(3) {
  color: #e1306c;
  border-color: #f5bccf;
}
.share-modal-wrapper .icons a:nth-child(3):hover {
  background: #e1306c;
}
.share-modal-wrapper .icons a:nth-child(4) {
  color: #25d366;
  border-color: #bef4d2;
}
.share-modal-wrapper .icons a:nth-child(4):hover {
  background: #25d366;
}
.share-modal-wrapper .icons a:nth-child(5) {
  color: #0088cc;
  border-color: #b3e6ff;
}
.share-modal-wrapper .icons a:nth-child(5):hover {
  background: #0088cc;
}
.share-modal-wrapper .icons a:hover {
  color: #fff;
  border-color: transparent;
}
.share-modal-wrapper .icons a:hover i {
  transform: scale(1.2);
}
.share-modal-wrapper .field.active {
  border-color: #7d2ae8;
}
.share-modal-wrapper .field.active i {
  color: #7d2ae8;
}
.share-modal-wrapper .field button:hover {
  background: #8d39fa;
}

.view-modal {
  position: absolute;
  top: 10%;
  left: 90%;
  transform: translate(-50%, -50%);
}

.attribute-wrapper, .ad-info-more-content-wrapper {
  border-top: 1px solid #ebf2f7;
  padding: 16px 0;
}

.attribute-container {
  display: flex;
  flex-wrap: nowrap;
  padding: 8px 0 0;
}

.advert-icon-attribute {
  font-size: 14px;
  line-height: 12px;
  margin-right: 30px;
  max-width: 95px;
  text-align: center;
}

.advert-icon-attribute__image {
  align-items: center;
  border: 1px solid #ebf2f7;
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  margin: 0 auto 8px;
  width: 48px;
}

.more-advert-info-container {
  position: relative;
}

.more-advert-info-container .advert-info-content {
  margin-bottom: 5px;
  color: #464b4f;
  position: relative;
  font-size: 14px;
  display: block;
}

.more-advert-info-container .show-more {
  position: relative;
  font-size: 14px;
  height: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: end;
  color: var(--zinga-primary);
  cursor: pointer;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.more-advert-info-container .show-more:hover {
  color: var(--zinga-primary);
}

.more-advert-info-container .show-more-height {
  height: 85px;
  overflow: hidden;
}

.advert-attribute {
  margin-bottom: 10px;
}

.advert-attribute__key {
  color: #6c8ea0;
  font-size: 13px;
  line-height: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.advert-attribute__value {
  color: #28363e;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px;
}

.advert-attributes__tag__container {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 8px;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.231372549);
  padding: 2px;
  border-radius: 3px;
}

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

.advert-attributes__tag {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: 4px;
  font-size: 14px;
  padding-left: 4px;
  line-height: normal;
  width: -moz-fit-content;
  width: fit-content;
}

.advert-description-text {
  font-size: 14px;
  line-height: 1.5;
}

.ad-tl-likes {
  height: 24px;
  width: 24px;
  background: #03A9F4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

select#countySelect, select#subCountySelect {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(154, 159, 165, 0.3215686275);
  border-radius: 3px;
  padding-left: 12px;
  padding-right: 12px;
}

.edit-url-profile input:disabled {
  background: rgba(169, 169, 169, 0.2117647059);
}

.quick-chat {
  bottom: 32px;
  display: inline-block;
  margin-left: 32px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  opacity: 1;
  transform: translate(0px, 0px);
  border: 0;
}

.quick-chat_inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.contact-seller-trigger_content {
  background-color: #fff;
  border-radius: 68px;
  cursor: pointer;
  padding: 8px 24px 8px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0 0 2.17382px rgba(0, 0, 0, 0.049), 0 1.75px 6.01034px rgba(0, 0, 0, 0.07), 0 3.63px 14.4706px rgba(0, 0, 0, 0.091), 0 22px 48px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 2.17382px rgba(0, 0, 0, 0.049), 0 1.75px 6.01034px rgba(0, 0, 0, 0.07), 0 3.63px 14.4706px rgba(0, 0, 0, 0.091), 0 22px 48px rgba(0, 0, 0, 0.14);
}

.contact-seller-trigger_inner {
  padding-bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.seller-chat-avatar {
  position: relative;
}

.seller-chat-avatar img {
  height: 48px;
  width: 48px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #99b2bf;
  padding: 2px;
}

.seller-2-message {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
}

.online-status-response-time {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.oval-separator {
  background: gray;
  height: 6px;
  width: 6px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._third-party_wrapper__ad {
  padding-left: 8px;
  padding-right: 8px;
}

.google-ads {
  margin-bottom: 15px;
  display: block;
  margin-top: 15px;
}

.google-ads-container {
  width: 100%;
  max-width: 728px; /* Restrict width */
  height: 100%;
  max-height: 90px; /* Restrict height */
  overflow: hidden; /* Hide any overflow */
  margin: 0 auto; /* Center the ad if necessary */
}

.google-ads-container_grid {
  width: 100%;
  max-width: 310px; /* Restrict width */
  height: 100%;
  max-height: 310px; /* Restrict height */
  overflow: hidden; /* Hide any overflow */
  margin: 0 auto; /* Center the ad if necessary */
}

.post-ad-item.google-ads-container_grid {
  background-color: transparent;
  box-shadow: none;
}

.google-ads-container img {
  width: 100%;
  height: 100%;
}

.form-group__custom {
  position: relative;
  width: 100%;
}

.form-group__custom input {
  border: 0;
  width: 100%;
  font-size: 14px;
  padding: 1rem 0.5rem;
  outline: none;
  color: #536471;
  background: transparent;
  border-radius: 5px;
}

.zinga-custom-input__field {
  border: 1px solid #99b2bf;
  width: 100%;
  color: #536471;
  background: transparent;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.zinga-custom-input__field svg {
  margin-right: 15px;
}

.form-group__custom label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  padding: 0 4px;
  color: #99b2bf;
  font-size: 14px;
  pointer-events: none;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  background: #fff;  
}

.form-group__custom label.error {
  position: absolute;
  top: 0;
  color: #f00!important;
  background: #fff; 
  z-index: 999;
}

#create-ad-tab label.error {
	display: none;
  color: #f00!important;
}


.bootstrap-select label.error, .loc-group label.error {
  color: #f00!important;
}

/*
.form-group__custom input:is(:focus, :valid, [readonly], [disabled]) + label {
  top: 0;
  padding: 0 4px;
  background: #fff;
  font-size: 12px;
  color: #333;
}
*/



.form-group__custom input[disabled] {
  background-color: #f5f5f5; /* Optional: change background color for disabled inputs */
}

.site-page-area-card__content__invite {
  align-items: center;
  color: #fea03c;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
  margin-top: 24px;
  padding: 4px 8px;
}

.site-page-area-card__content__invite__icon {
  background-color: #fea03c;
  border-radius: 50%;
  height: 48px;
  line-height: 40px;
  margin-right: 8px;
  padding: 10px;
  text-align: center;
  width: 48px;
  display: flex;
  justify-content: center;
}

.user-login_register {
  display: flex;
  align-items: center;
  margin-right: 15px;
}

.user-login_register_inner {
  display: flex;
}
.user-login_register_inner:not(:last-of-type)::after {
  content: "|";
  margin: 0 8px;
}

.otp-input {
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

.user-login_register_inner-item {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.follower-tabs, .content-button_tabs {
  margin-left: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}
.follower-tabs .nav .nav-item:not(:last-child), .content-button_tabs .nav .nav-item:not(:last-child) {
  margin-right: 8px;
}
.follower-tabs .nav .nav-item .nav-link, .content-button_tabs .nav .nav-item .nav-link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}
.follower-tabs .nav .nav-item button.active, .content-button_tabs .nav .nav-item button.active {
  background-color: var(--zinga-primary);
  color: #fff !important;
}
.follower-tabs .nav .nav-item button.active .oval-separator, .content-button_tabs .nav .nav-item button.active .oval-separator {
  background-color: #fff;
}
.follower-tabs .nav .nav-item button:hover, .content-button_tabs .nav .nav-item button:hover {
  color: #ffffff !important;
  background: var(--zinga-primary);
}

ul#pills-tab {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.sec-card_item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 72px;
  justify-content: space-between;
  padding: 12px 8px;
}
.sec-card_item:not(:last-child) {
  border-bottom: 1px solid #ebf2f7;
}

.sec-card_item_title {
  align-items: center;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  color: #28363e;
}
.sec-card_item_title span {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.sec-card_item_title_logo {
  background-color: #99b2bf;
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  height: 48px;
  margin-right: 8px;
  width: 48px;
}

.engage-action-button {
  font-size: 10px;
  width: 110px;
  padding: 5px 16px;
  border-radius: 22px;
}

.button_slot-wrapper {
  white-space: nowrap;
  font-size: 15px;
}

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

.engage-action-button.unfollow {
  background: transparent;
  border: 1px solid var(--zinga-primary);
  color: var(--zinga-primary);
}
.engage-action-button.unfollow:hover {
  background: rgba(50, 187, 120, 0.2);
}

.engage-action-button.follow, .engage-action-button.invite-followers, .engage-action-button.contactus-button {
  background: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  color: #fff;
}
.engage-action-button.follow:hover, .engage-action-button.invite-followers:hover, .engage-action-button.contactus-button:hover {
  background: #009c36;
}

.hide-followers-invite-card {
  cursor: pointer;
}

.footer__group-countries {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 24px;
  padding: 0 10px;
}

.footer__group-countries__item .group-static-image {
  border: 2px solid rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  cursor: pointer;
  height: 32px;
  margin-right: 16px;
  overflow: hidden;
  width: 32px;
}

.group-static-image {
  background: transparent;
}

.group-static-image img {
  height: 100%;
  width: 100%;
}

/**Seller About Page review stars**/
.about__seller {
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.about__seller .seller-call-to-action a:hover {
  color: var(--zinga-primary) !important;
}

.seller-name {
  font-size: 20px;
  font-weight: 600;
}

.seller-rating-lvl {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 600;
  margin: 8px 0 8px 0;
}

.rating-value[rating-value="1"] {
  --star-rev: 1;
}

.rating-value[rating-value="2"] {
  --star-rev: 2;
}

.rating-value[rating-value="3"] {
  --star-rev: 3;
}

.rating-value[rating-value="4"] {
  --star-rev: 4;
}

.rating-value[rating-value="5"] {
  --star-rev: 5;
}

.rating-value {
  --space: 2px;
  --_star-size: 1.2rem;
  --_gap: var(--space);
  --gap-max-size: min(var(--_gap), var(--_star-size) / 5);
  --gap-calc: calc( (var(--star-rev, 0) - 1) * var(--gap-max-size) );
  height: var(--_star-size);
  width: calc(var(--star-rev, 0) * var(--_star-size) + var(--gap-calc));
  background-image: url(../images/icons/svg/star-rounded.svg);
  background-repeat: space no-repeat;
  background-size: var(--_star-size);
  display: flex;
  align-items: center;
}

.main-cat_open-status {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.seller-logo_container {
  border-radius: 8px;
  position: relative;
  height: 100%;
  max-height: 75px;
  width: 100%;
  max-width: 75px;
}
.seller-logo_container .seller-logo {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
}

.seller-call-to-action {
  display: flex;
  align-items: center;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
}
.seller-call-to-action .action__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  aspect-ratio: 1;
  padding: 5px;
}
.seller-call-to-action .action__icon .action-name {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 8px;
  color: #444;
}
.seller-call-to-action .action__icon span {
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-color: #444;
  padding: 3px;
  border-radius: 50%;
}
.seller-call-to-action .action__icon span i {
  color: #444;
  font-size: 20px;
}

.about__seller-more-sec {
  padding: 0 0 20px 20px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.location-pin i {
  color: #444;
  font-size: 24px;
  padding: 20px 20px 0 0;
}

.open-time span {
  color: #444;
  font-size: 24px;
}

.location-text_area {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.about__seller-more-sec_items {
  display: flex;
  align-items: center;
}

.place-of-location {
  padding: 15px 0 0 0;
}
.place-of-location span {
  color: #444;
  margin-left: 2px;
}

.area_map {
  display: flex;
  border-bottom: 1px solid #ddd;
  height: 80px;
  align-items: center;
}
.area_map .area-name {
  padding: 15px 0;
  font-size: 16px;
  display: flex;
  flex: 1;
}
.area_map .map-snippet {
  height: 80px;
  width: 120px;
}

.seller-trending-keywords_item {
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  background: #ddd;
  color: #000;
  display: inline-block;
  margin: 4px 4px 0 0;
}

.keyword-list a {
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  margin: 4px;
  padding: 11px 12px;
  color: #28363e;
}
.keyword-list a:hover {
  background: #d9fdd3;
  color: var(--zinga-primary);
}

.sponsored-seller-sec {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 8px;
  border-radius: 4px;
  overflow-x: auto;
  -webkit-user-select: none;
  user-select: none;
  user-select: none;
}

.others-store-card {
  border-radius: 10px;
  border: 1px solid rgba(153, 199, 253, 0.6);
  background: #fff;
  display: block;
  transition: all ease-in 0.3s;
}
.others-store-card .other-store-banner {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 73px;
  border-bottom: 1px solid rgba(153, 199, 253, 0.6);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.others-store-card .name-area {
  position: relative;
  margin-top: -20px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 17px 13px;
  width: 270px;
}
.others-store-card .name-area .other-store-logo {
  border: 3px solid #f8fbfe;
  border-radius: 50%;
}
.others-store-card .name-area img {
  width: 75px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.others-store-card .name-area .info {
  width: 0;
  flex-grow: 1;
}
.others-store-card .name-area .info h5 {
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.others-store-card .info-area {
  padding: 0 17px 16px;
  display: flex;
  gap: 10px;
}
.others-store-card .seller-pkg-plan {
  position: absolute;
  left: 0;
  top: 0;
  background: #32bb78;
  padding: 3px 5px 3px 5px;
  color: #fff;
}

.other-store-logo {
  background-color: #f9f9f9;
}

.seller-trending-keywords_title {
  font-size: 20px;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.about__seller-view-products {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}

.more_products {
  padding: 20px 40px;
  background: rgba(50, 187, 120, 0.2);
  color: var(--zinga-primary);
}
.more_products:hover {
  background: var(--zinga-primary);
  color: #fff;
}

/*--------------------------------------------------
-----------------POST AD----------------------------
----------------------------------------------------*/
.select-cat .dropdown, .select-loc .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.select-cat .dropdown-input, .select-loc .dropdown-input {
  padding: 8px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 0 15px 0;
  height: 48px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #6c8ea0;
}
.select-cat .dropdown-input:focus, .select-loc .dropdown-input:focus {
  outline: none;
}
.select-cat .dropdown-list, .select-loc .dropdown-list {
  background: white;
  position: absolute;
  width: 100%;
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 99;
}
.select-cat .category, .select-loc .category {
  padding: 8px;
  background-color: #f0f0f0;
  font-weight: bold;
  cursor: pointer;
  height: 48px;
  line-height: 32px;
}
.select-cat .category-items, .select-loc .category-items {
  display: none;
}
.select-cat .dropdown-item, .select-loc .dropdown-item {
  padding: 8px;
  cursor: pointer;
}
.select-cat .dropdown-item:hover, .select-loc .dropdown-item:hover {
  background-color: #f0f0f0;
}

#AdDescriptionContainer {
  position: relative;
  margin-top: 1rem;
  width: 100%;
}
#AdDescriptionContainer label {
  position: absolute;
  top: 0;
  left: 7px;
  font-size: 14px;
  padding: 0.9rem 0;
  color: rgba(0, 0, 0, 0.87);
  pointer-events: none;
  transition: all 0.15s ease;
  color: #536471;
}
#AdDescriptionContainer textarea {
  background-color: transparent;
  padding: 0.875rem 0;
  font-size: 1rem;
  border: 0;
  border: 1px solid #99b2bf;
  width: 100%;
  border-radius: 4px;
  min-height: 7rem;
  resize: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#AdDescriptionContainer textarea:focus, #AdDescriptionContainer textarea.not-empty {
  outline: 0;
  border: 1px solid #99b2bf;
}


#AdDescriptionContainer label {
  font-size: 14px;
  color: var(--zinga-primary);
  top: -13px;
  font-weight: 600;
  transition: all 0.15s ease;
  background: white;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#AdDescriptionContainer label.error {
  position: absolute;
  top: -13px;
  color: #f00!important;
  background: #fff; 
  z-index: 999;
}


.current-characters {
  display: inline;
}

.character-count-wrapper {
  color: #9b9b9b;
}

.ad-price-tab-container, .ad-price-negotiate-container {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.ad-price-tab-item, .ad-price-negotiate-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ad-price-tab-item input[type=radio], .ad-price-negotiate-item input[type=radio] {
  width: 20px !important;
  height: 20px !important;
}

.ad-price-tab-item label, .ad-price-negotiate-item label {
  font-size: 16px;
}

.ad-price__show-style {
  background: #fff; /* White background */
  display: none;
}

.ad-price__show-style.on {
  display: block;
}

/*---------------------------------------------------
-----------------------IMAGE UPLOAD------------------
----------------------------------------------------*/
.upload__box {
  padding-top: 12px;
}
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: var(--zinga-primary);
  text-align: center;
  padding: 10px 15px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: transparent;
  border-color: var(--zinga-primary);
  border-radius: 4px;
  font-size: 14px;
  margin: 0 !important;
}
.upload__btn:hover {
  background-color: unset;
  color: #4caf50;
  border-color: #4caf50;
  transition: all 0.3s ease;
}
.upload__btn-box {
  margin-bottom: 10px;
}
.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.upload__img-box {
  width: 120px;
  padding: 0 10px;
  margin-bottom: 12px;
  border: 0.1px solid;
  border-color: #4CAF50;
  border-radius: 4px;
}
.upload__img-box:not(:last-of-type) {
  margin-right: 12px;
}
.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -12px;
  right: -22px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

.ad-creation-section {
  background: #fff;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 8px;
}

/*-------------All sellers page--------*/
.seller-block__cell {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.seller-list-card {
  width: 100%;
}

.seller-list-card-layout-horizontal {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-items: start;
}

.seller-list-card__actions-list {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
}

.seller-list-card__image {
  padding: 8px 10px;
  width: 112px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.seller-list-card__info {
  padding-top: 6px;
  padding-right: 10px;
}

.seller-list-card__name {
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
  padding-right: 24px;
  margin-bottom: 4px;
}
.seller-list-card__name a {
  color: #686868;
}

.seller-list-card__rating {
  text-align: start;
}

.seller-list-card__rating-stars {
  margin: 3px 0 3px 0;
}

.seller-list-card {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.seller-list-card__action {
  position: relative;
  display: block;
  padding: 8px;
  margin: 0;
  border: none;
  transition: color 0.08s, background 0.08s;
  background-color: #fff;
  color: #ccc;
}
.seller-list-card__action:last-child {
  border-bottom-left-radius: 2px;
}
.seller-list-card__action svg {
  color: var(--zinga-primary);
  display: block;
}
.seller-list-card__action:hover {
  background: #ebf2f7;
}

.seller-list-card__image {
  display: block;
}

.seller-list-card__rating {
  color: #6c757d;
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-left: 4px;
}

.image__body {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.image__tag {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}

.seller-list-card__location__text {
  height: 16px;
  margin-left: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/*Albert added 3rd August 2024 */
.filter-option-inner-inner {
  padding: 0 1rem;
}

.phone-confirm-hidden {
  display: none;
}

.dropdown.bootstrap-select select {
  width: 100%;
}

.timeline-steps {
  display: flex;
  justify-content: start;
  overflow-x: auto;
  overflow-y: hidden;
}

.timeline-steps .timeline-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0.5rem;
  margin-top: 1rem;
}

.timeline-card {
  height: 120px;
  width: 100%;
  margin-top: 15px;
  position: relative;
}
.timeline-card i {
  font-size: 20px;
  transform: rotate(45deg);
  position: absolute;
  top: -9px;
  left: 69px;
  color: #fff;
}

@media (min-width: 0px) {
  .timeline-steps .timeline-step:not(:last-child):after {
    content: "";
    display: block;
    border-top: 0.25rem dotted var(--zinga-primary);
    width: 3.46rem;
    position: absolute;
    left: 7.5rem;
    top: 0.3125rem;
  }
  .timeline-steps .timeline-step:not(:first-child):before {
    content: "";
    display: block;
    border-top: 0.25rem dotted var(--zinga-primary);
    width: 3.8125rem;
    position: absolute;
    right: 7.5rem;
    top: 0.3125rem;
  }
}
.timeline-steps .timeline-content {
  width: 10rem;
  text-align: center;
}

.timeline-steps .timeline-content .inner-circle {
  border-radius: 1.5rem;
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--zinga-primary);
}

.timeline-steps .timeline-content .inner-circle:before {
  content: "";
  background-color: rgba(var(--zinga-primary-rgb), 0.65);
  display: inline-block;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  border-radius: 6.25rem;
  opacity: 0.5;
}

.awards-sec {
  background: #fff;
}
.awards-sec .year-awarded {
  font-weight: 600;
  color: var(--zinga-primary);
  background-color: rgba(var(--zinga-primary-rgb), 0.15);
  padding: 5px 8px;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  border-radius: 4px 0;
}
.awards-sec .card-awards {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
}
.awards-sec .card-awards .trophy {
  aspect-ratio: 2/1;
  position: relative;
  border-radius: 4px;
  width: 100%;
  max-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.awards-sec .card-awards .trophy img {
  width: 100%;
  height: 100%;
  opacity: 0.4;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: opacity 0.5s;
}
.awards-sec .card-awards .trophy img:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.whole-team img {
  border-radius: 12px;
}

.media-shoutout {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.media-shoutout a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}
.media-shoutout__item {
  background-color: #fff;
  border-radius: 4px;
  color: #28363e;
  font-size: 14px;
  line-height: 1.29;
  margin: 6px;
  padding: 10px 12px;
  position: relative;
  aspect-ratio: 2/1;
  width: 150px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-page-area-card {
  box-shadow: 1px 1px 4px rgba(80, 114, 125, 0.4);
}

.feedback-filters {
  background: #ebf2f7;
}

.request-feedback_title {
  font-size: 14px;
  line-height: 1.4;
}

button.copy-feedback-request-link {
  background: var(--zinga-primary);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  border: 1px solid var(--zinga-primary);
}
button.copy-feedback-request-link:hover {
  border: 1px solid var(--zinga-primary);
  background: rgba(var(--zinga-primary-rgb), 0.15);
  color: var(--zinga-primary);
}

.cursor-poiner {
  cursor: pointer;
}

.rate-manager-call .card {
  width: 100%;
  border: none;
  border-radius: 12px;
}
.rate-manager-call .circle-image img {
  border: 6px solid #fff;
  border-radius: 100%;
  padding: 0px;
  top: -28px;
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  z-index: 1;
  background: #e7d184;
  cursor: pointer;
}
.rate-manager-call .name {
  margin-top: -21px;
  font-size: 18px;
}
.rate-manager-call .fw-500 {
  font-weight: 500 !important;
}
.rate-manager-call .start {
  color: green;
}
.rate-manager-call .stop {
  color: red;
}
.rate-manager-call .rate {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rate-manager-call .rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.rate-manager-call .rating > input {
  display: none;
}
.rate-manager-call .rating > label {
  position: relative;
  width: 1em;
  font-size: 30px;
  font-weight: 300;
  color: #ffd600;
  cursor: pointer;
}
.rate-manager-call .rating > label::before {
  content: "★";
  position: absolute;
  opacity: 0;
}
.rate-manager-call .rating > label:hover:before,
.rate-manager-call .rating > label:hover ~ label:before {
  opacity: 1 !important;
}
.rate-manager-call .rating > input:checked ~ label:before {
  opacity: 1;
}
.rate-manager-call .rating:hover > input:checked ~ label:before {
  opacity: 0.4;
}
.rate-manager-call .buttons {
  top: 36px;
  position: relative;
}
.rate-manager-call .rating-submit {
  border-radius: 0 0 15px 15px;
  color: #fff;
  height: 49px;
  width: 100%;
  font-weight: 600;
}
.rate-manager-call .rating-submit:hover {
  color: #fff;
}

.user-team-permissions__item {
  display: inline-flex;
  cursor: pointer;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.user-team-permissions__item input[type=checkbox] {
  display: none;
}

.user-team-permissions__item input[type=checkbox]:checked + span {
  background-color: rgba(var(--zinga-primary-rgb), 0.15);
  color: var(--zinga-primary);
  border: 1px solid var(--zinga-primary);
  border-radius: 4px;
  font-weight: 700;
}

.user-team-permissions__item span {
  padding: 10px 12px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.business-operation-hrs .opening-hours {
  font-size: 14px;
  width: 100%;
  max-width: 560px;
}
.business-operation-hrs .opening-hours_title {
  font-size: 16px;
  font-weight: 600;
}
.business-operation-hrs .opening-hours_days {
  padding: 0;
}
.business-operation-hrs .opening-hours_day {
  display: flex;
  justify-content: space-between;
  line-height: 1.5em;
  list-style: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.business-operation-hrs .open {
  color: green;
  font-weight: 600;
}
.business-operation-hrs .closed {
  color: red;
}

.report-sec .content-area {
  width: 100%;
}
.report-sec .box {
  background-color: #2b2d3e;
}
.report-sec .shadow {
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}
.report-sec .sparkboxes .box {
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 0 1px 1px 1px #666;
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
  position: relative;
  border-radius: 5px;
}
.report-sec .sparkboxes .box .details {
  position: absolute;
  color: #fff;
  transform: scale(0.7) translate(-22px, 20px);
}
.report-sec .sparkboxes strong {
  position: relative;
  z-index: 3;
  top: -8px;
  color: #fff;
}
.report-sec .sparkboxes .box1 {
  background-image: linear-gradient(135deg, #abdcff 10%, #0396ff 100%);
}
.report-sec .sparkboxes .box2 {
  background-image: linear-gradient(135deg, #2afadf 10%, #4c83ff 100%);
}
.report-sec .sparkboxes .box3 {
  background-image: linear-gradient(135deg, #ffd3a5 10%, #fd6585 100%);
}
.report-sec .sparkboxes .box4 {
  background-image: linear-gradient(135deg, #ee9ae5 10%, #5961f9 100%);
}

.noticeboard .accordion-button {
  position: relative;
}
.noticeboard .btn-close {
  position: relative;
  z-index: 10;
}
.noticeboard .announcement {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.noticeboard .announcement button {
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.noticeboard .announcement:last-of-type {
  border-bottom: none;
}
.noticeboard .more-announcements {
  display: none; /* Initially hidden */
}
.noticeboard .more-announcements.show {
  display: block;
}
.noticeboard #showMoreBtn {
  display: block; /* Show button initially */
  text-decoration: none;
  padding: 8px 0;
}
.noticeboard .no-announcement {
  display: none;
  text-align: center;
  font-style: italic;
  padding: 10px;
}

.bg-soft-success {
  background: #ccf5e7;
}

.bg-soft-danger {
  background: #ffd6e0;
}

.quick-dash-report .dash-icon-shape {
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
}
.quick-dash-report .dash-icon-shape.pink {
  background: #ff579a;
}
.quick-dash-report .dash-icon-shape.purple {
  background: #5c60f5;
}
.quick-dash-report .dash-icon-shape.blue {
  background: #00d4ff;
}
.quick-dash-report .dash-icon-shape.orange {
  background: #ff8c00;
}

.congratulation-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 10px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
}

#MyClientele-tabs main {
  padding: 30px 20px;
  margin: 0 auto;
}

.ad-name-title {
  margin-bottom: 4px;
}

#MyClientele-tabs .content-sec {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
#MyClientele-tabs .content-sec .unread-badge {
  align-items: center;
  background-color: #32bb78;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  height: 18px;
  width: 18px;
  padding: 2px;
  transition: opacity 0.3s ease;
  position: absolute;
  right: -6px;
  top: -10px;
  font-size: 12px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#MyClientele-tabs input {
  display: none;
}

#MyClientele-tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

#MyClientele-tabs label:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
}

#MyClientele-tabs label[for*="1"]:before {
  content: "\f4ad";
}

#MyClientele-tabs label[for*="2"]:before {
  content: "\f2a0";
}

#MyClientele-tabs label[for*="3"]:before {
  content: "\f2ea";
}

#MyClientele-tabs label[for*="4"]:before {
  content: "\f02e";
}

#MyClientele-tabs label:hover {
  color: #888;
  cursor: pointer;
}

#MyClientele-tabs input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

#MyClientele-tabs #tab1:checked ~ #content1,
#MyClientele-tabs #tab2:checked ~ #content2,
#MyClientele-tabs #tab3:checked ~ #content3,
#MyClientele-tabs #tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  #MyClientele-tabs label {
    font-size: 0;
  }
  #MyClientele-tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  #MyClientele-tabs label {
    padding: 7px 24px;
  }
}
/*@Imports of scss*/
.search {
  width: 100%;
  max-width: 30rem;
  position: relative;
  margin: auto;
}
.search .input-bar {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.19);
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 1rem 2rem -1.5rem rgba(0, 0, 0, 0.3333333333);
  display: inline-flex;
  height: 3rem;
  overflow: hidden;
  transition: box-shadow 0.5s;
  width: 100%;
}
.search .input-bar:focus-within {
  background: #fffffc;
  border: 2px solid #444;
  box-shadow: 0 1rem 2rem -1.5rem rgba(111, 111, 111, 0.467);
}
.search .input-bar:hover {
  box-shadow: 0 1rem 2rem -1.5rem rgba(0, 0, 0, 0.4666666667);
}
.search .input-bar .search-label {
  position: absolute;
  color: #888;
  left: 1.625rem;
  font-size: 1.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 8rem);
  max-width: calc(100% - 8rem);
  display: flex;
  align-items: center;
  z-index: 0;
}
.search .input-bar .search-label span {
  visibility: hidden;
  overflow: hidden;
  max-width: 0;
  display: inline-block;
  margin: 0 0.125rem;
  transition: max-width 1s, margin 0.125s;
  transition-delay: 1s;
}
.search .input-bar .search-label span.show {
  visibility: visible;
  margin: 0 0.25rem;
  max-width: calc(100% - 8rem);
}
.search .input-bar .search-text {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  flex: 1;
  font-size: 1.25rem;
  margin-left: 0.5rem;
  width: 100%;
  min-width: 8rem;
  outline: none;
  padding-left: 1rem;
  position: relative;
  z-index: 1;
}
.search .input-bar .search-text::-ms-clear, .search .input-bar .search-text::ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.search .input-bar .search-text::-webkit-search-decoration, .search .input-bar .search-text::-webkit-search-cancel-button, .search .input-bar .search-text::-webkit-search-results-button, .search .input-bar .search-text::-webkit-search-results-decoration {
  display: none;
  width: 0;
  height: 0;
}
.search .input-bar button {
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #444;
  font-size: 1.25rem;
  margin: 0;
  outline: none;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  transition: background-color, color;
  transition-duration: 0.25s;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0);
}
.search .input-bar button:hover {
  background: #eee;
}
.search .input-bar button:focus {
  background: #444;
  color: #fff;
}
.search .input-bar button:active, .search .input-bar button.active {
  background: #000;
}
.search .input-bar button.dictate {
  transform: scale(0);
  transition: transform 0.5s;
  transition-delay: 1s;
  visibility: hidden;
}
.search .input-bar button.dictate svg {
  display: none;
  margin: auto auto;
}
.search .input-bar button.dictate.show {
  visibility: visible;
  transform: scale(1);
}
.search .input-bar button.dictate.active i {
  display: none;
}
.search .input-bar button.dictate.active svg {
  display: block;
}
.search .input-bar button:last-child {
  margin-right: 0.5rem;
}

@media (prefers-reduced-motion) {
  * {
    transition: none !important;
    transition-delay: 0s !important;
  }
}
.search-closing-mob {
  position: relative;
}
.search-closing-mob::before {
  bottom: 0;
  content: "";
  height: 150%;
  left: -50%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200%;
}

.mobile-search-form-div .search .input-bar {
  border: none;
  height: 2.5rem;
}
.mobile-search-form-div .search .input-bar button {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

div#MobileSearch {
  background: #ebf2f7;
}

.search-block__header {
  align-items: center;
  background: transparent;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}

.search-block__title {
  color: #6c8ea0;
  font-size: 14px;
  line-height: 1.29;
  text-transform: uppercase;
}

.search-block__action-button {
  text-transform: uppercase;
  height: 24px;
  fill: var(--zinga-primary);
  background-color: transparent;
  color: var(--zinga-primary);
  border: none;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  outline: none;
  padding: 0 8px;
  position: relative;
  text-align: center;
  transition: box-shadow 0.2s;
  white-space: nowrap;
  will-change: box-shadow;
  z-index: 1;
}

span.search-block__action-button_content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

span.search-block__action-button_content__slot-wrapper {
  align-items: center;
  display: flex;
}
span.search-block__action-button_content__slot-wrapper:hover {
  text-decoration: underline;
}

.recently-viewed {
  align-items: center;
  background-color: #fff;
  display: flex;
  overflow-x: auto;
  padding: 8px 16px;
  gap: 8px;
}

.recently-viewed__photo-wrapper, .recently-viewed__all-wrapper {
  display: block;
}

.recently-viewed__photo {
  background-color: #ebf2f7;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  height: 80px;
  min-width: 120px;
}

.recently-viewed__body {
  background-color: rgba(50, 187, 120, 0.2);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  height: 100px;
  min-width: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
}

.recently-viewed__price {
  color: #28363e;
  font-size: 14px;
  line-height: 1.29;
  margin-top: 4px;
  white-space: nowrap;
}

.popular-searches {
  padding: 0 8px;
}

.popular-searches__item {
  background-color: #fff;
  border-radius: 4px;
  color: #28363e;
  display: inline-block;
  font-size: 14px;
  line-height: 1.29;
  margin: 6px;
  padding: 11px 12px;
}

.your-recent-searches {
  margin: 0 0 2px 0;
}

.your-recent-searches__item:not(:last-of-type) {
  border-bottom: 1px solid rgba(93, 93, 93, 0.3490196078);
}

.your-recent-searches__item span.fa-arrow-up-long {
  transform: rotate(-45deg);
}

.your-recent-searches__item {
  background-color: #fff;
  color: #28363e;
  display: flex;
  font-size: 15px;
  line-height: 1.29;
  padding: 11px 12px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  height: 46px;
}

.short-filters__wrapper {
  height: 56px;
  margin-left: -10px;
  width: calc(100% + 20px);
}

@media (max-width: 768px) {
  .short-filters {
    background-color: #ebf2f7;
  }
}
@media (min-width: 575.4999px) {
  .short-filters__wrapper {
    display: none;
  }
}
.filter-canvas__medium-screen {
  cursor: pointer;
}

@media (max-width: 576px) {
  .filter-canvas__medium-screen {
    display: none;
  }
}
.short-filters {
  display: flex;
  height: 56px;
  max-width: 100%;
  transition: box-shadow 0.3s ease-in;
  width: 100%;
  align-items: center;
}

.short-filters__inner {
  display: flex;
  max-width: 100%;
  padding-right: 8px;
  align-items: center;
  position: absolute;
}

.short-filters__container {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  overflow-x: scroll;
  align-items: center;
  padding: 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.short-filters__item {
  background-color: #fff;
  border: 1px solid #6c8ea0;
  border-radius: 4px;
  color: #6c8ea0;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 14px;
  margin-right: 8px;
  max-width: 176px;
  min-width: -moz-min-content;
  min-width: min-content;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.short-filters__item__icon {
  margin-top: -8px;
  position: absolute;
  right: 8px;
  top: 50%;
  z-index: 4;
}

.short-filters__item__content {
  overflow: hidden;
  padding: 12px 24px 12px 8px;
  text-overflow: ellipsis;
}

.short-filters__item__content-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.short-filters__item__content-inner svg {
  margin-right: 8px;
}

.feedback-section {
  border-radius: 8px;
}

@media (min-width: 768px) {
  .opinions-card__content {
    padding: 24px;
  }
}
.feedback-container {
  width: 100%;
}

.feedback-opinion-summary__filter-tabs {
  align-items: center;
  border-bottom: 1px solid #ebf2f7;
  display: flex;
  justify-content: space-between;
  padding: 8px 24px;
}

@media (max-width: 768px) {
  .feedback-opinion-summary__filter-tabs {
    border-bottom: none;
    display: block;
    padding: 16px 0 0;
  }
}
@media (max-width: 768px) {
  .tab-feedback__summary__reactions {
    align-items: center;
    justify-content: space-around;
    margin-bottom: 16px;
  }
}
.tab-feedback__summary__reactions {
  display: flex;
  gap: 10px;
}

.tab-feedback__summary__reactions__item.__positive-reaction input[type=radio]:checked + label {
  border-radius: 4px;
  border: 1px solid #00b53f;
}
.tab-feedback__summary__reactions__item.__neutral-reaction input[type=radio]:checked + label {
  border-radius: 4px;
  border: 1px solid #fea03c;
}
.tab-feedback__summary__reactions__item.__negative-reaction input[type=radio]:checked + label {
  border-radius: 4px;
  border: 1px solid #ff0000;
}

.tab-feedback__summary__reactions__item {
  width: 75px;
  height: 55px;
  position: relative;
}

.tab-feedback__summary__reactions__item label,
.tab-feedback__summary__reactions__item input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.tab-feedback__summary__reactions__item input[type=radio] {
  opacity: 0;
  z-index: 1;
}

/*.tab-feedback__summary__reactions__item input[type="radio"]:checked + label {
    background: #20b8be;
    border-radius: 4px;
}*/
.tab-feedback__summary__reactions__item label {
  cursor: pointer;
  z-index: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: start;
}

.tab-feedback__summary__reactions__item.__positive-reaction label {
  color: #00b53f;
  border: 1px solid;
}
.tab-feedback__summary__reactions__item.__neutral-reaction label {
  color: #fea03c;
  border: 1px solid;
}
.tab-feedback__summary__reactions__item.__negative-reaction label {
  color: #ff0000;
  border: 1px solid;
}

.feedback-container__title {
  color: #283035;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  padding: 24px;
  text-align: left;
}

.feedback-container__title a {
  color: var(--zinga-primary);
  text-decoration: underline;
}
.feedback-container__title a:hover {
  text-decoration: none;
}

.feedback-list {
  margin-top: 30px;
  position: relative;
}

.user-dash-feedback-sec .single-feedback-main__container .feedback-list.reply-list {
  margin-left: 15%;
}
.user-dash-feedback-sec .single-feedback-main__container:before, .user-dash-feedback-sec .single-feedback-main__container:after {
  display: none;
}

.feedback-list .single-feedback-main__container:before {
  top: 14px;
  content: "";
  position: absolute;
  background: #fff;
  left: -5px;
  width: 10px;
  height: 10px;
  border: 3px solid var(--zinga-primary);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

.feedback-list .single-feedback-main__container:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  width: 1px;
  height: -webkit-fill-available;
  background: #c7cacb;
  position: absolute;
  left: 0;
  top: 17px;
}

.reply-list:before,
.reply-list:after {
  display: none;
}

.feedback-list li {
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.feedback-list li:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  width: 0;
}

.reply-list {
  clear: both;
  margin-left: 8%;
}

.feedback-list .feedback-avatar {
  background-color: #fff !important;
  background-position: 50% !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  height: 28px;
  position: relative;
  width: 28px;
  border-radius: 100%;
  margin-right: 8px;
}

.reply-list .feedback-avatar {
  width: 28px;
  height: 28px;
}

.feedback-main-level:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}

.feedback-main-level {
  margin-left: 12px;
}

.feedback-list .feedback-box {
  width: 100%;
  position: relative;
  background: #ebf2f7;
  border-radius: 8px;
  max-width: 540px;
}

.feedback-list .feedback-box:before,
.feedback-list .feedback-box:after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  display: block;
  border-width: 10px 12px 10px 0;
  border-style: solid;
  border-color: transparent #ebf2f7;
  top: 8px;
  left: -11px;
}

.feedback-list .feedback-box:before {
  border-width: 11px 13px 11px 0;
  border-color: transparent rgba(0, 0, 0, 0.05);
  left: -12px;
}

.reply-list .feedback-box {
  width: 100%;
}

.feedback-box .feedback-head {
  padding: 6px 12px;
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feedback-head.see-feedback-more {
  cursor: pointer;
}
.feedback-head.see-feedback-more:hover {
  background: rgba(96, 125, 139, 0.3215686275);
}

.ads-deal-feedback_item-image {
  background-color: #fff;
  background-size: cover;
  height: 85px;
  width: 100%;
  max-width: 100px;
  border-radius: 4px;
}

.ads-deal-feedback_item {
  display: flex;
  gap: 6px;
}

.ads-deal-feedback_item-content-top {
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: space-between;
}

.ads-deal-feedback_item-content-ad-title {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ads-deal-feedback {
  margin-bottom: 16px;
}

.feedback-box .feedback-name {
  color: #283035;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.feedback-head .feedback-icons {
  background: radial-gradient(circle, #fff 0%, #fff 55%, rgba(255, 255, 255, 0) 56%);
  font-size: 20px;
}

.feedback-head .postive-face-icon {
  color: #27ae60;
}

.feedback-head .negative-face-icon {
  color: var(--zinga-primary);
}

.feedback-head .neutral-face-icon {
  color: #fea03c;
}

.feedback-box .feedback-content {
  padding: 12px;
  font-size: 15px;
  color: #595959;
  -webkit-border-radius: 0 0 0px 0px;
  -moz-border-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

.feedback-content .feedback-item__comment {
  color: #28363e;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  position: relative;
  text-align: start;
  margin-bottom: 12px;
}

.feedback-form .form-control:focus {
  border-color: #27ae60 !important;
  outline: 0;
  box-shadow: none;
}

.feedback-box .feedback-footer {
  border-radius: 0 0 4px 4px;
  padding: 12px;
  width: 100%;
  background: transparent none repeat scroll 0 0;
}

.feedback-box .feedback-footer textarea {
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: normal;
  resize: none;
  overflow: hidden;
  min-height: 40px;
  border: none;
  border-radius: 8px;
  color: #000;
  padding: 10px 70px 10px 24px;
  white-space: pre-wrap;
  width: 100%;
}

.feedback-box .send-button,
.feedback-box .feedback-open {
  padding: 12px 0;
  background: transparent none repeat scroll 0 0;
}

.feedback-box .send-button .btn-send,
.feedback-box .feedback-open .btn-send {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff;
  padding: 6px 12px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
}

.pull-right.send-button {
  display: flex;
  justify-content: end;
  margin-top: 8px;
  padding-right: 0;
  padding-top: 0;
}

.feedback-box .send-button .btn-send,
.feedback-box .send-button .btn-send,
.feedback-box .feedback-open .btn-send {
  text-decoration: none;
}

.feedback-box .btn-reply, .like__feedback-comment {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 600;
  padding: 2px 5px;
}

.feedback-comment__like {
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 600;
}

.feedback-comment__like .feedback-com__like-inner {
  background: #27ae60;
  height: 17px;
  width: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.feedback-comment__like .feedback-com__like-inner span {
  color: #fff;
  font-size: 10px;
}

.feedback-box .feedback-name.by-user__customer {
  color: #00491f;
}

.feedback-box .feedback-name.by-user__seller {
  color: #28363e;
}

.is-a-seller {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 12px;
  border-radius: 4px;
  color: #27ae60 !important;
  border: 1px solid #27ae60;
  background: rgba(39, 174, 95, 0.2156862745);
}

.feedback-box .posted-time {
  text-align: start;
  font-size: inherit;
}

.feedback-box .feedback-footer {
  display: none;
}

@media (max-width: 768px) {
  .feedback-content .feedback-item__comment {
    font-size: 14px;
    line-height: 18px;
  }
  .feedback-container__title {
    font-size: 16px;
    line-height: normal;
    padding: 8px 12px;
  }
  .feedback-box .feedback-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.feedback-form-reply__inner {
  display: flex;
  align-items: center;
}

.feedback-form-reply__inner svg {
  color: var(--zinga-primary);
}

.feedback-item-reply__inner {
  flex: 1;
}

.feedback-item-reply__field {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}

.feedback-content__actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.feedback-content__actions > * {
  color: #6c8ea0;
}

.app-image-reader, .messenger-uploaded-image {
  margin-left: 8px;
}

.feedback-item-reply__file-input-button {
  bottom: auto;
  position: absolute !important;
  right: 25px;
}

.app-image-reader {
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 2px;
  overflow: hidden;
}

.app-image-reader input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Hide the image preview container initially */
.feedback-imgs-thumbs--hidden {
  display: none;
}

/* Style for image preview thumbnails */
.feedback-img-preview-thumb {
  width: 60px;
  height: auto;
  margin: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  object-fit: cover;
}

.feedback-submission-text-area {
  position: relative;
}
.feedback-submission-text-area .char-count {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 12px;
  color: #999;
}
.feedback-submission-text-area textarea.submit-feedback-textarea {
  border-radius: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 128px;
  line-height: 24px;
  outline: none;
  resize: none;
  width: 100%;
}

.feedback-img-upload .btn_upload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.feedback-img-upload .feedback-img-sec {
  display: flex;
  align-items: flex-start;
  margin-top: 10px !important;
}
.feedback-img-upload .btn_upload input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  filter: alpha(opacity=1);
  -moz-opacity: 0;
  opacity: 0;
}
.feedback-img-upload .it {
  height: 50px;
  margin-left: 10px;
}
.feedback-img-upload .btn-rmv1 {
  display: none;
}
.feedback-img-upload .rmv {
  cursor: pointer;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #fff;
  display: inline-block;
  background: rgb(255, 0, 0);
  margin: -5px -10px;
}
.feedback-img-upload .rmv:hover {
  background: rgba(255, 0, 0, 0.5);
}
.feedback-img-upload .upload-icon {
  align-items: center;
  background-color: #99b2bf;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: 0 0 50px;
  height: 50px;
  justify-content: center;
  transition: background 0.3s;
  width: 50px;
}
.feedback-img-upload .upload-icon:hover {
  background: #27ae60 !important;
}

.feedback-emotion-state .btn-check:checked + .btn-outline-success {
  background-color: #00b53f;
  color: white;
}
.feedback-emotion-state .btn-check:checked + .btn-outline-warning {
  background-color: #fea03c;
  color: white;
}
.feedback-emotion-state .btn-check:checked + .btn-outline-danger {
  background-color: #32bb78;
  color: white;
}

.ratgeber ul {
  list-style-type: none;
  padding-left: 1.5em!important;
  text-indent: -1em;
  margin-top: 1em;
  margin-bottom: 1em!important;
}

.ratgeber ul li::before {
  font-family: 'Glyphicons Halflings';
  content: '\e080';
  position: relative;
  left: -10px;
  top: 1px;
  color: var(--zinga-primary);;
}
.ratgeber, .ratgeber table tr td {
  font-size: 14px;
  line-height: 1.5;
  color: #717171;
  letter-spacing: 0.1px;
}

.pac-container { z-index: 100000; }

.text ul {
  margin-bottom:10px;
}

.text ul li {
  margin-bottom:5px;
}