/*
[Master Stylesheet]

Template Name: Funto - HTML NFT Marketplace
Template Author: Designing World
Template Author URL: https://themeforest.net/user/designing-world
Version: 1.2.0
*/
/*
[Table of Contents]
    Google Fonts
    Template Responsive
    Template Variables
    Basic Styles
        + Reboot CSS
        + Shortcodes CSS
    Components Styles
            + Preloader CSS
            + Header CSS
            + Hero CSS
            + Footer CSS
            + NFT CSS
            + About CSS
            + Tab CSS
            + Feedback CSS
            + Blog CSS
            + CTA CSS
            + Breadcrumb CSS
            + Item details CSS
            + Help CSS
            + Error CSS
            + Register CSS
            + Contact CSS
            + Dashboard CSS
            + Dark CSS

[font-family]
'DM', sans-serif;
*/
/* Import fonts & SCSS files */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
* {
  margin: 0;
  padding: 0;
}

body,
html {
  font-family: "DM Sans", sans-serif;
  color: #8480ae;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
  color: #574207;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1px;
}

p {
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
}

a,
a:hover,
a:focus {
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #1f0757;
}

img {
  max-width: 100%;
  height: auto;
}

input:required,
textarea:required {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input:invalid,
textarea:invalid {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Container */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 320px;
}

@media (min-width: 400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 360px;
  }
}
@media (min-width: 480px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 420px;
  }
}
@media (min-width: 576px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 550px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1240px;
  }
}
.admin-wrapper .container {
  max-width: 320px;
}
@media (min-width: 400px) {
  .admin-wrapper .container {
    max-width: 360px;
  }
}
@media (min-width: 480px) {
  .admin-wrapper .container {
    max-width: 420px;
  }
}
@media (min-width: 576px) {
  .admin-wrapper .container {
    max-width: 550px;
  }
}
@media (min-width: 768px) {
  .admin-wrapper .container {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .admin-wrapper .container {
    max-width: 690px;
  }
}
@media (min-width: 1200px) {
  .admin-wrapper .container {
    max-width: 900px;
  }
}
@media (min-width: 1400px) {
  .admin-wrapper .container {
    max-width: 1110px;
  }
}

/* Spacing */
.mt-120 {
  margin-top: 70px;
}
@media only screen and (min-width:992px) {
  .mt-120 {
    margin-top: 120px;
  }
}

.mb-120 {
  margin-bottom: 70px;
}
@media only screen and (min-width:992px) {
  .mb-120 {
    margin-bottom: 120px;
  }
}

.mt-70 {
  margin-top: 50px;
}
@media only screen and (min-width:992px) {
  .mt-70 {
    margin-top: 70px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-70 {
  margin-bottom: 50px;
}
@media only screen and (min-width:992px) {
  .mb-70 {
    margin-bottom: 70px;
  }
}

.mb-80 {
  margin-bottom: 50px;
}
@media only screen and (min-width:992px) {
  .mb-80 {
    margin-bottom: 80px;
  }
}

.mb-100 {
  margin-bottom: 70px;
}
@media only screen and (min-width:992px) {
  .mb-100 {
    margin-bottom: 100px;
  }
}

.pt-120 {
  padding-top: 70px;
}
@media only screen and (min-width:992px) {
  .pt-120 {
    padding-top: 120px;
  }
}

.pb-120 {
  padding-bottom: 70px;
}
@media only screen and (min-width:992px) {
  .pb-120 {
    padding-bottom: 120px;
  }
}

/* Box Shadow */
.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(47, 91, 234, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(47, 91, 234, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(47, 91, 234, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(47, 91, 234, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem #2f5bea2d !important;
          box-shadow: 0 1rem 3rem rgba(47, 91, 234, 0.175) !important;
}

.tooltip {
  font-weight: 500;
}
.tooltip .tooltip-arrow {
  display: none;
}

.tooltip-inner {
  max-width: 240px;
  padding: 0.5rem 0.875rem;
  background-color: #1f0757;
  border-radius: 0.5rem;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-16 {
  font-size: 16px !important;
}

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

.fz-12 {
  font-size: 12px !important;
}

.z-index-1000 {
  z-index: 1000 !important;
}

.divider {
  margin-bottom: 69px !important;
  display: block;
  width: 100%;
  height: 1px;
}
@media only screen and (min-width:992px) {
  .divider {
    margin-bottom: 119px !important;
  }
}

.form-check-input {
  border-width: 2px;
}

.btn {
  font-weight: 500;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
@media only screen and (min-width:768px) {
  .btn {
    padding: 0.625rem 1.25rem;
  }
}
@media only screen and (min-width:992px) {
  .btn {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 0.375rem 0.75rem;
  font-size: 14px;
}
@media only screen and (min-width:768px) {
  .btn-group-sm > .btn,
  .btn-sm {
    padding: 0.437rem 0.875rem;
  }
}
@media only screen and (min-width:992px) {
  .btn-group-sm > .btn,
  .btn-sm {
    padding: 0.5rem 1.25rem;
  }
}

.btn-link:hover, .btn-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-minimal {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent;
}
.btn-minimal:hover, .btn-minimal:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}
.btn-minimal.btn-primary {
  color: #0d6efd;
}
.btn-minimal.btn-secondary {
  color: #6c757d;
}
.btn-minimal.btn-success {
  color: #198766;
}
.btn-minimal.btn-warning {
  color: #ffd607;
}
.btn-minimal.btn-danger {
  color: #dc4135;
}
.btn-minimal.btn-info {
  color: #0db7f0;
}
.btn-minimal.btn-dark {
  color: #1f0757;
}

.hover-primary:hover {
  color: #0d6efd !important;
}

.hover-secondary:hover {
  color: #6c757d !important;
}

.hover-success:hover {
  color: #198766 !important;
}

.hover-warning:hover {
  color: #ffd607 !important;
}

.hover-danger:hover {
  color: #dc4135 !important;
}

.hover-info:hover {
  color: #0db7f0 !important;
}

.bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-overlay {
  position: relative;
  z-index: 1;
}
.bg-overlay::after {
  position: absolute;
  content: "";
  background-color: #030205;
  opacity: 0.76;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.bg-gray {
  background-color: #efeffd !important;
}

.bg-text-gray {
  background-color: #c2d4f8 !important;
}

textarea.form-control {
  min-height: calc(8em + 0.75rem + 2px);
}

.section-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 3rem;
}
.section-heading h2 {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.625rem;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media only screen and (min-width:768px) {
  .section-heading h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width:992px) {
  .section-heading h2 {
    font-size: 2.125rem;
  }
}
@media only screen and (min-width:1200px) {
  .section-heading h2 {
    font-size: 2.5rem;
  }
}
.section-heading p {
  margin-bottom: 0;
}
@media only screen and (min-width:992px) {
  .section-heading p {
    font-size: 20px;
  }
}

table {
  min-width: 650px;
}

.card {
  border-color: #ebebeb;
  border-radius: 1rem;
}
.card .card-body {
  padding: 1.25rem 1.25rem;
}

.card-img-top {
  border-top-left-radius: calc(1rem - 1px);
  border-top-right-radius: calc(1rem - 1px);
}

.border,
.border-start,
.border-end,
.border-bottom,
.border-top {
  border-color: #ebebeb !important;
}

.border-dashed {
  border-top: 2px dashed #ebebeb !important;
}

#scrollTopButton {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  z-index: 9999;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #9992ac;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5rem;
  color: #ffffff;
  cursor: pointer;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
@media only screen and (min-width:992px) {
  #scrollTopButton {
    width: 2rem;
    height: 2rem;
    bottom: 2rem;
    right: 2rem;
    font-size: 1.375rem;
  }
}
#scrollTopButton.scrolltop-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#scrollTopButton.scrolltop-hide {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

.funto-pagination .page-item .page-link {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  border: 0;
  text-align: center;
  padding: 0;
  margin: 0 0.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #1f0757;
  background-color: #efeffd;
}
.funto-pagination .page-item.active .page-link {
  background-color: #0d6efd;
  color: #ffffff;
  font-weight: 700;
}

.modal-backdrop {
  background-color: #030205;
}
.modal-backdrop.show {
  opacity: 0.85;
}

.share-modal .modal-dialog {
  max-width: 400px;
}
.share-modal .modal-dialog .modal-content {
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: 2px solid #c2d4f8;
}

.zoom-img,
.zoom-img-wrap {
  z-index: 9999 !important;
}

.coming-soon-wrapper {
  min-width: 100vw;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.coming-soon-wrapper .cs-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.coming-soon-wrapper .cs-content .bid-ends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}
.coming-soon-wrapper .cs-content .bid-ends div {
  border: 2px solid rgba(255, 255, 255, 0.125);
  border-radius: 0.5rem;
  width: 100px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0 0.5rem;
}
.coming-soon-wrapper .cs-content .bid-ends div span {
  display: block;
  font-size: 1rem;
}
.coming-soon-wrapper .cs-content .bid-ends div span:nth-child(1) {
  font-size: 1.5rem;
  color: #ffd607;
  font-weight: 700;
}
.coming-soon-wrapper .cs-content h2 {
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #ffd607;
  color: transparent;
}

.notification-list li {
  list-style: none;
  margin-bottom: 0.375rem;
}
.notification-list li:last-child {
  margin-bottom: 0;
}
.notification-list li a {
  white-space: normal;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem 1rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.notification-list li a i {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.5rem;
          flex: 0 0 1.5rem;
  max-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #c2d4f8;
  border-radius: 0.375rem;
  color: #ffffff;
  line-height: 1.5rem;
  text-align: center;
}
.notification-list li a:hover, .notification-list li a:focus {
  color: #0d6efd;
}

.dark-light-mode {
  position: relative;
  z-index: 1;
}
.dark-light-mode input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}
.dark-light-mode label {
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-indent: -999999999rem;
  width: 90px;
  height: 30px;
  background-color: #ffd607;
  display: block;
  border-radius: 50rem;
  background-image: url("img/core-img/day.jpg");
  background-size: cover;
  background-position: center center;
}
.dark-light-mode input:checked + label {
  background-color: #4108c4;
  background-image: url("img/core-img/night.jpg");
  background-size: cover;
  background-position: center center;
}
.dark-light-mode label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.dark-light-mode input:checked + label::after {
  left: calc(100% - 5px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.dark-light-mode label:active::after {
  width: 30px;
}

.dark-light-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #0d6efd;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  top: 0;
  left: 0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.header-area {
  position: fixed;
  width: 100%;
  z-index: 1020;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  border-bottom: 1px solid #ebebeb;
  top: 0;
  left: 0;
}
.header-area.mobile-menu-open {
  background-color: #ffffff;
}
.header-area.sticky-on {
  -webkit-box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
          box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
  background-color: #ffffff;
}
.header-area .navbar-toggler {
  padding: 0;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.5rem;
  color: #1f0757;
}
.header-area .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header-area .navbar-nav-scroll {
  max-height: 50vh !important;
}
.header-area .navbar {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar {
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.header-area .navbar .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1rem;
  line-height: 1 !important;
}
.header-area .navbar .navbar-brand > img {
  max-height: 35px;
}
@media only screen and (min-width:992px) {
  .header-area .navbar .navbar-brand > img {
    max-height: 60px;
  }
}
@media only screen and (min-width:992px) {
  .header-area .navbar .navbar-brand {
    margin-right: 1rem;
  }
}
@media only screen and (min-width:1200px) {
  .header-area .navbar .navbar-brand {
    margin-right: 2.5rem;
  }
}
.header-area .navbar .navbar-brand .dark-logo {
  display: none;
}
.header-area .navbar-nav li > a {
  display: inline-block;
  color: #1f0757;
  font-weight: 500;
  font-size: 16px;
  padding: 0.375rem 0.75rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li > a {
    font-size: 18px;
  }
}
@media only screen and (min-width:1200px) {
  .header-area .navbar-nav li > a {
    padding: 1rem 1.25rem;
  }
}
.header-area .navbar-nav li > a:hover, .header-area .navbar-nav li > a:focus {
  color: #5a189a;
}
.header-area .navbar-nav li .ft-dd-menu {
  list-style: none;
  background-color: #c77dff;
  position: relative;
  z-index: 100;
  top: 100%;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  display: none;
  padding-left: 0;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .ft-dd-menu {
    padding: 1rem 0;
    -webkit-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
    position: absolute;
    top: calc(100% + 8px);
    width: 13rem;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    display: block;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 0 1rem 3rem #3c096c;
            box-shadow: 0 1rem 3rem #3c096c;
  }
}
.header-area .navbar-nav li .ft-dd-menu li > a {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  position: relative;
  font-size: 16px;
  padding: 0.375rem 1rem;
  color: #3c096c;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .ft-dd-menu li > a {
    padding: 0.375rem 1.5rem;
  }
}
.header-area .navbar-nav li .ft-dd-menu li > a:hover, .header-area .navbar-nav li .ft-dd-menu li > a:focus {
  background-color: transparent;
  color: #5a189a;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li .ft-dd-menu li > a:hover, .header-area .navbar-nav li .ft-dd-menu li > a:focus {
    color: #5a189a;
  }
}
.header-area .navbar-nav li.ft-dd {
  position: relative;
  z-index: 1;
}
.header-area .navbar-nav li.ft-dd .dropdown-toggler {
  position: absolute;
  width: 100%;
  height: 36px;
  z-index: 100;
  background-color: transparent;
  color: #3c096c;
  top: 2px;
  cursor: pointer;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 14px;
  padding-right: 0.75rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd .dropdown-toggler {
    display: none;
  }
}
.header-area .navbar-nav li.ft-dd > a {
  position: relative;
  padding-right: 1.5rem;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd > a::after {
    position: absolute;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0.5rem;
    content: "\f282";
    font-family: bootstrap-icons !important;
    font-size: 12px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    line-height: 1;
  }
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd:hover .ft-dd-menu, .header-area .navbar-nav li.ft-dd:focus .ft-dd-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
}
.header-area .navbar-nav li.ft-dd .ft-dd .dropdown-toggler {
  right: 1rem;
}
.header-area .navbar-nav li.ft-dd .ft-dd > a {
  position: relative;
  padding-right: 1.375rem;
  width: 100%;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd .ft-dd > a::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.25rem;
    content: "\f285";
    font-family: bootstrap-icons !important;
    font-size: 12px;
  }
}
.header-area .navbar-nav li.ft-dd .ft-dd .ft-dd-menu {
  display: none;
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd .ft-dd .ft-dd-menu {
    margin-left: 0.5rem;
    top: -8px;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    display: block;
  }
}
@media only screen and (min-width:992px) {
  .header-area .navbar-nav li.ft-dd .ft-dd:hover .ft-dd-menu, .header-area .navbar-nav li.ft-dd .ft-dd:focus .ft-dd-menu {
    visibility: visible;
    opacity: 1;
  }
}
.header-area .navbar-nav li:hover a, .header-area .navbar-nav li:focus a {
  color: #5a189a;
}
.header-area .navbar-nav li:hover.ft-dd > a::after, .header-area .navbar-nav li:focus.ft-dd > a::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  top: calc(50% - 4px);
}
.header-area .header-meta .search-form {
  z-index: 100;
}
/* 1) Right-side items ka gap chhota */
.header-meta { gap: 1px; }           /* pehle 12px tha */

/* 2) Search input ko responsive width + icon ke liye andar space */
.header-area .header-meta .search-form .form-control{
  width: clamp(100px, 18vw, 360px);  /* mobile se desktop tak fluid */
  padding-right: 5.2rem;             /* icon ke liye jagah */
  height: 40px;
  border-radius: 8px;
}

/* 3) Desktop pe thodi si badi width ok */
@media (min-width:1200px){
  .header-area .header-meta .search-form .form-control{
    width: clamp(220px, 10vw, 420px);
  }
}

/* 4) Icon ko thoda andar lao aur white circle hatao */
.header-area .header-meta .search-form button{
  right: .35rem;                     /* pehle .5rem tha */
  background: transparent;           /* white bg off */
  width: 28px; height: 28px;
}

.header-area .header-meta .search-form button {
  width: 30px;
  height: 30px;
  border: 0 !important;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 14px;
  color: #6247aa;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}
.header-area .header-meta .user-dropdown .user-btn {
  padding: 0;
  font-size: 1.25rem;
  color: #3c096c;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #efffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-area .header-meta .user-dropdown .user-btn::after {
  display: none;
}
.header-area .header-meta .user-dropdown .dropdown-menu {
  padding: 1rem 0;
  -webkit-transition: all 350ms ease-in;
  transition: all 350ms ease-in;
  width: 11rem;
  background-color: #ffffff;
  border: 2px solid #815ac0;
  -webkit-box-shadow: 0 1rem 3rem #3c096c(15, 30, 149, 0.175);
          box-shadow: 0 1rem 3rem #3c096c;
  border-radius: 0.5rem;
}
.header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item {
  white-space: normal;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 1rem;
}
.header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item i {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.5rem;
          flex: 0 0 1.5rem;
  max-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #b185db;
  border-radius: 0.375rem;
  color: #3c096c;
  line-height: 1.5rem;
  text-align: center;
}
.header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item:hover, .header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #ffffff;
}
.header-area .header-meta .user-dropdown .dropdown-menu.noti-dd-menu {
  width: 14rem;
}

.welcome-area {
  position: relative;
  z-index: 1;
  margin-top: 60px;
}
@media only screen and (min-width:992px) {
  .welcome-area {
    margin-top: 80px;
  }
}
.welcome-area .welcome-content h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: -2px;
}
@media only screen and (min-width:576px) {
  .welcome-area .welcome-content h2 {
    font-size: 2.625rem;
  }
}
@media only screen and (min-width:992px) {
  .welcome-area .welcome-content h2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width:1200px) {
  .welcome-area .welcome-content h2 {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
  }
}
.welcome-area .welcome-content p {
  font-size: 1rem;
}
@media only screen and (min-width:992px) {
  .welcome-area .welcome-content p {
    font-size: 1.5rem;
  }
}

.footer-area {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-top: 1px solid #ebebeb;
}
.footer-area::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
}
.footer-area .footer-bg-shape {
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 2;
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
.footer-area .dark-logo {
  display: none;
}
.footer-area .footer-widget-area.border-end {
  border-color: transparent !important;
}
@media only screen and (min-width:992px) {
  .footer-area .footer-widget-area.border-end {
    border-color: #ebebeb !important;
  }
}
.footer-area .footer-widget-area ul li a {
  color: #8480ae;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  display: block;
}
.footer-area .footer-widget-area ul li a:hover, .footer-area .footer-widget-area ul li a:focus {
  color: #5a189a;
}
.footer-area .footer-widget-area ul li:last-child a {
  margin-bottom: 0;
}
.footer-area .footer-widget-area .newsletter-form .form-control {
  border-radius: 0.75rem 0 0 0.75rem;
  border-color: #b185db;
  max-width: 400px;
}
.footer-area .footer-widget-area .newsletter-form .form-control:focus {
  border-color: #b185db;
}
.footer-area .footer-widget-area .newsletter-form button {
  border-radius: 0 0.75rem 0.75rem 0;
  max-height: 52px;
}
.footer-area .footer-social-icon > a {
  font-size: 1rem;
  color: #8480ae;
  margin-right: 0.75rem;
}
.footer-area .footer-social-icon > a:last-child {
  margin-right: 0;
}
.footer-area .footer-social-icon > a:hover, .footer-area .footer-social-icon > a:focus {
  color: #5a189a;
}
.footer-area .copywrite-text p {
  color: #3c096c;
  font-weight: 500;
}
.footer-area .copywrite-text p a {
  color: #7b2cbf;
}
.footer-area .footer-nav li {
  line-height: 1.5;
}
.footer-area .footer-nav li a {
  color: #3c096c;
  margin: 0 0.5rem;
}
@media only screen and (min-width:992px) {
  .footer-area .footer-nav li a {
    margin: 0 0.75rem;
  }
}
.footer-area .footer-nav li a:hover, .footer-area .footer-nav li a:focus {
  color: #7b2cbf;
}
.footer-area .footer-nav li:first-child a {
  margin-left: 0;
}
.footer-area .footer-nav li:last-child a {
  margin-right: 0;
}

.featured-nfts-wrap .tns-outer {
  position: relative;
  z-index: 1;
}
.featured-nfts-wrap .tns-controls {
  position: absolute;
  line-height: 1;
  top: -84px;
  right: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width:768px) {
  .featured-nfts-wrap .tns-controls {
    top: -87px;
  }
}
@media only screen and (min-width:992px) {
  .featured-nfts-wrap .tns-controls {
    top: -92px;
  }
}
.featured-nfts-wrap .tns-controls button {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 50%;
  color: #8480ae;
  font-size: 1.5rem;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.featured-nfts-wrap .tns-controls button i {
  line-height: 1;
}
.featured-nfts-wrap .tns-controls button:hover, .featured-nfts-wrap .tns-controls button:focus {
  background-color: #ffffff;
  color: #7b2cbf;
}

.nft-card {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
.nft-card .img-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.75rem;
}
.nft-card .img-wrap img {
  border-radius: 0.75rem;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.nft-card .img-wrap .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5rem;
  padding: 0.5rem 0.75rem;
  top: 1rem;
  left: 1rem;
  z-index: 10;
}
.nft-card .img-wrap .badge > img {
  width: 1rem;
  margin-right: 0.25rem;
}
.nft-card .img-wrap .dropdown {
  position: absolute;
  z-index: 10;
  top: 1rem;
  right: 1rem;
}
.nft-card .img-wrap .dropdown .dropdown-toggle {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background-color: rgba(255, 255, 255, 0.2);
  color: #8480ae;
}
.nft-card .img-wrap .dropdown .dropdown-toggle::after {
  display: none;
}
.nft-card .img-wrap .dropdown .dropdown-menu {
  width: 7.5rem;
  min-width: 2rem;
  border: 2px solid #ebebeb;
  border-radius: 0.5rem;
}
.nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item {
  font-size: 12px;
  font-weight: 500;
}
.nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item:hover, .nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #efeffd;
}
.nft-card .img-wrap .bid-ends {
  position: absolute;
  bottom: 1rem;
  background-color: #7b2cbf(13, 110, 253, 0.9);
  border-radius: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.375rem 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:576px) {
  .nft-card .img-wrap .bid-ends {
    padding: 0.25rem 0.75rem;
  }
}
@media only screen and (min-width:768px) {
  .nft-card .img-wrap .bid-ends {
    padding: 0.375rem 1rem;
  }
}
.nft-card .img-wrap .bid-ends div {
  min-width: 32px;
  text-align: center;
  margin-right: 0.5rem;
}
@media only screen and (min-width:768px) {
  .nft-card .img-wrap .bid-ends div {
    margin-right: 0.75rem;
  }
}
.nft-card .img-wrap .bid-ends div:last-child {
  margin-right: 0;
}
.nft-card .img-wrap .bid-ends div span {
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  display: block;
}
.nft-card .img-wrap .bid-ends div span:nth-child(1) {
  font-size: 14px;
}
.nft-card .name-info .author-img {
  margin-right: 0.5rem;
  width: 2.25rem;
  max-width: 2.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.25rem;
          flex: 0 0 2.25rem;
}
.nft-card .name-info .author-img img {
  width: 100%;
  border-radius: 50%;
}
.nft-card .name-info .author-img i {
  border-radius: 50%;
  color: #ffffff;
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  right: 0;
  top: 0;
  z-index: 10;
}
.nft-card .name-info .name-author {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 2.25rem);
          flex: 0 0 calc(100% - 2.25rem);
  width: calc(100% - 2.25rem);
  max-width: calc(100% - 2.25rem);
}
.nft-card .name-info .name-author .author {
  color: #8480ae;
}
.nft-card .wishlist-btn {
  line-height: 1;
  border: 0;
  background-color: transparent;
  color: #3c096c;
}
.nft-card .wishlist-btn > i::before {
  content: "\f417";
}
.nft-card .wishlist-btn.active {
  color: #f5bd1f;
}
.nft-card .wishlist-btn.active > i::before {
  content: "\f415";
}
.nft-card:hover, .nft-card:focus {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.nft-card:hover .img-wrap > img, .nft-card:focus .img-wrap > img {
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
          transform: scale3d(1.2, 1.2, 1.2);
}
.nft-card.featured-card .img-wrap {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nft-card.featured-card .img-wrap img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.filters-button-group {
  margin-bottom: 37px;
}
.filters-button-group .btn {
  font-weight: 700;
  padding: 0.25rem 1rem;
  border-color: rgba(194, 212, 248, 0.3);
}
.filters-button-group .btn i {
  margin-right: 0.5rem;
}
.filters-button-group .btn.active {
  border-color: #7b2cbf !important;
  background-color: #7b2cbf;
  color: #ffffff;
}

.popular-collection-select {
  font-size: 1.625rem;
  border: 0;
  height: auto;
  line-height: inherit;
  padding-left: 12px;
  color: #198766;
  background-color: transparent;
  font-weight: 700;
}
@media only screen and (min-width:768px) {
  .popular-collection-select {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width:992px) {
  .popular-collection-select {
    font-size: 2.125rem;
  }
}
@media only screen and (min-width:1200px) {
  .popular-collection-select {
    font-size: 2.5rem;
  }
}
.popular-collection-select::after {
  width: 9px;
  height: 9px;
}
.popular-collection-select ul.list {
  margin-bottom: 0;
}
.popular-collection-select ul.list li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.popular-collection-select .option {
  font-size: 1.25rem;
}

@media only screen and (min-width:768px) {
  .top-seller-wrapper .col-12:nth-child(1) {
    border-right: 1px solid #ebebeb;
  }
}
@media only screen and (min-width:1200px) {
  .top-seller-wrapper .col-12:nth-child(2) {
    border-right: 1px solid #ebebeb;
  }
}

.catagory-card .card-body .col-6 img:last-child {
  margin-top: 0.25rem;
}

.process-wrapper {
  position: relative;
  z-index: 1;
}
.process-wrapper::after {
  position: absolute;
  width: 100%;
  height: 180px;
  top: calc(50% + 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: -2;
  content: "";
  background-color: #e0aaff;
}

.single-process-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.single-process-card img {
  max-height: 115px;
}
.single-process-card .step-number {
  line-height: 1;
  font-weight: 700;
  position: absolute;
  z-index: -1;
  font-size: 230px;
  left: -24px;
  bottom: -50px;
  color: #e0aaff;
}

.download-text h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: -2px;
}
@media only screen and (min-width:992px) {
  .download-text h2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width:1200px) {
  .download-text h2 {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
  }
}
.download-text p {
  font-size: 1rem;
}
@media only screen and (min-width:992px) {
  .download-text p {
    font-size: 1.5rem;
  }
}

.filter-select,
.filter-select2 {
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  font-weight: 700;
  border: 0;
  color: #1f0757;
  border-radius: 0.75rem;
  display: none;
}
.filter-select.nice-select,
.filter-select2.nice-select {
  display: block !important;
}
.filter-select:hover, .filter-select:focus, .filter-select.open,
.filter-select2:hover,
.filter-select2:focus,
.filter-select2.open {
  border-color: #7b2cbf;
}
.filter-select::after,
.filter-select2::after {
  height: 30px;
  width: 30px;
  margin-top: 0;
  right: 18px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  line-height: 26px;
  text-align: center;
  border: 2px solid #e0aaff;
  content: "\f282";
  font-family: bootstrap-icons !important;
  font-size: 12px !important;
  color: #3c096c;
}
.filter-select.open::after,
.filter-select2.open::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  content: "\f286";
}
.filter-select .nice-select-dropdown,
.filter-select2 .nice-select-dropdown {
  background-color: #ffffff;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 1rem 3rem #3c096c(15, 30, 150, 0.175);
          box-shadow: 0 1rem 3rem #3c096c(15, 30, 150, 0.175);
  border: 2px solid #c2d4f8;
  width: 100%;
}
.filter-select .nice-select-dropdown .list,
.filter-select2 .nice-select-dropdown .list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.filter-select .nice-select-dropdown .option,
.filter-select2 .nice-select-dropdown .option {
  color: #3c096c;
}
.filter-select .nice-select-dropdown .option.focus,
.filter-select .nice-select-dropdown .option.selected.focus,
.filter-select .nice-select-dropdown .option:hover,
.filter-select2 .nice-select-dropdown .option.focus,
.filter-select2 .nice-select-dropdown .option.selected.focus,
.filter-select2 .nice-select-dropdown .option:hover {
  background-color: transparent;
  font-weight: 700;
}
.filter-select .nice-select-search-box,
.filter-select2 .nice-select-search-box {
  padding: 16px 16px 0;
  border-radius: 5px 5px 0 0;
}
.filter-select .nice-select-search-box .nice-select-search,
.filter-select2 .nice-select-search-box .nice-select-search {
  border: 0;
  border-radius: 6px;
  color: #3c096c;
  min-height: 40px;
  background-color: #ebd9fc;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  padding: 3px 5px;
  color: #1f0757;
  font-size: 12px;
  line-height: 1;
  background-color: #efeffd;
}

.irs--flat .irs-line {
  height: 20px;
  background-color: #efeffd;
}

.irs--flat .irs-bar {
  height: 20px;
  background-color: #7b2cbf;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  font-size: 12px;
  line-height: 1;
  padding: 3px 5px;
  background-color: #7b2cbf;
}

.irs--flat .irs-handle > i:first-child {
  display: none !important;
}

.irs--flat .irs-from::before,
.irs--flat .irs-to::before,
.irs--flat .irs-single::before {
  border-top-color: #0d6efd;
}

.irs {
  font-family: "DM Sans", sans-serif;
}

.table > :not(:first-child) {
  border-top: 0px solid currentColor;
}

.activity-table,
.ranking-table {
  border-radius: 1rem;
  scrollbar-width: thin;
}
.activity-table thead,
.ranking-table thead {
  background-color: #efeffd;
}
.activity-table thead th,
.ranking-table thead th {
  vertical-align: middle;
  padding: 0.375rem 0.75rem;
}
@media only screen and (min-width:768px) {
  .activity-table thead th,
  .ranking-table thead th {
    padding: 0.625rem 1rem;
  }
}
@media only screen and (min-width:992px) {
  .activity-table thead th,
  .ranking-table thead th {
    padding: 1rem 1.5rem;
  }
}
.activity-table tbody th,
.activity-table tbody td,
.ranking-table tbody th,
.ranking-table tbody td {
  vertical-align: middle;
  color: #1f0757;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
}
@media only screen and (min-width:768px) {
  .activity-table tbody th,
  .activity-table tbody td,
  .ranking-table tbody th,
  .ranking-table tbody td {
    padding: 0.625rem 1rem;
  }
}
@media only screen and (min-width:992px) {
  .activity-table tbody th,
  .activity-table tbody td,
  .ranking-table tbody th,
  .ranking-table tbody td {
    padding: 1rem 1.5rem;
  }
}
.activity-table tbody th img,
.activity-table tbody td img,
.ranking-table tbody th img,
.ranking-table tbody td img {
  max-width: 1.75rem;
}
.activity-table tbody th i,
.activity-table tbody td i,
.ranking-table tbody th i,
.ranking-table tbody td i {
  margin-right: 0.25rem;
}
.activity-table tbody tr,
.ranking-table tbody tr {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.activity-table tbody tr:hover,
.ranking-table tbody tr:hover {
  background-color: #efeffd;
}

.explore-items-2-wrapper {
  padding-left: 2%;
  padding-right: 2%;
}
@media only screen and (min-width:768px) {
  .explore-items-2-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only screen and (min-width:1400px) {
  .explore-items-2-wrapper {
    padding-left: 6%;
    padding-right: 6%;
  }
}

.create-new-form {
  border-radius: 0.75rem;
}
.create-new-form .form-control[type=file] {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.create-new-form .form-control::-webkit-file-upload-button {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  padding: 14px 32px;
  margin: 0 0.75rem 0 0;
  color: #ffffff;
  background-color: #1f0757;
  border-inline-end-width: 0;
  border-radius: 0.75rem;
}
.create-new-form .form-control::file-selector-button {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  padding: 14px 32px;
  margin: 0 0.75rem 0 0;
  color: #ffffff;
  background-color: #1f0757;
  border-inline-end-width: 0;
  border-radius: 0.75rem;
}
.create-new-form .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #0d6efd;
}
.create-new-form .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #0d6efd;
}
.create-new-form .filter-select2 {
  line-height: 46px;
}

.wallet-card {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.wallet-card .img-wrap {
  margin-right: 1rem;
}
.wallet-card .img-wrap img {
  max-height: 60px;
  border-radius: 0.25rem;
}
.wallet-card:hover, .wallet-card:focus {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.about-card {
  text-align: center;
}
.about-card .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #1f0757;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #ffffff;
  border-radius: 0.75rem;
}
.about-card .icon i {
  font-size: 2rem;
}
.about-card .icon img {
  max-width: 2.5rem;
}

.counter-wrap {
  border-radius: 0.75rem;
}

.tab--area {
  border-radius: 0.75rem;
}
.tab--area .nav-tabs {
  width: 100%;
  margin-bottom: 2rem;
  border: 0;
}
.tab--area .nav-tabs .nav-item {
  margin-bottom: 0;
}
.tab--area .nav-tabs .nav-item .nav-link {
  border: none;
  text-align: center;
  font-size: 1rem;
  border-radius: 6px;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  color: #1f0757;
  background-color: #ffffff;
  margin-right: 1rem;
}
.tab--area .nav-tabs .nav-item .nav-link.active {
  background-color: #0d6efd;
  color: #ffffff;
}

.feedback-card {
  background-color: #efeffd;
  border: 0 !important;
}
.feedback-card .client-info .client-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  max-width: 40px;
  width: 40px;
}
.feedback-card .ratings > i {
  margin-right: 0.125rem;
}

.client-feedback-content .tns-nav {
  margin-top: 1rem;
  text-align: center;
}
.client-feedback-content .tns-nav button {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  border: 0;
  outline: none;
  width: 0.875rem;
  height: 0.5rem;
  background-color: #efeffd;
  margin: 0 0.25rem;
  border-radius: 0.25rem;
}
.client-feedback-content .tns-nav button.tns-nav-active {
  background-color: #0d6efd;
}

.blog-card .img-wrap {
  border-radius: 0.75rem;
}
.blog-card .img-wrap img {
  border-radius: 0.75rem;
}
.blog-card .post-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-card p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.popular-blog {
  margin-bottom: 2rem;
}
.popular-blog:last-child {
  margin-bottom: 0;
}
.popular-blog .post-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popular-blog .post-title h5 {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
.popular-blog .post-title span {
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  max-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 700;
  color: #1f0757;
  background-color: #ffd607;
  margin-right: 1rem;
  display: inline-block;
  text-align: center;
  line-height: 2.5rem;
}

.blog-details-wrap img {
  border-radius: 0.75rem;
}

.comment-wrapper {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.comment-wrapper .comment-content {
  margin-bottom: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-wrapper .comment-content .comment-author {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  max-width: 48px;
  margin-right: 1rem;
  border-radius: 50%;
  height: 48px;
}
.comment-wrapper .comment-content .comment-author img {
  border-radius: 50%;
}
.comment-wrapper .comment-content .comment-meta {
  border-left: 1px solid #ebebeb;
  padding-left: 1rem;
}
.comment-wrapper .comment-content .comment-meta p {
  font-size: 18px;
  margin-bottom: 0.25rem;
}
.comment-wrapper .comment-content .comment-meta .author {
  display: block;
  font-size: 16px;
  margin-bottom: 0.5rem;
}
.comment-wrapper .comment-content .comment-meta a.like,
.comment-wrapper .comment-content .comment-meta a.reply {
  display: inline-block;
  font-weight: 700;
  color: #8480ae;
  margin-right: 0.5rem;
  font-size: 14px;
}
.comment-wrapper .comment-content .comment-meta a.like i,
.comment-wrapper .comment-content .comment-meta a.reply i {
  margin-right: 0.25rem;
}
.comment-wrapper .comment-content .comment-meta a.like:focus, .comment-wrapper .comment-content .comment-meta a.like:hover,
.comment-wrapper .comment-content .comment-meta a.reply:focus,
.comment-wrapper .comment-content .comment-meta a.reply:hover {
  color: #0d6efd;
}
.comment-wrapper .children {
  margin-left: 50px;
}
.comment-wrapper .children .single-comment:last-of-type {
  margin-bottom: 0;
}

.cta-text {
  border-radius: 0.75rem;
}
.cta-text h2 {
  font-size: 1.5rem;
  color: #ffffff;
}
@media only screen and (min-width:576px) {
  .cta-text h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width:768px) {
  .cta-text h2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width:1200px) {
  .cta-text h2 {
    font-size: 2.5rem;
  }
}

.breadcrumb-wrapper {
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width:992px) {
  .breadcrumb-wrapper {
    margin-top: 80px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.breadcrumb-wrapper .breadcrumb-title {
  margin-bottom: 0;
  font-size: 1.25rem;
}
@media only screen and (min-width:768px) {
  .breadcrumb-wrapper .breadcrumb-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width:992px) {
  .breadcrumb-wrapper .breadcrumb-title {
    font-size: 1.75rem;
  }
}
.breadcrumb-wrapper .breadcrumb-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.breadcrumb-wrapper .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  line-height: 1;
  font-weight: 700;
  color: #1f0757;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
  font-size: 1rem;
  color: #1f0757;
  line-height: 1;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
  color: #0d6efd;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active {
  color: #0d6efd;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #1f0757;
  content: "\f285";
  font-family: bootstrap-icons !important;
  font-size: 0.75rem;
  position: relative;
  top: 3px;
}

.item-big-thumb > img {
  border-radius: 0.75rem;
}

.wishlist-btn {
  line-height: 1;
  border: 0;
  color: #ffffff;
  top: 2rem;
  right: 2rem;
  z-index: 10;
}
.wishlist-btn span {
  font-weight: 700;
}
.wishlist-btn > i::before {
  content: "\f417";
}
.wishlist-btn.active {
  color: #dc4135;
}
.wishlist-btn.active > i::before {
  content: "\f415";
}

.item-details-content {
  position: relative;
  z-index: 1;
}
.item-details-content .item-details-dd {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
}
.item-details-content .item-details-dd .dropdown-toggle {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 0;
  background-color: #c2d4f8;
}
.item-details-content .item-details-dd .dropdown-toggle::after {
  display: none;
}
.item-details-content .item-details-dd .dropdown-menu {
  padding: 1rem 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  width: 10rem;
  background-color: #ffffff;
  border: 2px solid #c2d4f8;
  -webkit-box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
          box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
  border-radius: 0.5rem;
}
.item-details-content .item-details-dd .dropdown-menu .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
}
.item-details-content .item-details-dd .dropdown-menu .dropdown-item:hover, .item-details-content .item-details-dd .dropdown-menu .dropdown-item:focus {
  background-color: #efeffd;
}
.item-details-content .author-img img {
  max-height: 3rem;
  border-radius: 50%;
}
.item-details-content .author-img i {
  color: #ffffff;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  line-height: 1rem;
  z-index: 5;
  top: 0;
  right: 0;
}
.item-details-content .bid-ends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-details-content .bid-ends > div {
  display: block;
  border: 2px solid #ebebeb;
  color: #1f0757;
  padding: 0.375rem 0.625rem;
  border-radius: 0.75rem;
  margin-right: 1rem;
  min-width: 55px;
  text-align: center;
}
@media only screen and (min-width:576px) {
  .item-details-content .bid-ends > div {
    min-width: 80px;
    padding: 0.375rem 1rem;
  }
}
.item-details-content .bid-ends > div:last-child {
  margin-right: 0;
}
.item-details-content .bid-ends > div span {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (min-width:576px) {
  .item-details-content .bid-ends > div span {
    font-size: 20px;
  }
}
.item-details-content .bid-ends > div span:last-child {
  font-size: 16px;
}

img[data-action=zoom] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 999;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  border-radius: 0.75rem;
}

.zoom-overlay {
  z-index: 420;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.zoom-overlay-open .zoom-overlay {
  opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}

.zoom-overlay-transitioning .zoom-overlay {
  opacity: 0;
}

.related-project-area .tns-outer {
  position: relative;
  z-index: 1;
}
.related-project-area .tns-controls {
  position: absolute;
  line-height: 1;
  top: -84px;
  right: 0;
  z-index: 10;
}
@media only screen and (min-width:768px) {
  .related-project-area .tns-controls {
    top: -87px;
  }
}
@media only screen and (min-width:992px) {
  .related-project-area .tns-controls {
    top: -92px;
  }
}
.related-project-area .tns-controls button {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 50%;
  color: #8480ae;
  font-size: 1.5rem;
  background-color: transparent;
}
.related-project-area .tns-controls button:hover {
  background-color: #efeffd;
  color: #0d6efd;
}

.author-top-content {
  margin-top: 60px;
}
@media only screen and (min-width:992px) {
  .author-top-content {
    margin-top: 80px;
  }
}
.author-top-content .author-thumbnail {
  position: relative;
  z-index: 1;
}
.author-top-content .author-thumbnail i {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 1;
  z-index: 10;
  font-size: 2rem;
  color: #ffd607;
}
.author-top-content .author-dd {
  position: absolute;
  z-index: 10;
  top: 3rem;
  right: 1rem;
}
.author-top-content .author-dd .dropdown-toggle {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 0;
  background-color: #c2d4f8;
}
.author-top-content .author-dd .dropdown-toggle::after {
  display: none;
}
.author-top-content .author-dd .dropdown-menu {
  padding: 1rem 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  width: 10rem;
  background-color: #ffffff;
  border: 2px solid #c2d4f8;
  -webkit-box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
          box-shadow: 0 1rem 3rem rgba(15, 30, 150, 0.175);
  border-radius: 0.5rem;
}
.author-top-content .author-dd .dropdown-menu .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
}
.author-top-content .author-dd .dropdown-menu .dropdown-item:hover, .author-top-content .author-dd .dropdown-menu .dropdown-item:focus {
  background-color: #efeffd;
}

.help-form form {
  position: relative;
  z-index: 1;
}
.help-form form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2px;
  width: 48px;
  height: 30px;
  border: 0;
  border-radius: 0 0.75rem 0.75rem 0;
  z-index: 10;
  background-color: transparent;
  color: #1f0757;
  border-left: 2px solid #ebebeb;
}

.support-catagory-card a {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.support-catagory-card a h6 {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  font-size: 1.25rem;
}
.support-catagory-card a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.support-catagory-card a:hover h6 {
  color: #0d6efd;
}
.support-catagory-card a span {
  font-size: 14px;
  color: #8480ae;
  display: block;
}

.funto-error-area {
  margin-top: 80px;
}

.register-form {
  position: relative;
  z-index: 1;
}
.register-form .form-group {
  position: relative;
  z-index: 1;
}
.register-form .form-group label {
  position: absolute;
  text-align: center;
  z-index: 100;
  border-radius: 50%;
  top: 0;
  right: 15px;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 0;
}
.register-form .form-group label span {
  font-size: 12px;
  font-weight: 700;
  line-height: 52px;
}
.register-form .form-group label.label-psswd {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  right: 1.25rem;
  z-index: 10;
}
.register-form button {
  border-radius: 0.75rem;
}

.form-control {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  height: 52px;
  font-size: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #1f0757;
  border-radius: 0.75rem;
  border: 2px solid #ebebeb;
}
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #0d6efd;
}

.maps-wrap {
  position: relative;
  z-index: 1;
  border-radius: 0.75rem;
}
.maps-wrap iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 0.75rem;
}
@media only screen and (min-width:992px) {
  .maps-wrap iframe {
    height: 600px;
  }
}

textarea.form-control {
  height: auto;
}

.dashboard-header,
.dashboard-footer,
.admin-wrapper {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  width: calc(100% - 0px);
  margin-left: 0;
}
@media only screen and (min-width:992px) {
  .dashboard-header,
  .dashboard-footer,
  .admin-wrapper {
    width: calc(100% - 252px);
    margin-left: 252px;
  }
}

.admin-sidebar-wrap {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -300px;
  width: 252px;
  height: 100%;
  z-index: 1200;
  border-right: 1px solid #ebebeb;
}
.admin-sidebar-wrap .overflowY-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 1.5rem;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  height: 100vh;
}
@media only screen and (min-width:992px) {
  .admin-sidebar-wrap {
    left: 0;
  }
}

.user-profile .user-name img {
  max-width: 4rem;
  border-radius: 0.75rem;
}

.sidenav ul {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 0;
}
.sidenav ul li {
  text-decoration: none;
  list-style: none;
  display: block;
  margin-bottom: 1.5rem;
  line-height: 1;
  font-size: 14px;
  color: #8480ae;
}
.sidenav ul li a {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  color: #8480ae;
  font-size: 14px;
}
.sidenav ul li a i {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  font-size: 18px;
  margin-right: 0.75rem;
  color: #1f0757;
}
.sidenav ul li a::after {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0d6efd;
  top: 50%;
  left: -1rem;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.sidenav ul li a.active, .sidenav ul li a:hover, .sidenav ul li a:focus {
  color: #0d6efd;
}
.sidenav ul li a.active i, .sidenav ul li a:hover i, .sidenav ul li a:focus i {
  color: #0d6efd;
}
.sidenav ul li a.active::after, .sidenav ul li a:hover::after, .sidenav ul li a:focus::after {
  opacity: 1;
}
.sidenav ul li:last-child {
  margin-bottom: 0;
}

.admin-wrapper {
  margin-top: 63px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #efeffd;
  min-height: calc(100vh - 81px);
}
@media only screen and (min-width:992px) {
  .admin-wrapper {
    margin-top: 81px;
  }
}

.create-new-button a {
  position: fixed;
  z-index: 100;
  right: 2rem;
  bottom: 2rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: 50%;
  line-height: 3rem;
  text-align: center;
}

.dashboard-hero-card {
  z-index: 5;
}
.dashboard-hero-card::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -5;
  background-color: #0d6efd;
  content: "";
  border-radius: 1rem;
  opacity: 0.8;
}

.dashboard-table th,
.dashboard-table td {
  font-size: 14px;
}
.dashboard-table th a,
.dashboard-table td a {
  font-size: 14px;
}

.top-authors-slide a,
.top-buyer-slide a {
  border-radius: 50%;
  display: block;
  border: 4px solid #c2d4f8;
}
.top-authors-slide a img,
.top-buyer-slide a img {
  border-radius: 50%;
}

.top-author-slide-wrap,
.top-buyer-slide-wrap {
  position: relative;
  z-index: 1;
}
.top-author-slide-wrap .tns-controls,
.top-buyer-slide-wrap .tns-controls {
  position: absolute;
  top: -2.5rem;
  right: 0;
  z-index: 100;
}
.top-author-slide-wrap .tns-controls button,
.top-buyer-slide-wrap .tns-controls button {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  border: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #c2d4f8;
}
.top-author-slide-wrap .tns-controls button i,
.top-buyer-slide-wrap .tns-controls button i {
  line-height: 30px;
}
.top-author-slide-wrap .tns-controls button:nth-child(2),
.top-buyer-slide-wrap .tns-controls button:nth-child(2) {
  margin-left: 0.5rem;
}
.top-author-slide-wrap .tns-controls button:hover,
.top-buyer-slide-wrap .tns-controls button:hover {
  background-color: #0d6efd;
  color: #ffffff;
}

.dashboard-header .menu-toggler {
  border: 2px solid #ebebeb;
  padding: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width:992px) {
  .dashboard-header .menu-toggler {
    display: none;
  }
}
.dashboard-header .menu-toggler i {
  line-height: 1;
}
.dashboard-header .search-form {
  width: 7rem;
}
@media (min-width: 400px) {
  .dashboard-header .search-form {
    width: 10rem;
  }
}
@media (min-width: 768px) {
  .dashboard-header .search-form {
    width: 13rem;
  }
}
@media (min-width: 1200px) {
  .dashboard-header .search-form {
    width: 15rem;
  }
}
.dashboard-header .search-form .form-control {
  height: 46px;
}
.dashboard-header .search-form button {
  border: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background-color: transparent;
  width: 3rem;
  height: 2rem;
  z-index: 100;
  font-size: 18px;
  color: #8480ae;
}
.dashboard-header.sticky-on {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.dashboard-header-active .admin-sidebar-wrap {
  left: 0px;
}

[data-theme=__disabled_dark__] {
  background-color: #32013b;
}
[data-theme=__disabled_dark__] #preloader {
  background-color: #4a4e69;
}
[data-theme=__disabled_dark__] body {
  position: relative;
  background: url("https://i.ibb.co/FLJQtkfX/toolxox-com-kebo4c58-Qi.jpg") no-repeat center center fixed;
  background-size: cover;
  color: #c2d4f8;
  z-index: 0;
}

[data-theme=__disabled_dark__] body::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8); /* 👈 is value se control karo */
  z-index: -1; /* body content ke peeche rahega */
}


[data-theme=__disabled_dark__] h1,
[data-theme=__disabled_dark__] h2,
[data-theme=__disabled_dark__] h3,
[data-theme=__disabled_dark__] h4,
[data-theme=__disabled_dark__] h5,
[data-theme=__disabled_dark__] h6 {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] p,
[data-theme=__disabled_dark__] span,
[data-theme=__disabled_dark__] a,
[data-theme=__disabled_dark__] li {
  color: #8480ae;
}
[data-theme=__disabled_dark__] a {
  color: #8480ae;
}
[data-theme=__disabled_dark__] .form-control::-webkit-input-placeholder {
  color: #ebebeb;
  opacity: 0.4;
}
[data-theme=__disabled_dark__] .form-control::-moz-placeholder {
  color: #ebebeb;
  opacity: 0.4;
}
[data-theme=__disabled_dark__] .form-control:-ms-input-placeholder {
  color: #ebebeb;
  opacity: 0.4;
}
[data-theme=__disabled_dark__] .form-control::-ms-input-placeholder {
  color: #ebebeb;
  opacity: 0.4;
}
[data-theme=__disabled_dark__] .form-control::placeholder {
  color: #ebebeb;
  opacity: 0.4;
}
[data-theme=__disabled_dark__] .tooltip-inner {
  background-color: #0d6efd;
}
[data-theme=__disabled_dark__] .card {
  border-color: rgba(194, 212, 248, 0.1);
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .border,
[data-theme=__disabled_dark__] .border-start,
[data-theme=__disabled_dark__] .border-end,
[data-theme=__disabled_dark__] .border-bottom,
[data-theme=__disabled_dark__] .border-top {
  border-color: rgba(194, 212, 248, 0.15) !important;
}
[data-theme=__disabled_dark__] .border-dashed {
  border-top-color: rgba(194, 212, 248, 0.15) !important;
}
[data-theme=__disabled_dark__] .bg-gray {
  background-color: #1f0757 !important;
}
[data-theme=__disabled_dark__] .bg-white {
  background-color: rgba(194, 212, 248, 0.15) !important;
}
[data-theme=__disabled_dark__] .text-dark {
  color: #c2d4f8 !important;
}
[data-theme=__disabled_dark__] .bg-warning.text-dark,
[data-theme=__disabled_dark__] .bg-warning .text-dark,
[data-theme=__disabled_dark__] .bg-info.text-dark,
[data-theme=__disabled_dark__] .bg-info .text-dark {
  color: #1f0757 !important;
}
[data-theme=__disabled_dark__] .btn {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .btn.btn-warning {
  color: #1f0757;
}
[data-theme=__disabled_dark__] #scrollTopButton {
  background-color: #ffd607;
  color: #1f0757;
}
[data-theme=__disabled_dark__] .dashboard-header .menu-toggler {
  border-color: rgba(194, 212, 248, 0.2);
}
[data-theme=__disabled_dark__] .funto-pagination .page-item .page-link {
  color: #ffffff;
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .funto-pagination .page-item.active .page-link {
  background-color: #0d6efd;
  color: #ffffff;
}
[data-theme=__disabled_dark__] .share-modal .modal-dialog .modal-content {
  background-color: #0C153B;
  border-color: rgba(194, 212, 248, 0.2);
}
[data-theme=__disabled_dark__] .notification-list li a {
  background-color: #0C153B;
  color: #ffffff;
}
[data-theme=__disabled_dark__] .notification-list li a:hover, [data-theme=__disabled_dark__] .notification-list li a:focus {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .badge {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .badge.bg-warning {
  color: #030205;
}
[data-theme=__disabled_dark__] #mailHelp {
  color: #8480ae !important;
}
[data-theme=__disabled_dark__] .header-area {
  border-bottom-color: rgba(194, 212, 248, 0.1);
}
[data-theme=__disabled_dark__] .header-area.sticky-on {
  background-color: #1f0757;
}
[data-theme=__disabled_dark__] .header-area.mobile-menu-open {
  background-color: #1f0757;
}
[data-theme=__disabled_dark__] .header-area .navbar-toggler {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .header-area .navbar .navbar-brand .dark-logo {
  display: block;
}
[data-theme=__disabled_dark__] .header-area .navbar .navbar-brand .light-logo {
  display: none;
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li > a {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li > a:hover, [data-theme=__disabled_dark__] .header-area .navbar-nav li > a:focus {
  color: #0d6efd;
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu {
  background-color: rgba(194, 212, 248, 0);
}
@media only screen and (min-width:992px) {
  [data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu {
    background-color: #3a3b0c;
    border-color: rgba(194, 212, 248, 0.15);
  }
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu li > a {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu li > a:hover, [data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu li > a:focus {
  color: #ffd607;
}
@media only screen and (min-width:992px) {
  [data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu li > a:hover, [data-theme=__disabled_dark__] .header-area .navbar-nav li .ft-dd-menu li > a:focus {
    color: #0d6efd;
  }
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li.ft-dd .dropdown-toggler {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .header-area .navbar-nav li:hover a, [data-theme=__disabled_dark__] .header-area .navbar-nav li:focus a {
  color: #0d6efd;
}
[data-theme=__disabled_dark__] .header-area .header-meta .search-form button {
  background-color: transparent;
  color: #8480ae;
}
[data-theme=__disabled_dark__] .header-area .header-meta .user-dropdown .user-btn {
  color: #c2d4f8;
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .header-area .header-meta .user-dropdown .dropdown-menu {
  background-color: #0C153B;
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item:hover, [data-theme=__disabled_dark__] .header-area .header-meta .user-dropdown .dropdown-menu .dropdown-item:focus {
  background-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .footer-area {
  border-top-color: rgba(194, 212, 248, 0.1);
}
[data-theme=__disabled_dark__] .footer-area::after {
  background-color: #0C153B;
  opacity: 0.9;
}
[data-theme=__disabled_dark__] .footer-area .dark-logo {
  display: block;
}
[data-theme=__disabled_dark__] .footer-area .light-logo {
  display: none;
}
@media only screen and (min-width:992px) {
  [data-theme=__disabled_dark__] .footer-area .footer-widget-area.border-end {
    border-color: rgba(194, 212, 248, 0.15) !important;
  }
}
[data-theme=__disabled_dark__] .footer-area .footer-widget-area .newsletter-form .form-control {
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .footer-area .footer-widget-area .newsletter-form .form-control:focus {
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .footer-area .footer-social-icon > a:hover, [data-theme=__disabled_dark__] .footer-area .footer-social-icon > a:focus {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .footer-area .copywrite-text p {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .footer-area .copywrite-text p a {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .footer-area .footer-nav li a {
  color: #8480ae;
}
[data-theme=__disabled_dark__] .footer-area .footer-nav li a:hover, [data-theme=__disabled_dark__] .footer-area .footer-nav li a:focus {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .featured-nfts-wrap .tns-controls button:hover, [data-theme=__disabled_dark__] .featured-nfts-wrap .tns-controls button:focus {
  background-color: rgba(194, 212, 248, 0.15);
  color: #ffd607;
}
[data-theme=__disabled_dark__] .nft-card .img-wrap .dropdown .dropdown-menu {
  border-color: rgba(194, 212, 248, 0.15);
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item:hover, [data-theme=__disabled_dark__] .nft-card .img-wrap .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .nft-card .name-info .author-img i {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .nft-card .name-info .name-author .author {
  color: #8480ae;
}
[data-theme=__disabled_dark__] .nft-card .wishlist-btn {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .nft-card .wishlist-btn.active {
  color: #dc4135;
}
[data-theme=__disabled_dark__] .popular-collection-select {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .popular-collection-select .option.focus,
[data-theme=__disabled_dark__] .popular-collection-select .option.selected.focus,
[data-theme=__disabled_dark__] .popular-collection-select .option:hover {
  background-color: transparent !important;
}
[data-theme=__disabled_dark__] .top-seller-wrapper .col-12 {
  border-right-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .process-wrapper::after {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .single-process-card .step-number {
  color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .filter-select,
[data-theme=__disabled_dark__] .filter-select2 {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .filter-select:hover, [data-theme=__disabled_dark__] .filter-select:focus, [data-theme=__disabled_dark__] .filter-select.open,
[data-theme=__disabled_dark__] .filter-select2:hover,
[data-theme=__disabled_dark__] .filter-select2:focus,
[data-theme=__disabled_dark__] .filter-select2.open {
  border-color: #0d6efd;
}
[data-theme=__disabled_dark__] .filter-select::after,
[data-theme=__disabled_dark__] .filter-select2::after {
  border-color: rgba(194, 212, 248, 0.2);
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .filter-select .nice-select-dropdown,
[data-theme=__disabled_dark__] .filter-select2 .nice-select-dropdown {
  background-color: #0C153B;
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .filter-select .nice-select-dropdown .option,
[data-theme=__disabled_dark__] .filter-select2 .nice-select-dropdown .option {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .irs--flat .irs-min,
[data-theme=__disabled_dark__] .irs--flat .irs-max {
  color: #ffffff;
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .irs--flat .irs-line {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] tbody,
[data-theme=__disabled_dark__] td,
[data-theme=__disabled_dark__] tfoot,
[data-theme=__disabled_dark__] th,
[data-theme=__disabled_dark__] thead,
[data-theme=__disabled_dark__] tr {
  border-color: rgba(194, 212, 248, 0.1);
}
[data-theme=__disabled_dark__] .table > :not(caption) > * > * {
  background-color: transparent;
}
[data-theme=__disabled_dark__] .activity-table thead,
[data-theme=__disabled_dark__] .ranking-table thead {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .activity-table thead th,
[data-theme=__disabled_dark__] .ranking-table thead th {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .activity-table tbody,
[data-theme=__disabled_dark__] .ranking-table tbody {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .activity-table tbody th,
[data-theme=__disabled_dark__] .activity-table tbody td,
[data-theme=__disabled_dark__] .ranking-table tbody th,
[data-theme=__disabled_dark__] .ranking-table tbody td {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .activity-table tbody tr:hover,
[data-theme=__disabled_dark__] .ranking-table tbody tr:hover {
  background-color: #1f0757;
}
[data-theme=__disabled_dark__] .tab--area .nav-tabs .nav-item .nav-link {
  color: #ffffff;
  background-color: #1f0757;
}
[data-theme=__disabled_dark__] .tab--area .nav-tabs .nav-item .nav-link.active {
  background-color: #0d6efd;
  color: #ffffff;
}
[data-theme=__disabled_dark__] .nav-tabs .nav-item.show .nav-link,
[data-theme=__disabled_dark__] .nav-tabs .nav-link.active {
  color: #c2d4f8;
  background-color: #1f0757;
}
[data-theme=__disabled_dark__] .form-check-input {
  background-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .feedback-card {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .client-feedback-content .tns-nav button {
  background-color: #c2d4f8;
}
[data-theme=__disabled_dark__] .client-feedback-content .tns-nav button.tns-nav-active {
  background-color: #ffd607;
}
[data-theme=__disabled_dark__] .comment-wrapper {
  border-bottom-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .comment-wrapper .comment-content .comment-meta {
  border-left-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .comment-wrapper .comment-content .comment-meta a.like:focus, [data-theme=__disabled_dark__] .comment-wrapper .comment-content .comment-meta a.like:hover,
[data-theme=__disabled_dark__] .comment-wrapper .comment-content .comment-meta a.reply:focus,
[data-theme=__disabled_dark__] .comment-wrapper .comment-content .comment-meta a.reply:hover {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .breadcrumb-wrapper {
  border-bottom-color: rgba(194, 212, 248, 0.1);
}
[data-theme=__disabled_dark__] .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
  color: #0d6efd;
}
[data-theme=__disabled_dark__] .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .item-details-content .item-details-dd .dropdown-toggle {
  background-color: rgba(194, 212, 248, 0.15);
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .item-details-content .item-details-dd .dropdown-menu {
  background-color: #0C153B;
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .item-details-content .item-details-dd .dropdown-menu .dropdown-item {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .item-details-content .item-details-dd .dropdown-menu .dropdown-item:hover, [data-theme=__disabled_dark__] .item-details-content .item-details-dd .dropdown-menu .dropdown-item:focus {
  background-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .item-details-content .bid-ends > div {
  border-color: rgba(194, 212, 248, 0.15);
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .related-project-area .tns-controls button:hover {
  background-color: rgba(194, 212, 248, 0.15);
  color: #ffd607;
}
[data-theme=__disabled_dark__] .author-top-content .author-dd .dropdown-toggle {
  background-color: rgba(194, 212, 248, 0.15);
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .author-top-content .author-dd .dropdown-menu {
  background-color: #0C153B;
  border-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .author-top-content .author-dd .dropdown-menu .dropdown-item {
  color: #ffffff;
}
[data-theme=__disabled_dark__] .author-top-content .author-dd .dropdown-menu .dropdown-item:hover, [data-theme=__disabled_dark__] .author-top-content .author-dd .dropdown-menu .dropdown-item:focus {
  background-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .help-form form button {
  color: #ffd607;
  border-left-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .support-catagory-card a:hover h6 {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .form-control {
  color: #c2d4f8;
  border-color: rgba(194, 212, 248, 0.15);
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .form-control:focus {
  border-color: rgba(194, 212, 248, 0.4);
}
[data-theme=__disabled_dark__] .admin-sidebar-wrap {
  background-color: #0C153B;
  border-right-color: rgba(194, 212, 248, 0.15);
}
[data-theme=__disabled_dark__] .sidenav ul li {
  color: #8480ae;
}
[data-theme=__disabled_dark__] .sidenav ul li a {
  color: #8480ae;
}
[data-theme=__disabled_dark__] .sidenav ul li a i {
  color: #c2d4f8;
}
[data-theme=__disabled_dark__] .sidenav ul li a::after {
  background-color: #ffd607;
}
[data-theme=__disabled_dark__] .sidenav ul li a.active, [data-theme=__disabled_dark__] .sidenav ul li a:hover, [data-theme=__disabled_dark__] .sidenav ul li a:focus {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .sidenav ul li a.active i, [data-theme=__disabled_dark__] .sidenav ul li a:hover i, [data-theme=__disabled_dark__] .sidenav ul li a:focus i {
  color: #ffd607;
}
[data-theme=__disabled_dark__] .admin-wrapper {
  background-color: #030205;
}
[data-theme=__disabled_dark__] .dashboard-hero-card::after {
  background-color: #0d6efd;
}
[data-theme=__disabled_dark__] .top-author-slide-wrap .tns-controls button,
[data-theme=__disabled_dark__] .top-buyer-slide-wrap .tns-controls button {
  background-color: rgba(194, 212, 248, 0.15);
  color: #8480ae;
}
[data-theme=__disabled_dark__] .top-author-slide-wrap .tns-controls button:hover,
[data-theme=__disabled_dark__] .top-buyer-slide-wrap .tns-controls button:hover {
  background-color: #0d6efd;
  color: #ffffff;
}
[data-theme=__disabled_dark__] .dashboard-header .search-form button {
  background-color: transparent;
  color: #8480ae;
}
[data-theme=__disabled_dark__] .nice-select .nice-select-dropdown {
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .filter-select,
[data-theme=__disabled_dark__] .filter-select2 {
  color: #c2d4f8;
  background-color: #0C153B;
}
[data-theme=__disabled_dark__] .app-btn-groups button {
  border: 1px solid rgba(194, 212, 248, 0.15);
  border-radius: 0.5rem;
}
[data-theme=__disabled_dark__] .register-card p a,
[data-theme=__disabled_dark__] .register-form .form-group label.label-psswd {
  color: #ffffff;
}


/* ========= Beluga – Sticky Navbar (Full CSS) ========= */
:root{
  --nav-h: 50px;
  --nav-bg: rgb(5, 52, 105);    /* dark glassy */
  --nav-bg-solid: rgba(133, 123, 28, 0.98);
  --nav-stroke: rgba(255,255,255,.10);
  --nav-stroke-strong: rgba(255,255,255,.14);
  --nav-text: #ffffff;
  --nav-text-strong: #ffffff;
  --nav-shadow: 0 6px 16px rgba(11, 177, 108, 0.25);
  --nav-shadow-strong: 0 10px 24px rgba(129, 6, 6, 0.32);
  --radius-lg: 12px;
}

/* ===== Sticky Navbar ===== */
.header-area{
  position: sticky;      /* stick to viewport */
  top: 0;
  z-index: 1200;         /* upar rahe */
  background: rgb(71, 88, 197);   /* dark glass bg */
  -webkit-backdrop-filter: saturate(160%) blur(8px);
  backdrop-filter: saturate(160%) blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Scroll hone par thoda strong bg & shadow */
.header-area.scrolled{
  background: rgba(15,18,37,.98);
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
  border-bottom-color: rgba(255,255,255,.12);
}

/* Optional: body ke top par content chipak na jaye */
body{ scroll-padding-top: 72px; }   /* approx navbar height */


/* Navbar spacing */
.header-area .navbar{ padding:.65rem 0; }
.header-area .navbar-brand img{ height:34px; width:auto; display:block; }

/* Nav links */
.header-area .navbar-nav{ gap:.35rem; }
.header-area .navbar-nav > li > a{
  color: var(--nav-text);
  padding:.55rem .85rem;
  border-radius: 10px;
  font-weight:600;
  text-decoration:none;
}
.header-area .navbar-nav > li > a:hover,
.header-area .navbar-nav > li > a.active{
  color: var(--nav-text-strong);
  background: rgba(255,255,255,.06);
}

/* Dropdown */
.header-area .ft-dd{ position:relative; }
.header-area .ft-dd-menu{
  position:absolute; left:0; top:calc(100% + 8px);
  min-width: 220px;
  background:#0f1225;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:.45rem 0;
  display:none;
  box-shadow:0 14px 36px rgba(0,0,0,.35);
}
.header-area .ft-dd:hover > .ft-dd-menu{ display:block; }
.header-area .ft-dd-menu a{
  display:block; padding:.55rem 1rem; color:#cdd6ff; text-decoration:none;
  white-space:nowrap;
}
.header-area .ft-dd-menu a:hover{ background:rgba(255,255,255,.06); color:#fff; }

/* Right side (search + theme + wallet) */
.header-meta{ margin: left 100px;; display:flex; align-items:center; gap:-240px; }

.search-form{ position:relative; width:clamp(180px, -20vw, 560px); }
.search-input{
  height:var(--nav-h);
  border-radius:var(--radius-lg);
  background:#101528; color:#e8ebff;
  border:1px solid rgba(255,255,255,.08);
  padding:.6rem 40px .6rem 14px; width:100%;
}
.search-form .bi-search{
  position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#98a0c6;
  pointer-events:none;
}

/* Wallet button */
#walletActionBtn{
  height:var(--nav-h); min-width:170px; border-radius:var(--radius-lg);
  border:1px solid #274067; background:#1a2742; color:#fff; font-weight:700; padding:.35rem 1rem;
}
#walletActionBtn.btn-success{ background:#1f7b40; border-color:#1f7b40; }

/* Theme switch (both variants supported) */
/* ToggleDot variant (moving dot) */
#toggleDot{ width:18px; height:18px; background:#fff; border-radius:50%; transition:transform .2s; }
#toggleDotWrap{ display:inline-flex; align-items:center; width:44px; height:26px;
  border-radius:20px; background:#2a3556; padding:4px; cursor:pointer; }
[data-theme="light"] #toggleDotWrap{ background:#4a9b3e; }

/* Checkbox variant (if you use #themeSwitch) */
.theme-switch{display:inline-flex; align-items:center;}
.theme-switch input{
  appearance:none;width:44px;height:26px;border-radius:20px;background:#2a3556;position:relative;cursor:pointer;
}
.theme-switch input:checked{ background:#4a9b3e; }
.theme-switch input::before{
  content:""; position:absolute; left:4px; top:4px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s;
}
.theme-switch input:checked::before{ transform:translateX(18px); }

/* Live search dropdown sizing (images small + consistent) */
.beluga-suggest{position:absolute;left:0;right:0;top:100%;
  background:#0f1225;border:1px solid rgba(255,255,255,.08);border-top:none;
  border-radius:0 0 12px 12px;max-height:420px;overflow:auto;z-index:3000;display:none;
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
.beluga-suggest.open{display:block}
.beluga-suggest .group{padding:6px 0;border-top:1px dashed rgba(255,255,255,.08)}
.beluga-suggest .title{font:600 11px/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;color:#9aa4ff;padding:8px 14px 6px}
.beluga-suggest .sg-row{display:flex;gap:10px;align-items:center;padding:10px 14px;cursor:pointer}
.beluga-suggest .sg-row:hover{background:rgba(255,255,255,.06)}
.beluga-suggest .sg-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;flex:0 0 40px;display:block}
.beluga-suggest .meta{display:flex;flex-direction:column;line-height:1.1}
.beluga-suggest .meta .name{color:#e8ebff;font-weight:600;font-size:14px}
.beluga-suggest .meta .sub{color:#9aa1c2;font-size:12px}

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px){
  .search-form{ width:clamp(220px, 46vw, 520px); }
}
@media (max-width: 991.98px){
  .header-area .navbar{ padding:.5rem 0; }
  .header-area .navbar-nav{ gap:0; }
  /* Dropdowns ko mobile pe inline bana do */
  .header-area .ft-dd-menu{ position:static; display:block; background:transparent;
    border:none; box-shadow:none; padding:0; }
  .header-area .ft-dd-menu a{ padding:.45rem 0; }
  .search-form{ width:clamp(210px, 64vw, 440px); }
}
@media (max-width: 575.98px){
  .search-input{ height:44px; }
  #walletActionBtn{ min-width:140px; height:44px; padding:.25rem .9rem; }
  .search-form{ width:clamp(180px, 64vw, 360px); }
}

/* Light theme adjustments */
[data-theme="light"] header.header-area{ background:#ffffffcc; border-bottom-color:rgba(0,0,0,.08); }
[data-theme="light"] header.header-area.scrolled{ background:#fff; border-bottom-color:rgba(0,0,0,.12); }
[data-theme="light"] .header-area .navbar-nav > li > a{ color:#2b2f3e; }
[data-theme="light"] .header-area .navbar-nav > li > a:hover,
[data-theme="light"] .header-area .navbar-nav > li > a.active{ color:#000; background:rgba(0,0,0,.06); }





/* Always-on-top navbar */
header.header-area {
  position: fixed;   /* sticky ke bajay fixed */
  top: 0; 
  left: 0; 
  right: 0;
  z-index: 2000;
  width: 100%;
  background: #ffffff;   /* White background */
  border-bottom: 1px solid #e0e0e0; /* halka sa border for separation */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* light shadow */
  backdrop-filter: blur(8px);
  transition: background .2s, box-shadow .2s, border-color .2s;
}


/* Scroll par strong bg/shadow */
header.header-area.scrolled{
  background: var(--nav-bg-solid);
  border-bottom-color: var(--nav-stroke-strong);
  box-shadow: var(--nav-shadow-strong);
}

/* Content ko header se neeche push karo (value JS se set hogi) */
body{ padding-top: var(--header-h, 72px); } /* fallback 72px */



/* ===== NAVBAR + SEARCH FINAL FIX (paste at END of style.css) ===== */

/* 1) Navbar container: proper flex */
.header-area .navbar .container{
  display:flex;
  align-items:center;
}

/* 2) Middle menu (Home, Dashboard…) ko beech me rakho */
.header-area .navbar-nav{
  margin-left: 40px;       /* zaroorat ho to 0–60px adjust */
  margin-right:auto;       /* left side se push hota hai -> center feel */
  display:flex;
  justify-content:center;
}

/* 3) Right group (.header-meta) ko halka sa left lao + spacing control */
.header-meta{
  margin-left: 10 !important;   /* ms-auto/ms-lg-auto ko nullify */
  margin-right: 2px !important;
  justify-content:flex-start;
  gap: 10px;                    /* buttons ke darmiyan distance */
  padding-right: 8px;
}
/* agar HTML me ms-auto / ms-lg-auto laga ho to force remove */
.header-meta.ms-auto,
.header-meta.ms-lg-auto{ margin-left: 0 !important; }

/* 4) Search input ke andar icon: input me space + button ka sahi right */
.header-area .header-meta .search-form{ position:relative; }

.header-area .header-meta .search-form .form-control{
  width: clamp(160px, 10vw, 50px);    /* apni marzi se badha sakte ho */
  height: 40px;
  border-radius: 8px;
  padding-right: 2.2rem;               /* <-- icon ki jagah */
}

.header-area .header-meta .search-form button{
  position:absolute;
  top: 50%;
  right: 1.5rem;                         /* <-- negative right hatao */
  transform: translateY(-50%);
  width: 18px; height: 28px;
  background: transparent;
  border: 0;
  display:flex; align-items:center; justify-content:center;
}



/* ================================
   WEB3 GLOBAL THEME  — drop-in
   Scope: html[data-theme="web3"]
   Paste at END of style.css
================================== */

/* 0) Bootstrap core vars override (for consistent components) */
html[data-theme="web3"] {
  /* Base surfaces */
  --bs-body-bg: #0a0f1d;
  --bs-body-color: #e7eefc;
  --bs-border-color: rgba(255,255,255,.10);

  /* Brand */
  --bs-primary: #6c7cff;         /* electric indigo */
  --bs-info: #00e0ff;            /* neon aqua */
  --bs-success: #22c55e;         /* connect/ok */
  --bs-warning: #f5b301;         /* premium gold */
  --bs-danger: #ff4d6d;

  /* Subtle backgrounds */
  --bs-dark: #0f162a;
  --bs-secondary-bg: #101a33;
  --bs-tertiary-bg: #0c1326;

  /* Focus ring */
  --bs-focus-ring-color: rgba(0, 224, 255, .35);
}

/* 1) Page backgrounds & text */
html[data-theme="web3"] body {
  background:
    radial-gradient(900px 600px at 80% -10%, rgba(0,224,255,.12), transparent 60%),
    radial-gradient(700px 500px at -20% -20%, rgba(108,124,255,.10), transparent 55%),
    #0a0f1d !important;                /* force over inline page styles */
  color: var(--bs-body-color) !important;
}

/* Kill per-page inline body backgrounds */
html[data-theme="web3"] body,
html[data-theme="web3"] .page,
html[data-theme="web3"] .section {
  background-color: transparent !important;
}

/* 2) Header / navbar */
html[data-theme="web3"] .header-area {
  background: linear-gradient(180deg, #0e2343 0%, #0c1832 100%) !important;
  border-bottom: 1px solid rgba(0,224,255,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.04);
}
html[data-theme="web3"] .navbar-nav > li > a {
  color: #e7eefc !important;
}
html[data-theme="web3"] .navbar-nav > li > a:hover,
html[data-theme="web3"] .navbar-nav > li > a.active {
  color: #00e0ff !important;
  text-shadow: 0 0 12px rgba(0,224,255,.45);
}

/* 3) Search (icon always inside) */
html[data-theme="web3"] .search-form { position: relative; display: inline-flex; align-items: center; }
html[data-theme="web3"] .search-form .form-control{
  height: 42px; min-width: 260px;
  border-radius: 12px;
  background: #0f1a33 !important;
  border: 1px solid #243053 !important;
  color: #e7eefc !important;
  padding: 2.5rem 2.6rem .5rem 1rem;     /* right pad for icon */
}
html[data-theme="web3"] .search-form .form-control::placeholder{ color:#9aa8d0 !important; }
html[data-theme="web3"] .search-form button{
  position:absolute; top:50%; right:.6rem; transform:translateY(-50%);
  width:28px; height:28px; border:0; background:transparent; color:#a8b8e6;
}

/* 4) Buttons */
html[data-theme="web3"] .btn-primary{
  background: linear-gradient(135deg, #6c7cff, #3a57ff) !important;
  border: 0 !important; color: #fff !important;
  box-shadow: 0 8px 24px rgba(108,124,255,.32);
}
html[data-theme="web3"] .btn-warning{                      /* Create */
  background: #f5b301 !important; color:#0a0f1d !important;
  border: 0 !important; box-shadow: 0 8px 22px rgba(245,179,1,.35);
}
html[data-theme="web3"] #walletActionBtn,
html[data-theme="web3"] .btn-success{                      /* Connect/Disconnect */
  background: linear-gradient(135deg, #2bd67b, #22c55e) !important;
  border: 0 !important; color:#071015 !important;
  box-shadow: 0 8px 22px rgba(34,197,94,.35);
}

/* 5) Cards / dropdowns / inputs / tables */
html[data-theme="web3"] .card,
html[data-theme="web3"] .dropdown-menu,
html[data-theme="web3"] .form-control,
html[data-theme="web3"] .form-select,
html[data-theme="web3"] .modal-content,
html[data-theme="web3"] .offcanvas,
html[data-theme="web3"] .table,
html[data-theme="web3"] .breadcrumb-wrapper,
html[data-theme="web3"] .ft-dd-menu {
  background: #101a33 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--bs-body-color) !important;
  border-radius: 14px !important;
}
html[data-theme="web3"] .table tr{ border-color: rgba(255,255,255,.08) !important; }
html[data-theme="web3"] .dropdown-item{ color:#d6def7 !important; }
html[data-theme="web3"] .dropdown-item:hover{ background:#121f40 !important; color:#a9dfff !important; }

/* Breadcrumb / divider */
html[data-theme="web3"] .breadcrumb-wrapper .breadcrumb-title{ color:#e7eefc !important; }
html[data-theme="web3"] .divider, html[data-theme="web3"] hr { border-color: rgba(255,255,255,.08) !important; }

/* 6) Progress bars, badges */
html[data-theme="web3"] .progress{ background: rgba(255,255,255,.08) !important; border-radius: 10px; }
html[data-theme="web3"] .progress-bar{
  background: linear-gradient(90deg, #6c7cff, #00e0ff) !important;
  box-shadow: 0 0 18px rgba(0,224,255,.32);
}
html[data-theme="web3"] .badge.bg-primary{ background: #3a57ff !important; }

/* 7) Fix: pages with inline <style> setting body bg (#111, #0b0f1a etc.) */
html[data-theme="web3"] body,
html[data-theme="web3"] body * {
  /* ensure no dark blocks fight the theme */
  background-color: transparent;
}

/* 8) Minor utilities */
html[data-theme="web3"] .shadow, html[data-theme="web3"] .card:hover{
  box-shadow: 0 10px 35px rgba(0,0,0,.35), 0 0 18px rgba(0,224,255,.12) !important;
}





/* ================================
   WEB3 GLOBAL THEME  — drop-in
   Scope: html[data-theme="web3"]
   Paste at END of style.css
================================== */

/* 0) Bootstrap core vars override (for consistent components) */
html[data-theme="web3"] {
  /* Base surfaces */
  --bs-body-bg: #0a0f1d;
  --bs-body-color: #e7eefc;
  --bs-border-color: rgba(255,255,255,.10);

  /* Brand */
  --bs-primary: #6c7cff;         /* electric indigo */
  --bs-info: #00e0ff;            /* neon aqua */
  --bs-success: #22c55e;         /* connect/ok */
  --bs-warning: #f5b301;         /* premium gold */
  --bs-danger: #ff4d6d;

  /* Subtle backgrounds */
  --bs-dark: #0f162a;
  --bs-secondary-bg: #101a33;
  --bs-tertiary-bg: #0c1326;

  /* Focus ring */
  --bs-focus-ring-color: rgba(0, 224, 255, .35);
}

/* 1) Page backgrounds & text */
html[data-theme="web3"] body {
  background:
    radial-gradient(900px 600px at 80% -10%, rgba(0,224,255,.12), transparent 60%),
    radial-gradient(700px 500px at -20% -20%, rgba(108,124,255,.10), transparent 55%),
    #0a0f1d !important;                /* force over inline page styles */
  color: var(--bs-body-color) !important;
}

/* Kill per-page inline body backgrounds */
html[data-theme="web3"] body,
html[data-theme="web3"] .page,
html[data-theme="web3"] .section {
  background-color: transparent !important;
}

/* 2) Header / navbar */
html[data-theme="web3"] .header-area {
  background: linear-gradient(180deg, #0e2343 0%, #0c1832 100%) !important;
  border-bottom: 1px solid rgba(0,224,255,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.04);
}
html[data-theme="web3"] .navbar-nav > li > a {
  color: #e7eefc !important;
}
html[data-theme="web3"] .navbar-nav > li > a:hover,
html[data-theme="web3"] .navbar-nav > li > a.active {
  color: #00e0ff !important;
  text-shadow: 0 0 12px rgba(0,224,255,.45);
}

/* 3) Search (icon always inside) */
html[data-theme="web3"] .search-form { position: relative; display: inline-flex; align-items: center; }
html[data-theme="web3"] .search-form .form-control{
  height: 42px; min-width: 260px;
  border-radius: 12px;
  background: #0f1a33 !important;
  border: 1px solid #243053 !important;
  color: #e7eefc !important;
  padding: .5rem 2.6rem .5rem 1rem;     /* right pad for icon */
}
html[data-theme="web3"] .search-form .form-control::placeholder{ color:#9aa8d0 !important; }
html[data-theme="web3"] .search-form button{
  position:absolute; top:50%; right:.6rem; transform:translateY(-50%);
  width:28px; height:28px; border:0; background:transparent; color:#a8b8e6;
}

/* 4) Buttons */
html[data-theme="web3"] .btn-primary{
  background: linear-gradient(135deg, #6c7cff, #3a57ff) !important;
  border: 0 !important; color: #fff !important;
  box-shadow: 0 8px 24px rgba(108,124,255,.32);
}
html[data-theme="web3"] .btn-warning{                      /* Create */
  background: #f5b301 !important; color:#0a0f1d !important;
  border: 0 !important; box-shadow: 0 8px 22px rgba(245,179,1,.35);
}
html[data-theme="web3"] #walletActionBtn,
html[data-theme="web3"] .btn-success{                      /* Connect/Disconnect */
  background: linear-gradient(135deg, #2bd67b, #22c55e) !important;
  border: 0 !important; color:#071015 !important;
  box-shadow: 0 8px 22px rgba(34,197,94,.35);
}

/* 5) Cards / dropdowns / inputs / tables */
html[data-theme="web3"] .card,
html[data-theme="web3"] .dropdown-menu,
html[data-theme="web3"] .form-control,
html[data-theme="web3"] .form-select,
html[data-theme="web3"] .modal-content,
html[data-theme="web3"] .offcanvas,
html[data-theme="web3"] .table,
html[data-theme="web3"] .breadcrumb-wrapper,
html[data-theme="web3"] .ft-dd-menu {
  background: #101a33 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--bs-body-color) !important;
  border-radius: 14px !important;
}
html[data-theme="web3"] .table tr{ border-color: rgba(255,255,255,.08) !important; }
html[data-theme="web3"] .dropdown-item{ color:#d6def7 !important; }
html[data-theme="web3"] .dropdown-item:hover{ background:#121f40 !important; color:#a9dfff !important; }

/* Breadcrumb / divider */
html[data-theme="web3"] .breadcrumb-wrapper .breadcrumb-title{ color:#e7eefc !important; }
html[data-theme="web3"] .divider, html[data-theme="web3"] hr { border-color: rgba(255,255,255,.08) !important; }

/* 6) Progress bars, badges */
html[data-theme="web3"] .progress{ background: rgba(255,255,255,.08) !important; border-radius: 10px; }
html[data-theme="web3"] .progress-bar{
  background: linear-gradient(90deg, #6c7cff, #00e0ff) !important;
  box-shadow: 0 0 18px rgba(0,224,255,.32);
}
html[data-theme="web3"] .badge.bg-primary{ background: #3a57ff !important; }

/* 7) Fix: pages with inline <style> setting body bg (#111, #0b0f1a etc.) */
html[data-theme="web3"] body,
html[data-theme="web3"] body * {
  /* ensure no dark blocks fight the theme */
  background-color: transparent;
}

/* 8) Minor utilities */
html[data-theme="web3"] .shadow, html[data-theme="web3"] .card:hover{
  box-shadow: 0 10px 35px rgba(0,0,0,.35), 0 0 18px rgba(0,224,255,.12) !important;
}





/* Mobile navbar buttons ko chhota karo */
@media (max-width: 767px) {
  .header-meta .btn {
    padding: 0.35rem 0.75rem;   /* chhoti padding */
    font-size: 13px;           /* text size chhoti */
    border-radius: 6px;        /* halka rounded */
  }

  .header-meta .search-form .form-control {
    height: 2px;              /* search bar chhoti */
    font-size: 2px;
  }

  .header-meta .search-form button {
    width: 0px;
    height: 0px;
    font-size: 0px;
  }
}

/* Hide search bar on mobile */
@media (max-width: 767px) {
  .header-meta .search-form {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   Hostinger inspired custom colour scheme & wallet button overrides

   The project is being re‑skinned to match Hostinger’s purple palette and to
   provide a consistent dark/light theme.  These variables and rules are
   appended to the base stylesheet so they override earlier declarations but
   maintain backwards compatibility.  Colours are defined once as CSS
   custom properties and referenced throughout.  A simple dark mode can be
   toggled by adding or removing the `.dark-mode` class on the `<body>`
   element.  No markup changes are required to adopt the new colours.

   Primary palette:
     --clr-primary:       base purple (#674CC4)
     --clr-primary-600:   darker purple (#4B36A5)
     --clr-primary-300:   lighter purple (#8C78EA)
   Text & background palette:
     --bg-light:          white (#FFFFFF)
     --bg-dark:           almost black (#0B0B10)
     --text-light:        dark grey (#1B1B1F)
     --text-dark:         light grey (#EDEDED)
 --------------------------------------------------------------------------*/

:root {
  --clr-primary: #6f42c1;
  --clr-primary-600: #4B36A5;
  --clr-primary-300: #8C78EA;
  --bg-light: #FFFFFF;
  --bg-dark: #0B0B10;
  --text-light: #1B1B1F;
  --text-dark: #EDEDED;
}

/* Base body colours.  The default (light) mode uses the light palette.  When
   `.dark-mode` is present on the body element the dark palette is used. */
body {
  background-color: var(--bg-light);
  color: var(--text-light);
}
body.dark-mode {
  background-color: var(--bg-dark);
  color: var(--text-dark);
}

/* Universal link colour uses the primary accent and removes inherited
   colours.  Hover states subtly darken the accent. */
a,
a:hover,
a:focus {
  color: var(--clr-primary);
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* Hostinger styled wallet button.  The base style uses the primary colour
   and the connected variant (btn-success) uses the darker accent.  The
   disconnected variant (btn-danger) is mapped to the base accent so
   scripts that toggle `.btn-success` and `.btn-danger` continue to work
   without modification. */
#walletActionBtn {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #ffffff;
  font-weight: 600;
}
#walletActionBtn:hover {
  background: var(--clr-primary-600);
  border-color: var(--clr-primary-600);
}
#walletActionBtn.btn-success {
  background: var(--clr-primary-600) !important;
  border-color: var(--clr-primary-600) !important;
  color: #ffffff !important;
}
#walletActionBtn.btn-danger {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
  color: #ffffff !important;
}

/* Basic glass effect helper class.  Apply `.glass` to containers like cards
   or sections where a frosted glass look is desired.  It uses the
   primary colour as a subtle tint and saturates the background beneath. */
.glass {
  background: rgba(103, 76, 196, 0.12);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border-radius: 20px;
  border: 1px solid rgba(103, 76, 196, 0.50);
  box-shadow: 0 6px 30px rgba(103, 76, 196, 0.45);
}

/* ==========================================================
   Custom theme overrides (added by ChatGPT modifications)
   - Adjust dark and light modes:
   - Dark mode: white text, purple button backgrounds, light purple borders, white button text.
   - Light mode: hostinger purple text, white button backgrounds, purple button borders and text.
============================================================ */

/* Dark mode overrides */
[data-theme=__disabled_dark__] body,
[data-theme=__disabled_dark__] p,
[data-theme=__disabled_dark__] span,
[data-theme=__disabled_dark__] a,
[data-theme=__disabled_dark__] li,
[data-theme=__disabled_dark__] h1,
[data-theme=__disabled_dark__] h2,
[data-theme=__disabled_dark__] h3,
[data-theme=__disabled_dark__] h4,
[data-theme=__disabled_dark__] h5,
[data-theme=__disabled_dark__] h6 {
  color: #ffffff !important;
}

[data-theme=__disabled_dark__] .btn {
  color: #ffffff !important;
  background-color: #5a108f !important;
  border-color: #d283ff !important;
}

[data-theme=__disabled_dark__] .btn:hover,
[data-theme=__disabled_dark__] .btn:focus {
  background-color: #4a0a77 !important;
  border-color: #bd68ee !important;
}

/* Light (default) theme overrides */
body,
p,
span,
a,
li {
  color: #6818a5 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4a0a77 !important;
}

.btn {
  color: #6818a5 !important;
  background-color: #ffffff !important;
  border-color: #5a108f !important;
}

.btn:hover,
.btn:focus {
  background-color: #f5f0fa !important;
  border-color: #bd68ee !important;
}


/* === Remove dark/light toggle UI entirely === */
.dark-light-toggle { display: none !important; }
body.dark-mode { background: #ffffff !important; color: #310055ff !important; }



/* Ultra-specific override */
html body.collection-page .hero-container .stats div,
html body.collection-page .hero-container .stats strong,
html body.collection-page .hero-container .stats span {
  color: #ffffff !important;
}