* {
  /* outline: 1px solid green; */
}

/* vertical middle line */
body::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  /* width: 1px; */
  /* background-color: red; */
  transform: translateX(-50%);
  z-index: 9999;
}

/* make element full width example */
.full-width-element {
  /* width: 100vw; */
  /* margin-top: 0 !important; */
  /* margin-left: calc(50% - 50vw); */
  /* margin-right: calc(50% - 50vw); */
}

@media (min-width: 1025px) {
  .full-width-element {
    /* side menu */
    /* margin-left: calc(50% - 50vw - (280px / 2)); */
    /* margin-right: calc(50% - 50vw - (280px / 2)); */
  }
}

/* make element full width example */

/* whole page width */
@media (min-width: 1200px) {
  .container {
    width: 85dvw !important;
  }
}

/* whole page width */

/* turning off icons in header login\signup buttons */
.ls-button-login::before,
.ls-button-signup::before {
  display: none !important;
}

/* turning off icons in header login\signup buttons */

/* content section start */
.about__section {
  text-align: justify;

  div {
    width: 100%;
    padding: 0;
  }

  ul {
    margin-bottom: 20px;
    margin-left: 10px;
  }

  div {
    margin-bottom: 10px;
  }

  table {
    margin-bottom: 10px;
  }

  table tr td,
  table tr th {
    border-bottom: 1px solid var(--text-color);
  }

  li::before {
    content: "•";
    margin-right: 5px;
    color: var(--theme-color);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th {
    color: var(--theme-color);
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: unset;
  }

  ul,
  ol,
  li,
  td,
  p {
    color: var(--text-color);
    font-family: unset;
    font-size: 13px;
    font-weight: 400;
  }

  p {
    margin-bottom: 10px;
  }

  div::-webkit-scrollbar-thumb,
  div::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--theme-color) 50%, transparent);
  }
}

/* content section end */

/* for extra content (f.e.: rank math)  start*/
h1,
h2,
h3,
h4,
h5,
h6,
th {
  color: var(--theme-color) !important;
  font-weight: 600 !important;
  font-family: unset !important;
}
ul,
ol,
li,
td,
p {
  color: var(--text-color) !important;
  font-family: unset !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* for extra content (f.e.: rank math) end */

/* top menu */
/* padding for menu in desktop mode */
@media (max-width: 767px) {
  .main-header .site-logo img {
    padding: 15px 10px 15px 0 !important;
  }
}

/* logo */
.main-header .container .wrapp-header .main-nav {
  padding: 0 25px !important;
}

/* text color */
.main-nav .menu > li > a > span {
  color: color-mix(in srgb, var(--text-color) 100%, transparent) !important;
}
.main-nav .menu > li > a:hover > span {
  color: color-mix(in srgb, var(--theme-color) 100%, transparent) !important;
}
/* top menu */

/* listbox categories */
.listbox-nodir {
  .placeholder {
  }

  .listbox-item a {
    flex-direction: row;
    justify-content: center;
    column-gap: 5px;
  }

  /* icon color */
  .listbox-item[class*="listbox-fonticon-"] a::before {
    color: var(--text-color);
  }

  .listbox-item span {
    font-size: clamp(10px, 8cqw, 16px);
    color: var(--theme-color);
  }
  .listbox-item a:hover span {
    color: var(--text-color);
  }
  @media (min-width: 768px) {
    .listbox-item span {
      font-size: clamp(9px, 9cqw, 16px);
    }
    .listbox-item a {
      column-gap: 7.5px;
    }
  }

  .listbox-item a {
    background-color: color-mix(in srgb, var(--theme-color) 0%, transparent);
  }

  .listbox-item[class*="listbox-fonticon-"] a::before {
    font-size: clamp(14px, 12cqw, 20px) !important;
  }
}
/* listbox categories */

/* titlebar */
a.titlebar-title:before {
  content: "";
  display: inline-flex;
  color: var(--theme-color);
  margin-right: 7.5px;
  width: 5px;
  height: clamp(16px, 4.5dvw, 25px);
  border: 3px solid var(--theme-color);
  border-radius: 15px;
}
/* titlebar */

/* listbox payments */
.listbox-wrapper.payments {
  .placeholder {
  }
  .listbox-item a {
    background-color: color-mix(
      in srgb,
      var(--theme-color) 10%,
      transparent
    ) !important;
    padding: clamp(10px, 10cqw, 15px);
  }

  .listbox-item[class*="listbox-img-"] img {
    filter: drop-shadow(2px 3px 4px black) brightness(1.25) contrast(1.25) !important;
  }
}
/* listbox payments */

/* listbox providers */
.listbox-wrapper.providers {
  .listbox-item a {
    background-color: color-mix(
      in srgb,
      var(--theme-color) 10%,
      transparent
    ) !important;
  }
}
/* listbox providers */

/* footer menu */
h4[class^="pre-footer-"][class$="-title"] {
  display: none !important;
}
/* footer menu */

/* mobile menu */
@media (max-width: 1024px) {
  .menu-p-menu-container li.menu-item[class*="p-menu-li-"] a::before {
    display: none !important;
  }
}
/* mobile menu */

/* mobnavbar */
.basel-toolbar-item > a:before {
  font-weight: 100 !important;
}
/* mobnavbar */

/* withdrawal */
div.withdrawal-wrapper .withdraw-payment-icon {
  filter: drop-shadow(2px 3px 4px black) contrast(0.9) brightness(0.9);
}
/* withdrawal */