@import url(variables.css);

/* Monument Extended Start */
@font-face {
  font-family: "Monument Extended";
  src: url("../fonts/MonumentExtended-Regular.woff2") format("woff2"),
    url("../fonts/MonumentExtended-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Monument Extended End */

/* Lufga Start */
@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga-Regular.woff2") format("woff2"),
    url("../fonts/Lufga-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga-Medium.woff2") format("woff2"),
    url("../fonts/Lufga-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/Lufga-SemiBold.woff2") format("woff2"),
    url("../fonts/Lufga-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Lufga End */

/* Default CSS Start */
html {
  font-size: 10px;
}

body {
  font-family: var(--font-primary);
  color: var(--nft-body-color);
  font-size: var(--p-sm-size);
  background-color: var(--nft-body);
  transition: background .3s ease-in-out;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  -ms-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
}

.container {
  max-width: var(--nft-container);
  padding: 0 15px;
}

.font-secondary {
  font-family: var(--font-secondary);
}

.h1.big,
h1.big {
  font-size: var(--h1-big-size);
}

.h1,
h1 {
  font-size: var(--h1-size);
}

.h2,
h2 {
  font-size: var(--h2-size);
}

.h3,
h3 {
  font-size: var(--h3-size);
}

.h4,
h4 {
  font-size: var(--h4-size);
}

.h5,
h5 {
  font-size: var(--h5-size);
}

h5.sm,
.h5.sm {
  font-size: var(--h5-sm-size);
}

.h6,
h6 {
  font-size: var(--h6-size);
}

.h6.sm,
h6.sm {
  font-size: var(--h6-small-size);
}

.p,
p {
  font-size: var(--p-xl-size);
}

.p.lg,
p.lg {
  font-size: var(--p-lg-size);
}

.p.sm,
p.sm {
  font-size: var(--p-sm-size);
}

.p.xs,
p.xs {
  font-size: var(--p-xs-size);
}

.se-green {
  color: var(--nft-se-green);
}

.bloodmyst-isle {
  color: var(--nft-bloodmyst-isle);
}

.w-max-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.h-max-content {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.max-w-max-content {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.min-h-inherit {
  min-height: inherit;
}

.w-inherit {
  width: inherit;
}

.h-inherit {
  height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin-bottom: 0;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.line-height-0 {
  line-height: 0;
}

.cursor-pointer {
  cursor: pointer;
}

svg,
.contain-img {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
  object-fit: contain;
}

.light .black-color-text {
  color: var(--nft-dark);
}

.text-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

.flex-0-auto {
  flex: 0 0 auto;
}

.bg-size-cover {
  background-size: cover;
}

.object-position-top {
  -o-object-position: top;
  object-position: top;
}

/* Input FIles CSS Start */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type=file]::file-selector-button {
  cursor: pointer;
}

.placeholder-grey::-webkit-input-placeholder {
  color: var(--nft-modal-color);
}

.placeholder-grey::-moz-placeholder {
  color: var(--nft-modal-color);
}

.placeholder-grey:-ms-input-placeholder {
  color: var(--nft-modal-color);
}

.placeholder-grey::-ms-input-placeholder {
  color: var(--nft-modal-color);
}

.placeholder-grey::placeholder {
  color: var(--nft-modal-color);
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.custom-input {
  background: var(--nft-custom-input-bg-color);
  border: 1px solid transparent;
  padding: 5px 22px;
  border-radius: 8px;
  width: 100%;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  color: var(--nft-custom-input-text-color);
  box-shadow: var(--nft-subscribe-input-box-shadow);
  height: 6.4rem;
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

textarea.textarea-spacing {
  padding-top: 15px;
}

.subscribe-content-wrapper .custom-input {
  color: var(--nft-subscribe-input-color);
  max-width: var(--content-max-width);
}

.subscribe-content-wrapper .custom-input::placeholder {
  color: var(--nft-subscriber-input-placeholder);
}

.light .subscribe-content-wrapper .custom-input {
  color: var(--nft-white);
}

.custom-input:hover,
.custom-input:focus-visible {
  border: 1px solid var(--nft-matt-purple);
}

.custom-input:focus-visible {
  outline: none;
}

/* Input FIles CSS End */

/* Button Style Start */
.button,
.form-control:focus,
button:focus,
.button:focus {
  outline: none;
}

.button {
  position: relative;
  font-family: var(--font-primary);
  font-size: var(--p-sm-size);
  text-transform: capitalize;
  font-weight: 500;
  min-width: 20.8rem;
  min-height: 6.4rem;
  padding: 10px 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 194.444%;
  font-size: var(--p-sm-size);
  border: solid 2px transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  border-radius: 3.2rem 0px;
}

.button.primary-btn {
  background: linear-gradient(to right, var(--nft-violet-glow), var(--nft-blue-violet), var(--nft-blue-violet), var(--nft-violet-glow)) repeat;
  color: var(--nft-white);
  background-size: 300% 100%;
}

.button.primary-btn:hover {
  background-size: 100% 100%;
  box-shadow: var(--nft-box-shadow-btn-hover);
}

.button.secondary-btn {
  color: var(--nft-secondary-btn);
  padding: 10px;
  border: 1px solid transparent;
  z-index: 0;
  background: linear-gradient(to right, var(--nft-violet-glow), var(--nft-blue-violet), var(--nft-blue-violet), var(--nft-violet-glow)) repeat;
}

.button.secondary-btn::before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: var(--nft-body);
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  z-index: -1;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.button.secondary-btn:hover {
  box-shadow: var(--nft-box-shadow-btn-hover);
  background-size: 100% 100%;
}

/* Button Style End */

/* Link Style Start */
a {
  color: var(--nft-soft-blue);
  font-size: var(--p-lg-size);
  text-decoration: none;
  cursor: pointer;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

a:hover {
  color: var(--link-hover-color);
}

/* Link Style End */

/* Images Ratio Start */
.image-ratio {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.image-hover-scale {
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.transition-03-linear,
.image-hover-scale img {
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.image-hover-scale:hover img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}

/* Images Ratio End */

/* Section Spacing CSS start */
.section-py {
  padding-top: var(--nft-section-big-spacing);
  padding-bottom: var(--nft-section-big-spacing);
}

.section-pt {
  padding-top: var(--nft-section-big-spacing);
}

.section-pb {
  padding-bottom: var(--nft-section-big-spacing);
}

.section-my {
  margin-top: var(--nft-section-big-spacing);
  margin-bottom: var(--nft-section-big-spacing);
}

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

.section-mb {
  margin-bottom: var(--nft-section-big-spacing);
}

.section-mid-py {
  padding-top: var(--nft-section-spacing);
  padding-bottom: var(--nft-section-spacing);
}

.section-mid-pt {
  padding-top: var(--nft-section-spacing);
}

.section-mid-pb {
  padding-bottom: var(--nft-section-spacing);
}

.section-mid-my {
  margin-top: var(--nft-section-spacing);
  margin-bottom: var(--nft-section-spacing);
}

.section-mid-mt {
  margin-top: var(--nft-section-spacing);
}

.section-mid-mb {
  margin-bottom: var(--nft-section-spacing);
}

/* Section Spacing CSS end */

/* Section Title Start */
.title {
  color: var(--nft-section-big-heading);
  font-family: var(--font-secondary);
  text-align: center;
  font-size: var(--h1-big-size);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 4.92px;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.small-title {
  font-family: var(--font-secondary);
  font-size: var(--h3-size);
  font-weight: 400;
  text-align: center;
  line-height: normal;
  background: var(--nft-section-title-bg);
  transition: var(--nft-body-transition);
}

.bg-text {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-text-stroke {
  -webkit-text-stroke: 1px var(--nft-transparent-text-border);
}

/* Section Title End */

/* Custom Tabing Start */
.custom-tabing {
  background-color: var(--nft-custom-tabing-bg);
  margin: 4rem 0 3.2rem;
  top: var(--nft-header-height);
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.light .custom-tabing {
  box-shadow: 0px 20px 52px 0px rgba(var(--nft-rgb-black), 0.06);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
}

.nav-link:focus-visible {
  box-shadow: none;
}

.custom-tabing .nav-link.active::before {
  bottom: 0;
}

.custom-tabing .nav .nav-link {
  padding: 2.75rem 0;
  border-bottom: 2px solid transparent;
  text-wrap: nowrap;
}

.custom-tabing .explore-bid-tabs.nav.nav-tabs {
  grid-gap: 3.3rem;
}

.custom-tabing .explore-bid-tabs .nav-link {
  padding-bottom: 14px;
  padding-top: 0;
}

.custom-tabing .nav {
  --bs-nav-link-color: var(--nft-custom-tabing-tab-color);
  --bs-nav-link-hover-color: var(--nft-custom-tabing-tab-active-color);
  padding: 0 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.custom-tabing .nav.nav-tabs .nav-link.active {
  border-color: var(--nft-explore-collation-tab-nav-active);
}

.custom-tabing .nav.nav-tabs {
  gap: 0 3rem;
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-color: var(--nft-custom-tabing-tab-active-color);
}

/* Custom Tabing End */

/* Track Start */
::-webkit-scrollbar {
  width: 8px;
  height: 4px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

/* Small Scrollbar */
.small-scrollbar::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transition: var(--nft-body-transition);
  transition: var(--nft-body-transition);
}

::-webkit-scrollbar-track {
  -webkit-transition: background 1s;
  transition: background 1s;
  background: var(--nft-scrollbar-thumb-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--nft-theme-gradient-bg);
  -webkit-transition: var(--nft-body-transition);
  transition: var(--nft-body-transition);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* Track End */

/* Light & Dark Toggle Mode Start */
.toggle-wrapper {
  position: relative;
}

.toggle-wrapper.active::after {
  right: 10%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='27' viewBox='0 0 33 27' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9349 4.96683C18.5552 2.16203 16.1513 0 13.2424 0C11.5696 0 10.0638 0.714982 9.0139 1.85602C8.59385 1.71937 8.14547 1.6455 7.67983 1.6455C5.69287 1.6455 4.02005 2.99052 3.52217 4.81975C1.57073 4.85614 0 6.44942 0 8.40956C0 10.3925 1.6075 12 3.59045 12H17.9123C19.8953 12 21.5028 10.3925 21.5028 8.40956C21.5028 6.78187 20.4197 5.40716 18.9349 4.96683Z' fill='%23E3E3FA' fill-opacity='0.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78085 22.9834C5.97069 21.581 7.17265 20.5 8.6271 20.5C9.4635 20.5 10.2164 20.8575 10.7413 21.428C10.9514 21.3597 11.1756 21.3228 11.4084 21.3228C12.4019 21.3228 13.2383 21.9953 13.4872 22.9099C14.4629 22.9281 15.2483 23.7247 15.2483 24.7048C15.2483 25.6962 14.4445 26.5 13.4531 26.5H6.29213C5.30065 26.5 4.4969 25.6962 4.4969 24.7048C4.4969 23.8909 5.03845 23.2036 5.78085 22.9834Z' fill='%23E3E3FA' fill-opacity='0.8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2496 16.8973C21.4711 15.2612 22.8733 14 24.5702 14C25.546 14 26.4244 14.4171 27.0368 15.0827C27.2818 15.003 27.5434 14.9599 27.815 14.9599C28.9741 14.9599 29.9499 15.7445 30.2403 16.8115C31.3786 16.8327 32.2949 17.7621 32.2949 18.9056C32.2949 20.0623 31.3572 21 30.2005 21H21.8461C20.6893 21 19.7516 20.0623 19.7516 18.9056C19.7516 17.9561 20.3834 17.1542 21.2496 16.8973Z' fill='%23E3E3FA' fill-opacity='0.8'/%3E%3C/svg%3E");
}

.toggle-wrapper::after {
  z-index: 1;
  top: 25%;
  content: '';
  right: calc(100% - 45%);
  position: absolute;
  width: 3rem;
  cursor: pointer;
  height: 2.7rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' viewBox='0 0 22 25' fill='none'%3E%3Ccircle cx='11' cy='2' r='2' fill='white' fill-opacity='0.7'/%3E%3Ccircle cx='1' cy='13' r='1' fill='white' fill-opacity='0.8'/%3E%3Ccircle cx='12' cy='13' r='1' fill='white' fill-opacity='0.8'/%3E%3Ccircle cx='17.5' cy='24.5' r='0.5' fill='white'/%3E%3Ccircle cx='21' cy='8' r='1' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background-size: contain;
}

.toggle {
  position: relative;
  width: 10rem;
  height: 4.8rem;
  border-radius: 7.2rem;
  background-color: var(--nft-toggle-bg);
  cursor: pointer;
  -webkit-border-radius: 7.2rem;
  -moz-border-radius: 7.2rem;
  -ms-border-radius: 7.2rem;
  -o-border-radius: 7.2rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  -o-transition: all 0.3s ease-in-out;
}

.toggle::after {
  content: "";
  position: absolute;
  width: 4rem;
  height: 4rem;
  background: var(--nft-theme-bg);
  border-radius: 50%;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--nft-theme-border);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  z-index: 2;
}

.toggle::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.9251 1.73039C14.8044 1.4232 14.3712 1.4232 14.2505 1.73039L13.9277 2.55186C13.8909 2.64564 13.8169 2.71988 13.7235 2.75687L12.905 3.08085C12.599 3.202 12.599 3.63675 12.905 3.75791L13.7235 4.08189C13.8169 4.11888 13.8909 4.19312 13.9277 4.2869L14.2505 5.10837C14.3712 5.41556 14.8044 5.41556 14.9251 5.10837L15.2479 4.2869C15.2847 4.19312 15.3587 4.11888 15.4521 4.08189L16.2706 3.75791C16.5766 3.63675 16.5766 3.202 16.2706 3.08085L15.4521 2.75687C15.3587 2.71988 15.2847 2.64564 15.2479 2.55186L14.9251 1.73039Z' fill='white'/%3E%3Cpath d='M12.0246 6.09725C11.9039 5.79006 11.4707 5.79006 11.35 6.09725L11.2323 6.39676C11.1955 6.49055 11.1215 6.56479 11.0281 6.60178L10.7297 6.7199C10.4236 6.84106 10.4236 7.2758 10.7297 7.39696L11.0281 7.51508C11.1215 7.55207 11.1955 7.62631 11.2323 7.7201L11.35 8.01961C11.4707 8.3268 11.9039 8.3268 12.0246 8.01961L12.1423 7.7201C12.1791 7.62631 12.2531 7.55207 12.3465 7.51508L12.6449 7.39696C12.951 7.2758 12.951 6.84106 12.6449 6.7199L12.3465 6.60178C12.2531 6.56479 12.1791 6.49055 12.1423 6.39676L12.0246 6.09725Z' fill='white'/%3E%3Cpath d='M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 8.65298 15.9799 8.59563 15.8004 8.89263C14.9467 10.3055 13.3962 11.25 11.625 11.25C8.93261 11.25 6.75 9.06739 6.75 6.375C6.75 4.60384 7.69453 3.05329 9.10737 2.19957C9.40437 2.0201 9.34702 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z' fill='white'/%3E%3C/svg%3E");
  width: 2rem;
  height: 2rem;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
  z-index: 3;
  background-size: contain;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.toggle-wrapper.active .toggle {
  opacity: 1;
}

.light .toggle {
  border-color: var(--nft-super-silver);
}

.toggle-wrapper.active .toggle::before {
  right: calc(100% - 40%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.0001 10.0001C15.0001 12.7615 12.7615 15.0001 10.0001 15.0001C7.23866 15.0001 5.00008 12.7615 5.00008 10.0001C5.00008 7.23866 7.23866 5.00008 10.0001 5.00008C12.7615 5.00008 15.0001 7.23866 15.0001 10.0001Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0001 1.04175C10.3453 1.04175 10.6251 1.32157 10.6251 1.66675V2.50008C10.6251 2.84526 10.3453 3.12508 10.0001 3.12508C9.6549 3.12508 9.37508 2.84526 9.37508 2.50008V1.66675C9.37508 1.32157 9.6549 1.04175 10.0001 1.04175ZM3.66559 3.66559C3.90967 3.42151 4.3054 3.42151 4.54947 3.66559L4.87684 3.99295C5.12092 4.23703 5.12092 4.63276 4.87684 4.87684C4.63276 5.12092 4.23703 5.12092 3.99295 4.87684L3.66559 4.54947C3.42151 4.3054 3.42151 3.90967 3.66559 3.66559ZM16.3344 3.66581C16.5784 3.90988 16.5784 4.30561 16.3344 4.54969L16.007 4.87705C15.7629 5.12113 15.3672 5.12113 15.1231 4.87705C14.879 4.63298 14.879 4.23725 15.1231 3.99317L15.4505 3.66581C15.6946 3.42173 16.0903 3.42173 16.3344 3.66581ZM1.04175 10.0001C1.04175 9.6549 1.32157 9.37508 1.66675 9.37508H2.50008C2.84526 9.37508 3.12508 9.6549 3.12508 10.0001C3.12508 10.3453 2.84526 10.6251 2.50008 10.6251H1.66675C1.32157 10.6251 1.04175 10.3453 1.04175 10.0001ZM16.8751 10.0001C16.8751 9.6549 17.1549 9.37508 17.5001 9.37508H18.3334C18.6786 9.37508 18.9584 9.6549 18.9584 10.0001C18.9584 10.3453 18.6786 10.6251 18.3334 10.6251H17.5001C17.1549 10.6251 16.8751 10.3453 16.8751 10.0001ZM15.1231 15.1231C15.3672 14.879 15.7629 14.879 16.007 15.1231L16.3344 15.4505C16.5784 15.6946 16.5784 16.0903 16.3344 16.3344C16.0903 16.5784 15.6946 16.5784 15.4505 16.3344L15.1231 16.007C14.879 15.7629 14.879 15.3672 15.1231 15.1231ZM4.87684 15.1233C5.12092 15.3674 5.12092 15.7631 4.87684 16.0072L4.54947 16.3346C4.3054 16.5787 3.90967 16.5787 3.66559 16.3346C3.42151 16.0905 3.42151 15.6948 3.66559 15.4507L3.99295 15.1233C4.23703 14.8792 4.63276 14.8792 4.87684 15.1233ZM10.0001 16.8751C10.3453 16.8751 10.6251 17.1549 10.6251 17.5001V18.3334C10.6251 18.6786 10.3453 18.9584 10.0001 18.9584C9.6549 18.9584 9.37508 18.6786 9.37508 18.3334V17.5001C9.37508 17.1549 9.6549 16.8751 10.0001 16.8751Z' fill='white'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}

.toggle-wrapper.active .toggle::after {
  right: calc(100% - 50%);
}

/* Light & Dark Toggle Mode End */

/* Nice Select CSS Starts */
.custom-selection .nice-select {
  background: transparent;
  width: 100%;
  font-size: var(--p-sm-size);
  color: var(--nft-modal-color);
  font-weight: 400;
  border: 1px solid #5E57AB;
  border-radius: 16px;
  min-height: 6rem;
  display: flex;
  align-items: center;
  position: relative;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  height: 100%;
  line-height: unset;
  border: solid 1px var(--nft-blog-link-card-border-color);
}

.custom-selection:hover .nice-select:active,
.custom-selection:hover .nice-select.open,
.custom-selection:hover .nice-select:focus {
  border: solid 1px var(--nft-matt-purple);
}


.custom-selection .nice-select .list {
  width: 100%;
  background-color: var(--nft-select-bg-color);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.custom-selection .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.custom-selection .nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.custom-selection .nice-select .option.selected {
  font-weight: bold;
}

.custom-selection .nice-select:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 15L5 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  border: none;
  transform-origin: 41% 30%;
  transform: rotate(360deg);
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.light .custom-selection .nice-select:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 15L5 9' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.custom-selection .nice-select.open:after {
  transform: rotate(180deg);
}

.custom-selection .nice-select .option:hover,
.custom-selection .nice-select .option.focus,
.custom-selection .nice-select .option.selected.focus {
  background-color: var(--nft-filter-dropdown-hover-bg);
  color: var(--nft-nav-active);
}

.edit-profile-bottom-section .profile-top-wrapper::after,
.edit-profile-bottom-section .profile-bottom-left-img-wrapper::after {
  display: none;
}

/* Small Hero Section Start */
.explore-hero-section {
  background: var(--nft-explore-hero-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 53.5rem;
  margin-bottom: 8.5rem;
}

.hero-explore-left-star-line {
  left: 4%;
}

.hero-explore-right-star-line {
  left: 95%;
}

.explore-hero-wrapper {
  padding: 20rem 0;
}

.light .explore-hero-wrapper{
  padding: 20rem 0 15rem;
}

.light .explore-hero-section{
  min-height: 45rem;
}

.explore-hero-banner-title {
  background: var(--nft-explore-hero-title-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb-wrapper {
  margin-top: 24px;
}

.breadcrumb-link-text {
  font-size: var(--p-xl-size);
  line-height: 1.4;
}

.breadcrumb-icon {
  color: var(--nft-breadcrumb-previous-page-color);
}

.breadcrumb-link {
  color: var(--nft-breadcrumb-previous-page-color);
  font-weight: 500;
}

a.breadcrumb-link:hover {
  color: var(--nft-breadcrumb-hover);
}

.breadcrumb-active-link {
  color: var(--nft-breadcrumb-current-page-link-color);
  font-weight: normal;
  cursor: default;
}
/* Small Hero Section End */

/* Star Line With Animation Start  */
.start-line-container {
  position: absolute;
  overflow: hidden;
  width: 60px;
  display: flex;
  justify-content: center;
  height: calc(330px + 40px);
  align-items: flex-end;
}

.down-star.start-line-container {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.star-line {
  width: 1px;
  height: 330px;
  position: relative;
  background: rgba(76, 69, 154, 1);
  background: linear-gradient(rgba(76, 69, 154, 1) 0%, rgba(59, 52, 135, 0) 100%);
  display: flex;
  justify-content: center;
  opacity: 0;
}

.dark .star-line {
  background: rgba(76, 69, 154, 1);
  background: linear-gradient(rgba(76, 69, 154, 1) 0%, rgba(59, 52, 135, 0) 100%);
}

.light .star-line {
  background: rgb(180, 174, 244);
  background: linear-gradient(rgb(180, 174, 244) 7.62%, rgba(var(--nft-rgb-white), 0) 98.56%);
}

.star-line-icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.dark .star-line-icon {
  color: var(--nft-potentially-purple);
}

.light .star-line-icon {
  color: var(--nft-violet-glow);
}

.star-line-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Star Line With Animation End   */

/* Pagination CSS End   */
.pagination-wrapper .pagination {
  --bs-pagination-bg: transparent;
  --bs-pagination-border-color: var(--nft-pagination-border-color);
  --bs-pagination-font-size: var(--p-sm-size);
  --bs-pagination-hover-bg: unset;
  --bs-pagination-hover-border-color: transparent;
  --bs-pagination-padding-x: 8px;
  --bs-pagination-padding-y: 8px;
  --bs-pagination-color: var(--nft-modal-color);
  --bs-pagination-hover-color: var(--nft-white);
}

.pagination-wrapper .page-link {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.pagination-wrapper .page-item:not(:last-child) {
  margin-right: 8px;
}

.light .pagination-wrapper .page-link:hover {
  color: var(--nft-white);
}

.pagination-wrapper .page-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: var(--nft-theme-gradient-bg);
  z-index: -1;
  border-radius: 4px;
  opacity: 0;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.pagination-wrapper .page-link:hover::after {
  opacity: 1;
}

.pagination-wrapper .page-link:focus {
  box-shadow: unset;
  color: var(--nft-white);
  background: var(--nft-theme-gradient-bg);
}

.pagination-wrapper .page-link.active {
  background: var(--nft-theme-gradient-bg);
  color: var(--nft-white);
}

.pagination-wrapper .active>.page-link,
.page-link.active {
  border-color: transparent;
  z-index: unset;
}

/* Pagination CSS End */
.sticky-top-big{
  top: calc(var(--nft-header-height) + 0px);
}
/* Default CSS End */

/* Preloader CSS Start */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--nft-raven);
  overflow: hidden;
  z-index: 9999;
}

.svg-wrapper {
  width: 25rem;
}

.preloader .svg-wrapper .preloader-svg-logo {
  width: 150px;
  height: 150px;
  stroke: var(--nft-violet-glow);
  fill-opacity: 0;
  stroke-width: 0.2px;
  stroke-dasharray: 150;
  animation: animation-logo 2s ease;
  -webkit-animation: animation-logo 2s ease;
}

@-webkit-keyframes animation-logo {
  0% {
    stroke-dashoffset: 150;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animation-logo {
  0% {
    stroke-dashoffset: 150;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* Preloader CSS End */

/* Header Start */
header {
  padding: 2.4rem 0;
  z-index: 999;
  min-height: var(--nft-header-height);
  display: flex;
  align-items: center;
}

.header-scrolled {
  background-color: var(--nft-body);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.header-wrapper {
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}

.header-logo-wrapper {
  width: 90px;
  /*height: 49px;*/
}

.header-right-wrapper {
  display: flex;
  align-items: center;
}

.connect-wallet-button {
  margin: 0 1.7rem;
}

.connect-wallet-button {
  min-height: 5rem;
  padding: 5px 2.5rem;
  min-width: 2rem;
}

.connect-wallet-button i {
  width: 18px;
  height: 18px;
  display: flex;
  margin-left: 8px;
}

.navbar {
  margin-left: 13rem;
}

.nav-links {
  position: relative;
  padding: 0 3.4rem 0 10px;
  color: var(--nft-nav);
  gap: 8px;
}

.nav-links:hover,
.nav-links.active {
  color: var(--nft-nav-active);
}

/* Navbar Active Before Start */
.nav-links.active::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  background-image: var(--header-active-before);
  width: 100%;
  height: 14px;
  -webkit-clip-path: polygon(20% 50%, 0 0, 100% 0);
  clip-path: polygon(20% 50%, 0 0, 100% 0);
}

/* Navbar Active Before End */

/* Header Dropdown Menu Start */
.nav-list .nav-list-dropdown {
  width: 100%;
  transition: var(--nft-body-transition);
  box-shadow: 0px 12px 100px rgba(26, 47, 121, 0.14);
  min-width: 300px;
  padding: 22px 0;
  background: var(--nft-dropdown-bg);
  filter: var(--nft-dropdown-drop-shadow);
  -webkit-filter: var(--nft-dropdown-drop-shadow);
  -webkit-backdrop-filter: var(--nft-dropdown-filter-blur);
  backdrop-filter: var(--nft-dropdown-filter-blur);
  top:calc(var(--nft-header-height) - 2.4rem);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.nav-list:hover .nav-list-dropdown {
  opacity: 1;
  visibility: visible;
}

.nav-list-dropdown li a {
  gap: 17px;
  padding: 10px 16px;
  color: var(--nft-nav);
}

.nav-list-dropdown li a.active,
.nav-list-dropdown li a:hover {
  background: var(--nft-dropdown-hover-bg);
  color: var(--nft-dropdown-hover);
}

.nav-list-dropdown.position-absolute::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background: linear-gradient(122deg, var(--nft-violet-glow) -2.41%, var(--nft-blue-violet) 92.24%);
  top: 0;
  z-index: 0;
  top: -16px;
  -webkit-clip-path: polygon(45.5% 0%,
      50% 70%,
      100% 70%,
      100% 100%,
      0 100%,
      0 70%,
      41% 70%);
  clip-path: polygon(45.5% 0%,
      50% 70%,
      100% 70%,
      100% 100%,
      0 100%,
      0 70%,
      41% 70%);
}

/* Header Dropdown Menu End */

/* Header Avatar Start */
.header-avatar-wrapper {
  width: 4.8rem;
  height: 4.8rem;
  min-width: 35px;
  min-height: 35px;
  border: 2px solid rgba(var(--nft-rgb-white), 0.60);
  cursor: pointer;
  z-index: 1;
}

.header-avatar {
  width: inherit;
  height: inherit;
}

/* Header Avatar End */

/* Hamburger Start */
.show-menu {
  overflow: hidden;
}

body.show-menu::before {
  z-index: 4;
  opacity: 1;
}

.hamburger {
  cursor: pointer;
  position: relative;
  width: 6rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.hamburger .line {
  width: inherit;
  height: 3px;
  display: block;
  background-color: var(--nft-nav-active);
  margin: 5px 0;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.hamburger .line:not(:nth-child(2)) {
  width: 3.5rem;
}

.hamburger:hover .line:not(:nth-child(2)) {
  width: inherit;
}

.hamburger .line:last-child {
  margin-left: auto;
}

.show-menu .hamburger {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.show-menu .hamburger .line {
  width: inherit;
}

.show-menu .hamburger .line:nth-child(1) {
  transform: translateY(3px);
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
}

.show-menu .hamburger .line:nth-child(2) {
  width: 0;
  opacity: 0;
}

.show-menu .hamburger .line:nth-child(3) {
  transform: translateY(-13px) rotate(90deg);
  -moz-transform: translateY(-13px) rotate(90deg);
}

/* Hamburger End */
/* Header End */

/* Footer Start */
.footer {
  background-color: var(--nft-cosmic-void);
}

.footer-wrapper {
  padding: 20px 0 20px 0;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  gap: 13rem;
}

.logo-wrapper {
  margin-bottom: 5px;
  width: 150px;
}

.footer-about-wrapper {
  color: var(--nft-soft-blue);
}

.footer-contactus-wrapper h2,
.footer-link-wrapper h2 {
  color: var(--nft-white);
  margin-bottom: 3.2rem;
}

.footer-link-group li:not(:last-child) {
  padding-bottom: 10px;
}

.footer .footer-wrapper a {
  color: var(--nft-soft-blue);
}

.footer .footer-wrapper a:hover {
  color: var(--nft-white);
}

.footer-contactus-link {
  line-height: 154.167%;
  color: var(--nft-soft-blue);
}

.social-icons-list-wrapper {
  grid-template-columns: repeat(3, 50px);
  gap: 20px;
}

.social-icons-link {
  --social-icons-link-sizing: 50px;
  width: var(--social-icons-link-sizing);
  height: var(--social-icons-link-sizing);
  background: var(--nft-shadowdancer);
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.social-icons-link:hover {
  background: var(--nft-white);
}

.social-icons {
  --icon-sizing: 25px;
  width: var(--icon-sizing);
  height: var(--icon-sizing);
  color: var(--nft-white);
}

.social-icons-link:hover .social-icons {
  color: var(--nft-shadowdancer);
}

.footer-copyright {
  border-top: 1px solid var(--nft-brandywine-raspberry);
  padding: 5px 0;
  color: var(--nft-soft-blue);
  font-size: var(--p-xs-size);
}

/* Footer End */

/* Home Page Start */
/* Hero Banner Start */
/* Hero Banner Before Start */
.hero::before {
  background-color: var(--nft-hero-before);
  -webkit-filter: blur(254px);
  filter: blur(254px);
  width: 48.4rem;
  height: 48.4rem;
  position: absolute;
  left: 12%;
  top: 0;
  content: "";
  transform: translateX(-50%);
  z-index: -2;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/* Hero Banner Before End */

/* Hero Banner After Start */
.hero::after {
  background-color: var(--nft-header-after);
  -webkit-filter: blur(206px);
  filter: blur(206px);
  width: 95%;
  height: 24%;
  position: absolute;
  left: 50%;
  top: 0;
  content: "";
  transform: translateX(-50%);
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/* Hero Banner After End */

.hero-about {
  margin-left: 5rem;
  color: var(--nft-subtitle);
  max-width: 55%;
  line-height: 188.889%;
}

.hero-banner-button-wrapper {
  gap: 2.6rem;
  margin-top: 6rem;
}

.hero-flex h1 {
  background-image: var(--nft-section-title-bg);
  margin-bottom: 20px;
}

.creator-avatar-wrapper {
  width: 4rem;
  height: 4rem;
  min-width: 35px;
  min-height: 35px;
}

.creator-avatar-wrapper:not(:first-child) {
  margin-left: -7px;
}

.hero {
  padding-top: calc(var(--nft-header-height) + 4.8rem);
}

.hero-right {
  min-width: 40%;
  max-width: 40%;
}

.hero-img-container {
  z-index: 4;
  width: 61.7%;
  transform-style: preserve-3d;
}

.hero-img {
  -o-object-position: bottom;
  object-position: bottom;
}

.hero-wave {
  padding-bottom: 43%;
  border-radius: 22.4rem;
  transform-style: preserve-3d;
  -webkit-border-radius: 22.4rem;
  -moz-border-radius: 22.4rem;
  -ms-border-radius: 22.4rem;
  -o-border-radius: 22.4rem;
}

.hero-wave-img {
  animation: scaleWave 8s linear 0s infinite alternate-reverse forwards;
  -webkit-animation: scaleWave 8s linear 0s infinite alternate-reverse forwards;
}

.hero-container,
.hero-flex {
  height: 100%;
}

.hero-col {
  position: absolute;
  width: 100%;
  transform-style: preserve-3d;
}

.hero-ring {
  position: absolute;
  top: 0;
  width: 125%;
  background-size: contain;
  transform: translate(-50%, 42%);
  left: 50%;
  z-index: 6;
  display: block;
  -webkit-transform: translate(-50%, 42%);
  -moz-transform: translate(-50%, 42%);
  -ms-transform: translate(-50%, 42%);
  -o-transform: translate(-50%, 42%);
}

.dark .hero-ring {
  -webkit-filter: drop-shadow(0px 0px 18px var(--nft-fresh-neon-pink));
  filter: drop-shadow(0px 0px 18px var(--nft-fresh-neon-pink));
}

.light .hero-ring {
  -webkit-filter: drop-shadow(0px 0px 18px var(--nft-violet-glow));
  filter: drop-shadow(0px 0px 18px var(--nft-violet-glow));
}

.hero .atropos-highlight {
  background-image: unset !important;
}

.hero .hero-atropos {
  width: 100%;
}

.hero .atropos {
  width: 100%;
}

.hero h1 {
  line-height: 141.429%;
}

.hero .atropos-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: visible;
}

.hero-gradient-center-top {
  width: 74%;
  height: 88%;
  background: var(--nft-hero-gradient-center-top);
  -webkit-filter: blur(134px);
  filter: blur(134px);
}

.hero-gradient-right-top {
  width: 90%;
  height: calc(100% + var(--nft-header-section-spacing));
  background: var(--nft-hero-gradient-right-top);
}

.hero-start-line-center {
  left: 50%;
  top: 50%;
}

.hero-start-line-right {
  left: 95%;
  top: 0%;
}

.hero-cartoon-flex {
  width: 250px;
  height: 200px;
}

.hero-arrow-wave {
  position: absolute;
  right: 0;
  top: 0;
  width: 18.4rem;
  display: none;
}

.dark .hero-arrow-wave.dark {
  display: flex;
}

.light .hero-arrow-wave.light {
  display: flex;
}

.arrow-wave {
  position: absolute;
  right: 6%;
  top: 8%;
  width: 18.4rem;
  -webkit-animation-name: ArrowWaveAnimation linear 3s 1 forwards;
  animation-name: ArrowWaveAnimation linear 3s 1 forwards;
}

.hero-cartoon-main-wrapper {
  width: 21.2rem;
  height: 18.1rem;
  padding-top: 3.2rem;
  padding-right: 20px;
}

.hero-cartoon-container {
  position: absolute;
  width: 7rem;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 4px solid;
  border-color: var(--nft-hero-cartoon-border);
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.hero-cartoon {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.light .hero-cartoon-container-1,
.dark .hero-cartoon-container-1 {
  border-color: transparent;
}

.hero-cartoon-container-1 {
  transform: translate(0, 0);
  border-color: transparent;
  z-index: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.hero-cartoon-container-2 {
  transform: translateY(15%) translateX(70%) rotate(0);
  z-index: 2;
  -webkit-transform: translateY(15%) translateX(70%) rotate(0);
  -moz-transform: translateY(15%) translateX(70%) rotate(0);
  -ms-transform: translateY(15%) translateX(70%) rotate(0);
  -o-transform: translateY(15%) translateX(70%) rotate(0);
}

.hero-cartoon-container-3 {
  transform: translateY(46%) translateX(136%) rotate(0);
  z-index: 3;
  -webkit-transform: translateY(46%) translateX(136%) rotate(0);
  -moz-transform: translateY(46%) translateX(136%) rotate(0);
  -ms-transform: translateY(46%) translateX(136%) rotate(0);
  -o-transform: translateY(46%) translateX(136%) rotate(0);
}

.hero-cartoon-container {
  animation: CartoonAnimation linear 3s 1 forwards;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-animation: CartoonAnimation linear 3s 1 forwards;
}

/* HeroCircle Start */
.hero-wrapper-circle {
  padding: 2px;
  background: var(--nft-hero-banner-circle-bg);
  box-shadow: var(--nft-hero-banner-circle-drop-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 130px;
  height: 130px;
  flex-shrink: 0;
  top: 50%;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: var(--nft-body-transition);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.hero-img-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.hero-text-circle {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  animation: spinner-svg 5s infinite 0s linear reverse;
  -webkit-animation: spinner-svg 5s infinite 0s linear reverse;
}

.hero-text-circle svg {
  fill: var(--nft-hero-banner-circle-text);
  transition: var(--nft-body-transition);
}

/* HeroCircle End */
/* Hero Banner End */

/* Amazing Art Start */
.amazing-art-wrapper .container .small-title {
  font-size: var(--h5-size);
  background: var(--nft-amazing-title-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.amazing-art-content-wrapper {
  padding: 5.9rem 8.9rem;
  background: var(--nft-amazing-bg);
  box-shadow: var(--nft-box-shadow);
  border-radius: 14px;
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  --amazing-specification-spacing: 4rem;
  --amazing-feature-max-width: 44.8rem;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
}

.amazing-art-content-wrapper::before {
  content: "";
  position: absolute;
  top: 95%;
  left: 5rem;
  width: 38rem;
  height: 38rem;
  flex-shrink: 0;
  border-radius: 50%;
  opacity: var(--nft-amazing-before-opacity);
  background: var(--nft-lilac-spring);
  filter: blur(238px);
  -webkit-filter: blur(238px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.amazing-art-content-wrapper::after {
  position: absolute;
  content: "";
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  background: var(--nft-amazing-art-content-bg);
  filter: blur(94px);
  -webkit-filter: blur(94px);
  top: -50px;
  right: 50px;
  z-index: -1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.amazing-art-features-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  width: 618px;
  height: 315px;
  opacity: 0.7;
  background: var(--nft-amazing-art-features-wrapper-before-bg);
  filter: blur(322px);
  -webkit-filter: blur(322px);
  z-index: -1;
}

.amazing-art-features-wrapper {
  max-width: calc(100% - var(--amazing-feature-max-width));
  padding-left: 8.2rem;
}

.amazing-art-title {
  max-width: var(--amazing-feature-max-width);
}

.amazing-diamond-img {
  right: -30px;
  filter: blur(3px);
  -webkit-filter: blur(3px);
  z-index: -1;
}

.light .amazing-diamond-img {
  z-index: 1;
}

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

.feature-icon {
  color: var(--nft-amazing-card-icon-color);
  width: 4rem;
  height: 4rem;
  margin-bottom: 10px;
}

.feature-name {
  line-height: 1.4;
  color: var(--nft-amazing-card-heading);
}

.feature-info {
  margin-top: 12px;
  line-height: 1.8;
  color: var(--nft-amazing-card-paragraph);
}

.amazing-art-specification:not(:last-child) {
  border-right: 1px solid var(--nft-vr-color);
  padding-right: var(--amazing-specification-spacing);
}

.amazing-art-specification:last-child {
  padding-left: var(--amazing-specification-spacing);
}

.amazing-right-circle {
  border-radius: 100%;
  background: var(--nft-right-circle-bg);
  filter: blur(46px);
  -webkit-filter: blur(46px);
  bottom: -2.9rem;
  width: 27.6rem;
  height: 27.7rem;
  right: 0;
  z-index: -1;
  transform: translate(130px, 10px);
  -webkit-transform: translate(130px, 10px);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -moz-transform: translate(130px, 10px);
  -ms-transform: translate(130px, 10px);
  -o-transform: translate(130px, 10px);
}

/* Amazing Art End */

/* Top Artwork Start */
.top-artwork-left-card {
  max-width: 44rem;
  padding-right: 8px;
}

.top-artwork-title {
  font-size: var(--h2-size);
}

.dark .top-artwork-swiper-card::before {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: rgba(var(--nft-rgb-dark-blue), 0.6);
  -webkit-filter: blur(30px);
  filter: blur(30px);
  left: 30%;
  top: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.dark .top-artwork-left-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15rem;
  height: 15rem;
  border-radius: 100%;
  background: rgba(var(--nft-rgb-purple), 0.8);
  -webkit-filter: blur(70px);
  filter: blur(70px);
  z-index: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.top-artwork-swiper-card {
  width: calc(100% - 44rem);
}

.swiper-custom-arrow-btn {
  width: 7rem;
  height: 7rem;
  border: 1px solid var(--nft-purple-tint-1);
  color: var(--nft-nav-active);
}

/* transparent css start */
.transparent-gradiant-hover-btn,
.top-artwork-arrow {
  color: var(--nft-nav-active);
}

.top-artwork-card:hover .top-artwork-arrow {
  color: var(--nft-white);
}

.transparent-gradiant-hover-btn:before,
.top-artwork-arrow:before {
  content: "";
  background-image: var(--nft-btn-gradient-color);
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.transparent-gradiant-hover-btn:hover:before,
.top-artwork-card:hover .top-artwork-arrow:before {
  border-color: transparent;
  opacity: 1;
  color: var(--nft-white);
}

/* transparent css end */

.swiper-custom-arrow-btn:not(:last-child) {
  margin-right: 12px;
}

.swiper-custom-arrow-btn:hover {
  border-color: transparent;
}

.light .swiper-custom-arrow-btn:hover {
  color: var(--nft-white);
}

.top-artwork-flame-img-card {
  width: 3.3rem;
  height: 5rem;
  margin-left: 3rem;
}

.top-artwork-circle {
  width: 3.3rem;
  height: 3.3rem;
  background-color: var(--nft-orange);
  bottom: 0;
  left: -10px;
  box-shadow: inset -15px 2px 16px 3px rgba(165, 89, 65, 0.92);
}

.nft-swiper-wraaper .swiper-slide {
  border-radius: 8px 8px 0 8px;
  -webkit-border-radius: 8px 8px 0 8px;
  -moz-border-radius: 8px 8px 0 8px;
  -ms-border-radius: 8px 8px 0 8px;
  -o-border-radius: 8px 8px 0 8px;
}

.top-artwork-card {
  width: 99.2%;
  --bs-aspect-ratio: 100%;
  -o-border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 60%) 27 / 5px;
  border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 60%) 27 / 5px;
}

.top-artwork-card:hover {
  -o-border-image: linear-gradient(160deg,
      rgba(var(--nft-rgb-dark-purple), 0.6),
      rgba(var(--nft-rgb-white), 0) 70%) 27 / 5px;
  border-image: linear-gradient(160deg,
      rgba(var(--nft-rgb-dark-purple), 0.6),
      rgba(var(--nft-rgb-white), 0) 70%) 27 / 5px;
}

.top-artwork-text-card {
  width: 100%;
  left: 0;
  padding: 24px 12px;
}

.top-artwork-data {
  max-width: calc(100% - 12rem);
}

.top-artwork-name {
  text-shadow: 0px 0px 20px var(--nft-dark);
  margin-bottom: 17px;
  color: var(--nft-white);
}

.top-artwork-price {
  border-radius: 8rem;
  background: rgba(var(--nft-rgb-white), 0.16);
  box-shadow: 0px 28px 44px 0px rgba(var(--nft-rgb-black), 0.09);
  backdrop-filter: blur(11.5px);
  -webkit-backdrop-filter: blur(11.5px);
  max-width: 130px;
  min-height: 5.8rem;
  padding: 5px 10px;
  width: 100%;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
}

.top-artwork-redirect-arrow-box {
  bottom: 0;
  right: -1px;
  width: 13.2rem;
  height: 13.2rem;
}

.top-artwork-redirect-card {
  outline: 0;
  color: var(--nft-dark);
}

.top-artwork-redirect-inner-card {
  background-color: var(--nft-body);
  padding: 2.8rem;
  border-radius: 50% 0 0 0;
  margin: 0 -10px -10px 0;
  -webkit-border-radius: 50% 0 0 0;
  -moz-border-radius: 50% 0 0 0;
  -ms-border-radius: 50% 0 0 0;
  -o-border-radius: 50% 0 0 0;
}

.top-artwork-redirect-inner-card>i {
  width: 25px;
  height: 25px;
  color: var(--nft-body);
  top: -19px;
  right: -1px;
  transform: rotate(180deg) scale(1.01);
  -webkit-transform: rotate(180deg) scale(1.01);
  -moz-transform: rotate(180deg) scale(1.01);
  -ms-transform: rotate(180deg) scale(1.01);
  -o-transform: rotate(180deg) scale(1.01);
}

.top-artwork-redirect-inner-card>i:last-of-type {
  top: auto;
  bottom: -1px;
  right: auto;
  left: -23px;
  color: var(--nft-body);
}

.top-artwork-arrow {
  width: 7.6rem;
  height: 7.6rem;
  border: 1px solid var(--nft-purple-tint-1);
}

.top-artwork-card:hover .top-artwork-arrow {
  border-color: transparent;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.top-artwork-arrow span {
  width: 16px;
  height: 16px;
}

.top-artwork-star-line-center {
  top: 55%;
  right: 30%;
  transform: translate(-30%, -55%);
  -webkit-transform: translate(-30%, -55%);
  -moz-transform: translate(-30%, -55%);
  -ms-transform: translate(-30%, -55%);
  -o-transform: translate(-30%, -55%);
}

/* Top Artwork End */

/* Top Seller Start */
.top-seller-bottom-section {
  max-width: 1920px;
  margin: 1rem auto 0;
}

.dark .top-seller-bottom-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46.1rem;
  height: 46.1rem;
  border-radius: 50%;
  background: rgba(var(--nft-rgb-purple), 0.55);
  -webkit-filter: blur(200px);
  filter: blur(200px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.top-seller-swiper-one-card {
  margin-bottom: 38px;
}

.top-seller-card {
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  background: var(--nft-card-bg-color);
  max-height: 116px;
  border-radius: 100px;
  padding: 19px 26px;
  gap: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.top-seller-avatar-card {
  width: 7.8rem;
  height: 7.8rem;
  flex: 0 0 auto;
}

.verify-tick {
  width: 20px;
  height: 20px;
}

.top-seller-name {
  color: var(--nft-nav-active);
  font-size: 24px;
  line-height: 1.3;
}

.top-seller-rupees-card {
  margin-top: 6px;
}

.top-seller-rupee-icon {
  color: var(--nft-himawari-yellow);
  margin-right: 12px;
}

.top-seller-rupee {
  color: var(--nft-soft-blue);
}

.top-seller-view-all {
  color: var(--nft-light-purple);
  margin-top: 7rem;
}

/* Top Seller End */

/* Create and Sell NFTs Start */

.nft-guide-wrapper {
  padding-top: 11.6rem;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8rem 4.4rem;
}

.create-star-effect-wrapper {
  position: absolute;
  top: -5%;
  left: 17%;
  z-index: -1;
}

.nft-guide {
  background: var(--nft-guide-card-bg);
  box-shadow: var(--nft-guide-card-box-shadow);
  border-radius: 14px;
  padding: 8.7rem 3.2rem 4rem 3.2rem;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
}

.nft-guide:hover.nft-guide::before,
.nft-guide:hover.nft-guide::after {
  opacity: 1;
}

.guide-instruction {
  line-height: 1.34;
  color: var(--nft-guide-card-heading);
}

.nft-guide::before {
  content: "";
  position: absolute;
  border-radius: 14px 14px 0px 0px;
  background: linear-gradient(122deg, rgba(77, 30, 234, 0.80) -2.41%, rgba(144, 43, 223, 0.80) 92.24%);
  width: 100%;
  height: 10px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 14px 14px 0px 0px;
  -moz-border-radius: 14px 14px 0px 0px;
  -ms-border-radius: 14px 14px 0px 0px;
  -o-border-radius: 14px 14px 0px 0px;
}

.nft-guide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background: var(--nft-guide-card-after-bg);
  z-index: -1;
  opacity: 0;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}

.guide-link-arrow {
  margin-top: 2.6rem;
}

.guide-card-number {
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.nft-number-text {
  color: var(--nft-guide-number-text-color);
}

.nft-card-arrow {
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 1px solid var(--nft-create-link-border);
  background: none;
  color: var(--nft-link-arrow);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.nft-guide:hover .nft-card-arrow::after {
  opacity: 1;
}

.nft-guide:hover .guide-card-number {
  color: var(--nft-guide-card-number-hover);
}

.light .nft-guide:hover .guide-card-number {
  background: var(--nft-guide-card-number-hover);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nft-guide:hover .nft-card-arrow {
  border-color: transparent;
  color: var(--nft-white);
}

.nft-guide:hover .transparent-gradiant-hover-btn:before {
  opacity: 1;
}

.nft-card-arrow.transparent-gradiant-hover-btn:before {
  z-index: 0;
}

.nft-card-arrow::after {
  content: "";
  width: 8.2rem;
  height: 8.2rem;
  background: var(--nft-link-arrow-bg);
  filter: blur(16px);
  -webkit-filter: blur(16px);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  z-index: -1;
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.nft-card-arrow:hover {
  color: var(--nft-subtitle);
}

.nft-link-arrow {
  width: 26px;
  height: 16px;
}

.guide-description {
  line-height: 1.7;
  color: var(--nft-guide-card-description);
}

.guide-card-top-img {
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  max-width: 11.7rem;
  max-height: 12rem;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/* Create and Sell NFTs End */

/* LIVE Auction Start */
.live-auction-top-card {
  margin-bottom: 8rem;
}

.live-auction-title {
  line-height: 1.4;
}

.live-auction-swiper-card .swiper-slide {
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
}

.dark .live-auction-swiper-card::before {
  content: "";
  position: absolute;
  top: -13.8rem;
  right: 0;
  width: 27.6rem;
  height: 27.6rem;
  border-radius: 50%;
  background: rgba(var(--nft-rgb-dark-blue), 0.3);
  -webkit-filter: blur(46px);
  filter: blur(46px);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.dark .live-auction-swiper-card::after {
  content: "";
  position: absolute;
  top: -13.3rem;
  right: 0;
  transform: translateX(-35%);
  width: 26.6rem;
  height: 26.6rem;
  background: rgba(var(--nft-rgb-purple), 0.6);
  -webkit-filter: blur(94px);
  filter: blur(94px);
  -webkit-transform: translateX(-35%);
  -moz-transform: translateX(-35%);
  -ms-transform: translateX(-35%);
  -o-transform: translateX(-35%);
}

.dark .live-auction-swiper-card-wrapper::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 40%;
  transform: translateX(-100%);
  width: 14rem;
  height: 14rem;
  background: rgba(var(--nft-rgb-dark-blue), 0.6);
  -webkit-filter: blur(54px);
  filter: blur(54px);
  z-index: -1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
}

.live-auction-card {
  --bs-aspect-ratio: 142.5%;
  -o-border-image: linear-gradient(180deg, rgba(var(--nft-rgb-white), 0.2) 0%, rgba(var(--nft-rgb-white), 0) 100%) 27 / 8px;
  border-image: linear-gradient(180deg, rgba(var(--nft-rgb-white), 0.2) 0%, rgba(var(--nft-rgb-white), 0) 100%) 27 / 8px;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}

.live-auction-card:hover {
  -o-border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-dark-purple), 0.6),
      rgba(var(--nft-rgb-white), 0) 60%) 27 / 8px;
  border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-dark-purple), 0.6),
      rgba(var(--nft-rgb-white), 0) 60%) 27 / 8px;
}

.live-auction-text-card {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  left: 8px;
  top: 8px;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
}

.live-auction-card:hover .live-auction-text-card {
  background-color: rgba(var(--nft-rgb-black), 0.4);
}

.live-auction-card-data {
  border-radius: 10px;
  background-image: radial-gradient(circle at 11.5% calc(0% - 25px), transparent 42px, rgba(var(--nft-rgb-black), 0.3) 0);
  box-shadow: 0px 28px 44px 0px rgba(var(--nft-rgb-black), 0.09);
  backdrop-filter: blur(19.5px);
  -webkit-backdrop-filter: blur(19.5px);
  min-height: 20rem;
  padding: 3.8rem 24px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.live-auction-card-title {
  font-size: 22px;
  line-height: 1.54;
  padding-right: 6px;
  margin-bottom: 6px;
}

.live-auction-like-icon svg {
  max-width: 20px;
  max-height: 20px;
  margin-right: 8px;
}

.live-auction-by,
.live-auction-bid,
.live-auction-like-count {
  color: rgba(var(--nft-rgb-white), 0.8);
}

.live-auction-bid {
  margin-top: 16px;
}

.live-auction-by {
  margin-right: 4px;
}

.live-auction-price-card {
  margin-top: 8px;
}

.live-auction-price {
  color: rgba(var(--nft-rgb-white), 0.8);
  margin-right: 8px;
}

.live-auction-weth-icon {
  color: var(--nft-light-purple);
  margin-right: 8px;
}

.live-auction-weth {
  color: var(--nft-light-purple);
}

.live-auction-clock-card {
  border-radius: 8rem;
  background: rgba(var(--nft-rgb-white), 0.12);
  box-shadow: 0px 28px 44px 0px rgba(var(--nft-rgb-black), 0.09);
  padding: 8px 12px;
  margin-left: 10px;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
}

.live-auction-clock-icon {
  margin-right: 8px;
}

.live-auction-avatar-card {
  max-width: 55px;
  max-height: 55px;
  width: 55px;
  height: 55px;
  border: 3px solid rgba(var(--nft-rgb-white), 0.3);
  left: 11.5%;
  top: -45px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.live-auction-place-bid-card {
  transform: translateY(-50%) scale(0);
  top: 35%;
  opacity: 0;
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
}

.live-auction-card:hover .live-auction-place-bid-card {
  transform: translateY(-50%) scale(100%);
  opacity: 1;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-transform: translateY(-50%) scale(100%);
  -moz-transform: translateY(-50%) scale(100%);
  -ms-transform: translateY(-50%) scale(100%);
  -o-transform: translateY(-50%) scale(100%);
}

.live-auction-place-bid-text {
  margin-left: 8px;
}

.explore-more-link {
  margin-top: 7rem;
  color: var(--nft-light-purple);
}

/* LIVE Auction End */

/* Subscribe Start */
.subscribe-update-wrapper {
  padding: 8.8rem 4.7rem;
  background: var(--nft-subscribe-update-bg);
  box-shadow: var(--nft-box-shadow);
  border-radius: 14px;
  border: 1px solid transparent;
  border-top: 1px solid var(--nft-fully-purple);
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  --subscribe-update-img-width: 15rem;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
}

.subscribe-update-wrapper::before {
  content: "";
  width: 46.7rem;
  position: absolute;
  height: 46.7rem;
  border-radius: 100%;
  background: var(--nft-subscribe-wrapper-before-bg);
  filter: blur(174px);
  -webkit-filter: blur(174px);
  top: 0;
  left: 0;
  transform: translate(8.8rem, 6.3rem);
  -webkit-transform: translate(8.8rem, 6.3rem);
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -moz-transform: translate(8.8rem, 6.3rem);
  -ms-transform: translate(8.8rem, 6.3rem);
  -o-transform: translate(8.8rem, 6.3rem);
}

.subscribe-update-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50.7rem;
  height: 50.4rem;
  border-radius: 100%;
  background: var(--nft-subscribe-wrapper-after-bg);
  filter: blur(174px);
  -webkit-filter: blur(174px);
  transform: translate(16rem, 0px);
  -webkit-transform: translate(16rem, 0px);
  z-index: -1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -moz-transform: translate(16rem, 0px);
  -ms-transform: translate(16rem, 0px);
  -o-transform: translate(16rem, 0px);
}

.subscribe-update-img {
  max-width: var(--subscribe-update-img-width);
}

.subscribe-update-img img {
  max-width: inherit;
  height: inherit;
  -o-object-fit: contain;
  object-fit: contain;
}

.subscribe-content-wrapper {
  --content-max-width: 80rem;
  max-width: calc(100% - var(--subscribe-update-img-width));
  padding-left: 4.5rem;
}

.subscribe-info-text {
  color: var(--nft-subscribe-details-text);
}

.subscribe-title-info {
  margin-bottom: 6.6rem;
}

.subscribe-title {
  max-width: var(--content-max-width);
}

.subscribe-title .small-title {
  background: var(--nft-subscribe-title-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.4;
}

.subscribe-update-info {
  max-width: calc(100% - var(--content-max-width));
  padding-left: 4.5rem;
}

.subscribe-update-info p {
  line-height: 1.5;
}

.subscribe-btn {
  text-transform: capitalize;
}

.input-subscribe-btn-wrapper .button.primary-btn {
  background-image: var(--nft-subscribe-btn-bg);
  border: 1px solid var(--nft-subscribe-btn-border);
}

.light .input-subscribe-btn-wrapper .button.primary-btn {
  background: none;
}

.light .input-subscribe-btn-wrapper .button.primary-btn:hover {
  background: var(--nft-subscribe-btn-hover-bg);
  color: var(--nft-subscribe-btn-hover-color);
}

.input-subscribe-btn-wrapper {
  gap: 4rem;
}

.top-left-diamond-img {
  top: 15%;
  left: 10%;
  max-width: 6.1rem;
  max-height: 4.4rem;
  animation: subscribe-top-left-diamond 5s infinite forwards;
  -webkit-animation: subscribe-top-left-diamond 5s infinite forwards;
}

.subscribe-bottom-left-diamond-img {
  z-index: var(--nft-bottom-left-diamond-z-index);
  max-width: 9.5rem;
  max-height: 6.9rem;
  bottom: 10%;
  left: -3%;
  animation: subscribe-bottom-left-diamond-img 5s infinite;
  -webkit-animation: subscribe-bottom-left-diamond-img 5s infinite;
}

@-webkit-keyframes subscribe-bottom-left-diamond-img {

  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  50% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
}

@keyframes subscribe-bottom-left-diamond-img {

  0%,
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  50% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
}

.top-right-diamond-img {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  max-width: 7.7rem;
  max-height: 5.6rem;
  -moz-transform: translate(23px, -2.5rem);
  -ms-transform: translate(23px, -2.5rem);
  -o-transform: translate(23px, -2.5rem);
  animation: subscribe-bottom-left-diamond-img 5s infinite;
  -webkit-animation: subscribe-bottom-left-diamond-img 5s infinite;
}

.top-right-secondary-img {
  transform: translate(-5.2rem, 4.4rem);
  -webkit-transform: translate(-5.2rem, 4.4rem);
  filter: blur(4.5px);
  -webkit-filter: blur(4.5px);
  max-width: 7.7rem;
  max-height: 3.7rem;
  -moz-transform: translate(-5.2rem, 4.4rem);
  -ms-transform: translate(-5.2rem, 4.4rem);
  -o-transform: translate(-5.2rem, 4.4rem);
}

/* Subscribe End */

/* Home Page End */

/* Explore Live Auction & Explore Products Page Start */
/*  Explore Products Left Side Wrapper Start */
.explore-product-search-card,
.explore-product-category-card,
.explore-product-type-card {
  margin-bottom: 6rem;
}

.explore-products-left-side-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--nft-header-height) + 30px);
  height: 100%;
}

.explore-product-search-input-card .custom-input {
  padding-right: 50px;
}

.explore-product-filter-wrapper {
  max-height: calc(100vh - 32rem);
  overflow: auto;
}

.explore-product-filter-wrapper::-webkit-scrollbar{
  opacity: 0;
}

.explore-product-sub-title {
  font-size: var(--h5-md-size);
  padding-bottom: 4rem;
}

.explore-products-search-icon {
  width: 24px;
  height: 24px;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  color: var(--nft-label-color);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.custom-checkbox-label {
  line-height: normal;
  color: var(--nft-label-color);
  font-weight: 400;
}

.custom-checkbox-label:hover {
  color: var(--nft-label-active);
}

.custom-checkbox-card.form-check .form-check-input {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.custom-checkbox-card:not(:last-child) {
  margin-bottom: 26px;
}

.custom-checkbox-card.form-check {
  min-height: unset;
}

.custom-checkbox-card .form-check-input {
  background-color: transparent;
  border: 1px solid var(--nft-checkbox-border-color);
  position: relative;
}

.custom-checkbox-card .form-check-input::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 8px;
  opacity: 0;
  width: 6px;
  height: 13px;
  border: solid var(--nft-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.custom-checkbox-card .form-check-input:checked::before {
  opacity: 1;
}

.custom-checkbox-card .form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: var(--nft-theme-gradient-bg);
  border: 1px solid transparent;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.custom-checkbox-card .form-check-input:focus {
  border-color: var(--nft-checkbox-border-color);
  box-shadow: unset;
}

.custom-checkbox-card .form-check-input:checked[type="checkbox"]+.custom-checkbox-label {
  color: var(--nft-label-active);
  font-weight: 500;
}

/* Range Slider Start */
.range-slider-wrapper {
  padding-bottom: 40px;
}

.range-slider-price-input {
  margin: 0 0 3.5rem;
}

.range-slider-price-input .range-slider-field {
  grid-template-columns: 1fr auto 1fr;
  min-height: 5.4rem;
  padding: 12px 0;
  border: 1px solid var(--nft-filter-dropdown-btn-border-color);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.range-slider-field input {
  font-size: 14px;
  outline: none;
  border: 1px solid transparent;
  -moz-appearance: textfield;
  background-color: transparent;
  transition: var(--nft-body-transition);
  color: var(--nft-range-slider-text-color);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.range-slider-wrapper input[type='number']::-webkit-outer-spin-button,
.range-slider-wrapper input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.range-slider-separator {
  padding: 0 12px;
}

.range-slider-wrapper .range-slider {
  transition: var(--nft-body-transition);
  height: 4px;
  background: var(--nft-range-slider-progress-bar-bg);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.range-slider .range-slider-progress-bar {
  left: 25%;
  right: 25%;
  border-radius: 5px;
  background: var(--nft-theme-gradient-bg);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.range-silder-input input {
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-slider-limit {
  font-size: 14px;
  color: var(--nft-modal-color);
}

.range-slider-wrapper .vr transition-03-linear {
  background-color: var(--nft-filter-dropdown-btn-border-color);
  align-self: center;
  opacity: 1;
}

.range-slider-wrapper input[type='range']::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: var(--nft-theme-gradient-bg);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(var(--nft-rgb-black), 0.05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.range-slider-wrapper input[type='range']::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--nft-theme-gradient-bg);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(var(--nft-rgb-black), 0.05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* Range Slider End */
/*  Explore Products Left Side Wrapper End */

/*  Explore Products Right Side Wrapper Start */
.explore-products-right-side-wrapper {
  padding-left: 7.2rem;
}

.explore-product-results-card {
  margin-bottom: 4rem;
  align-items: center;
}

.explore-product-result-text {
  color: var(--nft-modal-color);
}

.explore-products-product-wrapper {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 5rem;
}

.explore-product-image-card {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.explore-product-image-card .live-auction-card {
  --bs-aspect-ratio: 140%;
  -o-border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 100%) 27 / 5px;
  border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 100%) 27 / 5px;
}

.explore-product-image-card .live-auction-card-data {
  min-height: 14.4rem;
  padding: 3rem 14px 14px;
  border-radius: 5px;
  background-image: radial-gradient(circle at 14.5% calc(0% - 25px), transparent 40px, rgba(var(--nft-rgb-black), 0.3) 0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.explore-product-image-card .live-auction-avatar-card {
  left: 14.5%;
}

.explore-product-image-card .live-auction-text-card {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  top: 5px;
}

.explore-product-image-card .live-auction-card-title {
  font-size: 18px;
  margin-bottom: 0;
}

.explore-product-image-card .live-auction-clock-card {
  padding-left: 10px;
}

.explore-product-image-card .live-auction-bid {
  margin-top: 12px;
}

.explore-product-verify-tick-icon {
  width: 14px;
  height: 14px;
  bottom: 0;
  right: 0;
}

.explore-product-pagination-arrow {
  color: var(--nft-pagination-arrow-color);
  width: 28px;
  height: 28px;
}

.light .pagination-wrapper .page-link:hover .explore-product-pagination-arrow {
  color: var(--nft-white);
}

.custom-dropdown-card .btn {
  --bs-btn-color: var(--nft-option-color);
  --bs-btn-border-color: var(--nft-filter-dropdown-btn-border-color);
  --bs-btn-border-radius: 48px;
  padding: 14px 24px;
  --bs-btn-hover-border-color: var(--nft-light-purple);
  --bs-btn-font-size: 18px;
}

.custom-dropdown-card .dropdown-menu {
  --bs-dropdown-padding-y: 15px;
  --bs-dropdown-bg: var(--nft-filter-dropdown-bg);
  --bs-dropdown-border-radius: 8px;
  --bs-dropdown-border-color: var(--nft-filter-dropdown-link-border-color);
}

.custom-dropdown-card .dropdown-toggle::after {
  display: none;
}

.explore-dropdown-btn-icon {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.custom-dropdown-card .btn.show .explore-dropdown-btn-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.custom-dropdown-card .dropdown-item {
  color: var(--nft-filter-dropdown-link-color);
  padding: 10px 3.2rem;
  text-transform: capitalize;
}

.custom-dropdown-card .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--nft-nav-active);
  background-color: var(--nft-filter-dropdown-hover-bg);
  box-shadow: 0px 20px 52px 0px rgba(var(--nft-rgb-black), .06);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  border-color: var(--nft-light-purple);
}

/* Explore Products Right Side Wrapper End */
/* Explore Live Auction & Explore Products Page End */

/* Explore Item Details Page Start */
/* Item Details Modal Start */
.swiper-wrapper {
  transition-timing-function: linear;
}

/* Item Details Modal End */

/* Explore Place Bid Start */
.explore-place-bid-section {
  padding-bottom: 13.5rem;
}

.auction-img-wrapper {
  border-radius: 14px;
  --bs-aspect-ratio: 120%;
}

.auction-img-wrapper .live-auction-card {
  padding-bottom: 0;
}

.auction-img-wrapper .live-auction-img-card img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.auction-img-wrapper .live-auction-card:hover {
  -o-border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 100%) 27 / 8px;
  border-image: linear-gradient(180deg,
      rgba(var(--nft-rgb-white), 0.2) 0%,
      rgba(var(--nft-rgb-white), 0) 100%) 27 / 8px;
}

.place-bid-info {
  padding-left: 6.6rem;
}

.bid-card-info-header {
  margin-bottom: 14px;
}

.item-detail-bid-title {
  background: var(--nft-explore-bid-card-title-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.likeicon {
  color: var(--nft-khmer-curry);
  width: 23px;
  height: 20px;
  flex-shrink: 0;
}

.explore-dropdown-icon {
  width: 28px;
  height: 28px;
}


.custom-dropdown-card.explore-item-dropdown .btn {
  --bs-btn-color: var(--nft-option-color);
  --bs-btn-border-color: none;
  --bs-btn-border-radius: none;
  padding: 0px;
  --bs-btn-hover-border-color: none;
  --bs-btn-font-size: none;
}

.item-creator-info-wrapper {
  grid-gap: 4rem;
  padding: 21px 0px 3rem 0px;
}

.item-owner-info {
  max-width: 30rem;
}

.item-owner-info:not(:last-child) {
  border-right: 1px solid var(--nft-creator-section-between-border);
}

.owner-img-main-wrapper {
  border-radius: 50%;
  border: 3px solid var(--nft-owner-img-border-color);
  max-width: 7rem;
  max-height: 7rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.owner-img-wrapper img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}

.owner-details {
  padding-left: 16px;
}

.owned-by {
  color: var(--nft-owned-by-color);
  line-height: 1.3;
}

.owner-name {
  color: var(--nft-owner-name-color);
  line-height: 1.3;
}

.creator-description {
  line-height: 1.8;
  color: var(--nft-creator-description-color);
}

.place-bid-tabs-info-wrapper {
  margin-top: 3rem;
}

.explore-bid-tabs {
  border-bottom: 1px solid var(--nft-bid-tab-border-color);
  grid-gap: 3.3rem;
}

.explore-bid-tabs .nav-tabs .nav-item.show .nav-link,
.explore-bid-tabs .nav-tabs .nav-link.active {
  color: var(--nft-tab-active-color);
  background-color: transparent;
  border-bottom: 2px solid var(--nft-tab-active-color);
}

.explore-bid-tabs .nav-link {
  border: none;
  color: var(--nft-tab-link-color);
  padding: 0 0 14px 0;
  font-weight: normal;
}

.explore-bid-tabs .nav-link:focus,
.explore-bid-tabs .nav-link:hover {
  color: var(--nft-tab-active-color);
  font-weight: 600;
}

.explore-bid-tab-content {
  margin-top: 2.8rem;
  padding-right: 10px;
  max-height: 26rem;
  min-height: 26rem;
  overflow-y: auto;
  --info-tab-prefix-width: 26rem;
}

.light .place-bid-tabs-info-wrapper.custom-tabing {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.latest-bid-user {
  grid-gap: 1.8rem;
}

.latest-bid-user:not(:last-child) {
  margin-bottom: 22px;
}

.latest-bid-avatar-card {
  max-width: 5.6rem;
  max-height: 5.6rem;
}

.latest-bid-avatar {
  max-width: inherit;
  max-height: inherit;
  border: 3px solid var(--nft-owner-img-border-color);
}

.explore-verify-tick {
  width: 18px;
  height: 18px;
}

.user-name {
  color: var(--nft-owner-name-color);
  margin-bottom: 12px;
}

.user-details {
  max-width: 70rem;
}

.user-bid-color {
  color: var(--nft-creator-description-color);
  padding-left: 8px;
}

.hours-text {
  color: var(--nft-creator-description-color);
}

.bid-info-footer-wrapper {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4rem;
  margin-top: 3rem;
  padding: 21px;
  border-radius: 8px;
  background: var(--nft-bid-wrapper-bg);
  box-shadow: var(--nft-bid-wrapper-box-shadow);
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.light .bid-info-footer-wrapper {
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
}

.bid-details:not(:last-child) {
  border-right: 1px solid var(--nft-creator-section-between-border);
}

.bid-heading {
  color: var(--nft-bid-heading-text-color);
  line-height: 1.3;
  margin-bottom: 8px;
}

.bid-detail {
  color: var(--nft-bid-detail-info-color);
  line-height: 1.3;
  transition: 0.3s all ease-in-out;
}

.bid-time-remaining {
  color: var(--nft-khmer-curry);
  line-height: 1.3;
}

.bid-info-prefix-suffix-wrapper:not(:last-child) {
  margin-bottom: 2.1rem;
}

.bid-info-prefix-wrapper {
  max-width: var(--info-tab-prefix-width);
}

.bid-info-suffix-wrapper {
  max-width: calc(100% - var(--info-tab-prefix-width));
}

.bid-info-detail {
  color: var(--nft-subtitle);
}

.bid-info-description {
  color: var(--nft-owner-name-color);
}

.bid-info-description-address {
  color: var(--nft-bid-info-green-color);
}

.place-bid-modal-wrapper .small-title {
  background: var(--nft-place-bid-modal-title-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: var(--h6-size);
  text-align: start;
  margin-bottom: 12px;
}

.place-bid-footer-btn button {
  margin-top: 3rem;
}

.place-bid-modal-wrapper.modal {
  --bs-modal-bg: rgba(var(--nft-modal-bg), 0.7);
  --bs-modal-width: 581px;
  --bs-modal-color: var(--nft-modal-color);
  --bs-modal-header-border-width: unset;
  --bs-border-color: unset;
  --bs-modal-header-padding-x: unset;
  --bs-modal-header-padding-y: unset;
  --bs-modal-header-padding: unset;
  --bs-modal-padding: unset;
}

.place-bid-modal-wrapper .modal-header {
  margin-bottom: 3.2rem;
}

.place-bid-modal-wrapper .btn-close {
  width: 15px;
  height: 15px;
  --bs-btn-close-bg: unset;
  --bs-btn-close-color: var(--nft-modal-close-icon-color);
  opacity: 1;
}

.place-bid-modal-wrapper .btn-close:focus {
  box-shadow: none;
}

.modal-content {
  background: var(--nft-place-bid-modal-bg-color);
  border-radius: 16px;
  box-shadow: 0px 24px 156px 0px rgba(var(--nft-rgb-black), 0.5);
  backdrop-filter: blur(38px);
  -webkit-backdrop-filter: blur(38px);
  border: 0px;
  padding: 4rem;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.place-bid-modal-wrapper .item-details-bid-input-card:not(:last-child) {
  margin-bottom: 2.4rem;
}

.place-bid-modal-wrapper .custom-input.bid-weth-input-spacing {
  padding: 5px 10rem 5px 22px;
}

.place-bid-modal-wrapper .item-details-modal-price.purple-text {
  color: var(--nft-modal-purple-text);
}

.place-bid-modal-wrapper .item-details-modal-currency {
  color: var(--nft-modal-purple-text);
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.place-bid-modal-wrapper .item-details-modal-balance-inner-card {
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.place-bid-modal-wrapper .item-details-modal-balance-inner-card:not(:last-child) {
  padding-bottom: 20px;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.place-bid-modal-wrapper .item-details-modal-balance-card {
  margin-top: 3.2rem;
  padding: 3.2rem 0;
  border-radius: 8px;
  border-top: 1px solid var(--nft-purple-tint-1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}


.created-history-content-wrapper {
  --created-history-content-wrapper-margin: 2.8rem;
  padding-left: 4.4rem;
}

.created-history-content-wrapper:not(:last-child) {
  margin-bottom: var(--created-history-content-wrapper-margin);
}

.created-history-content-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: linear-gradient(122deg, var(--nft-violet-glow) -2.41%, var(--nft-blue-violet) 92.24%);
  border-radius: 50%;
}

.created-history-content-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: calc(100% + var(--created-history-content-wrapper-margin));
  background-color: transparent;
  border-left: dashed 2px var(--nft-history-content-before-border);
  z-index: -1;
}

.copy-btn {
  background: none;
  color: var(--nft-bid-info-green-color);
  border: none;
}

.copy-btn-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-left: 12px;
}

.created-history-content-wrapper .user-bid-color {
  padding-left: 0;
  margin-bottom: 12px;
}

.created-history-content-wrapper .user-name {
  padding-left: 8px;
}

.place-bid-btn-wrapper button {
  margin-top: 3rem;
}

.place-bid-btn-wrapper .item-details-modal-card .modal-content {
  background: var(--nft-place-bid-modal-bg-color);
  -webkit-backdrop-filter: blur(38px);
}

/* Explore Place Bid End */
/* Explore Item Details Page End */

/* Explore Collection Page Start */
.collection-ranking-tabing-title-tabContent .nav-tabs,
.explore-collection-wrapper-section .nav-tabs {
  --bs-nav-tabs-border-color: var(--nft-explore-collation-tab-border);
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-active-color: var(--nft-explore-collation-tab-nav-active);
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-hover-border-color: transparent;
  --bs-nav-tabs-link-active-border-color: transparent transparent var(--nft-explore-collation-tab-nav-active);
}

.explore-collection-wrapper-section .nav {
  margin-bottom: 4rem;
  background-color: var(--nft-body);
  z-index: 99;
}

.light .explore-collection-wrapper-section .nav{
  background-color: var(--nft-explore-collection-color);
}


.collection-ranking-tabing-title-tabContent .nav .d-flex,
.explore-collection-wrapper-section .nav-tabs-button-wrapper {
  gap: 3.6rem;
}

.explore-collection-wrapper-section .nav-tabs-button-wrapper::-webkit-scrollbar {
  display: none;
}

.collection-ranking-tabing-title-tabContent .nav-link,
.explore-collection-wrapper-section .nav-link {
  padding: 3.2rem 0;
  letter-spacing: 1.04px;
  border: 2px solid transparent;
  color: var(--nft-explore-collation-tab-nav);
  gap: 8px;
}

.collection-ranking-tabing-title-tabContent .nav-link:focus,
.collection-ranking-tabing-title-tabContent .nav-link:hover,
.explore-collection-wrapper-section .nav-link:focus,
.explore-collection-wrapper-section .nav-link:hover {
  color: var(--nft-explore-collation-tab-nav-active);
}

.explore-collection-wrapper-section .nav-link .badge {
  --bs-badge-padding-x: 0;
  --bs-badge-padding-y: 4px;
  --bs-badge-font-size: var(--p-sm-size);
  min-width: 6.8rem;
  border-radius: 6px;
  color: var(--nft-explore-collation-badge-color);
  border: 1px solid var(--nft-explore-collation-badge-border);
  background-color: var(--nft-nav-card-collection-badge);
  line-height: normal;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.nav-collection-wrapper {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4.6rem;
}

.nav-card-wrapper .nav-card {
  padding: 2rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.light .nav-card {
  box-shadow: 0px 20px 52px 0px rgba(var(--nft-rgb-black), 0.06)
}

.light .nav-card-wrapper .nav-card:hover {
  box-shadow: 0px 20px 52px 0px rgba(149, 99, 255, 0.30);
}

.nav-card {
  background-color: var(--nft-explore-collation-card-wrapper);
  position: relative;
  transition: var(--nft-body-transition);
}

.nav-card-wrapper .nav-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-image: linear-gradient(var(--nft-explore-collation-card-wrapper), var(--nft-explore-collation-card-wrapper)), linear-gradient(122deg, var(--nft-violet-glow) -2.41%, var(--nft-blue-violet) 92.24%);
  background-origin: border-box;
  border: 4px solid transparent;
  background-clip: content-box, border-box;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: var(--nft-body-transition);
}

.nav-card-wrapper .nav-card:hover::before {
  opacity: 1;
}

.nav-card-collection-wrapper {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  margin-bottom: 24px;
}

.nav-card-collection-wrapper img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 10px;
  -o-object-position: top;
  object-position: top;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.nav-card-collection-first {
  grid-column: 1/4;
  --bs-aspect-ratio: 75%;
}

.nav-card-collection-bottom-wrapper {
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}

.nav-card-collection-bottom-wrapper .verify-tick {
  width: 22px;
  height: 22px;
  bottom: 0;
  right: -0.5rem;
}

.nav-card-collection-bottom-avatar {
  width: 5.8rem;
  height: 5.8rem;
  border: 0.4rem solid var(--nft-owner-img-border-color);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  transition: var(--nft-body-transition);
}

.collection-items-list-count {
  padding: 12px 20px;
  color: var(--nft-nav-card-collection-items-list-count);
  background: rgba(var(--nft-rgb-white), 0.08);
  border-radius: 8rem;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
  border: 1px solid transparent;
  text-align: center;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.dark .collection-items-list-count {
  box-shadow: 0px 28px 44px 0px rgba(var(--nft-rgb-black) 0.09);
}

.light .collection-items-list-count {
  border-color: var(--nft-eyeshadow);
}

.nav-card-collection-bottom-avatar-details {
  color: var(--nft-nav-card-collection-bottom-avatar-details-title);
  padding-left: 14px;
}

.nav-creators-card-wrapper .collection-items-list-count:hover,
.light .nav-card-wrapper .nav-card:hover .collection-items-list-count {
  color: var(--nft-white);
}

.nav-creators-card-wrapper .collection-items-list-count::before,
.nav-card-wrapper .nav-card .collection-items-list-count::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(122deg, var(--nft-violet-glow) -2.41%, var(--nft-blue-violet) 92.24%);
  transition: var(--nft-body-transition);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  border-radius: 8rem;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
}

.nav-creators-card-wrapper .collection-items-list-count:hover::before,
.nav-card-wrapper .nav-card:hover .collection-items-list-count::before {
  opacity: 1;
}

/* Creators Section Start  */
.nav-creators-card-wrapper {
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}

.nav-creators-card-wrapper .nav-card {
  padding: 16px 16px 30px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.nav-creators-card-wrapper .nav-card-collection-bottom-avatar {
  width: 9rem;
  height: 9rem;
  margin-top: -5rem;
  border-color: var(--nft-explore-collation-card-wrapper);
}

.nav-creators-card-wrapper .nav-card-collection-bottom-avatar .verify-tick {
  width: 3rem;
  height: 3rem;
}

.creators-details-wrapper {
  margin-top: 18px;
}

.creators-details-wrapper span {
  color: var(--nft-nav-card-creators-details-wrapper-span);
}

.nav-creators-card-wrapper .collection-items-list-count {
  min-width: 138px;
  padding: 14px 32px;
}

.nav-creators-card-cover {
  --bs-aspect-ratio: 46%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* Creators Section End */
/* Explore Collection Page End */

/* All Activity Page start */
.activity-title-card {
  margin-bottom: 4rem;
}

.activity-section .explore-product-category-card,
.explore-product-type-card {
  margin-bottom: 4rem;
}

.activity-left-wrapper {
  padding-right: 7.3rem;
}

.all-activity-card {
  gap: 24px;
  padding-top: 20px;
}

.all-activity-card:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--nft-purple-tint-1);
}

.all-activity-img-card {
  max-width: 11.2rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.all-activity-content-card {
  gap: 15px;
}

.all-activity-name {
  color: var(--nft-faq-question-color);
  margin-bottom: 10px;
}

.all-activity-no-of-edit {
  color: var(--nft-modal-close-icon-color);
  margin-bottom: 10px;
}

.all-activity-no-of-edit .purple-text {
  color: var(--nft-light-purple);
}

.all-activity-edited-details {
  gap: 16px;
}

.all-activity-duration-icon svg {
  max-width: 16px;
  max-height: 16px;
  width: 100%;
  color: var(--nft-activity-icon-color);
  margin-right: 8px;
}

.all-activity-duration-text {
  color: var(--nft-filter-dropdown-link-color);
}

.all-activity-icon-card,
.contact-details-card .all-activity-icon-card svg {
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  color: var(--nft-activity-reaction-icon-color);
}

.all-activity-card:hover .all-activity-icon-card {
  color: var(--nft-light-purple);
}

.all-activity-clear-filter-text {
  background: var(--nft-theme-gradient-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.activity-section .header-logo-wrapper {
  display: none;
}

.activity-clear-filter-card {
  padding-bottom: 15px;
}

.activity-section .explore-product-filter-wrapper {
  max-height: calc(100vh - var(--nft-header-height));
}

/* All Activity Page End */

/* Ranking Page start */
/* collection-stats Table Styles Start */
.collection-stats .table {
  --bs-table-bg: var(--nft-body);
  --bs-table-color: var(--nft-collection-stats-table-color);
  --bs-table-border-color: var(--nft-collection-stats-table-border-color);
}

.collection-stats .table>:not(caption)>*>* {
  vertical-align: middle;
  transition: 0.3s all ease-in-out;
}

.collection-stats .table thead tr th {
  padding-bottom: 0;
  color: var(--nft-modal-close-icon-color);
  padding-top: 0;
  min-width: 165px;
}

.collection-stats .table tr th:first-child {
  min-width: 5.4rem;
  padding-left: 16px;
}

.collection-stats .table tr td:last-child,
.collection-stats .table thead tr th:last-child {
  padding-right: 16px;
}

.collection-stats .table tbody tr td:nth-child(1) {
  min-width: 5.4rem;
  padding-left: 16px;
  font-weight: 500;
}

.collection-stats .table tbody tr td:nth-child(2) {
  min-width: 50rem;
}

.collection-stats .table tbody tr td {
  min-width: 16.5rem;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.collection-stats .table tr:last-child {
  border-bottom: transparent;
}

.collection-stats .table-collection-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}

.collection-stats .table-avatar-wrapper {
  min-width: 40px;
  min-height: 40px;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* collection-stats Table Styles Start */

/* TabContent In Time Filter Wrapper Start */
.time-filter-wrapper {
  display: flex;
  gap: 4.2rem;
  border: 1px solid var(--nft-time-filter-wrapper-border-color);
  border-radius: 4.8rem;
  padding: 11px 28px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-border-radius: 4.8rem;
  -moz-border-radius: 4.8rem;
  -ms-border-radius: 4.8rem;
  -o-border-radius: 4.8rem;
}

.time-filter-wrapper .btn {
  --bs-btn-border-width: 0;
  --bs-btn-color: var(--nft-time-filter-wrapper-color);
}

.time-filter-wrapper button:hover,
.time-filter-wrapper button.active {
  color: var(--nft-time-filter-wrapper-active-color);
}

.collection-ranking-tabing-title-tabContent .nav-tabs {
  margin-bottom: 6.4rem;
}

/* TabContent In Time Filter Wrapper End */

/* Ranking Page End */

/* Blogs Page start */

.explore-blog-link {
  --nft-blog-link-card-spacing: 3.2rem;
}

.explore-blog-link:not(:last-child) {
  padding-bottom: var(--nft-blog-link-card-spacing);
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.explore-blog-link:not(:first-child) {
  padding-top: var(--nft-blog-link-card-spacing);
}


.blog-date-and-time-wrapper h6 {
  line-height: 1.3;
  color: var(--nft-blog-date-time-text-color);
}

.blog-time {
  padding-left: 18px;
  margin-left: 8px;
}

.blog-time::before {
  content: "";
  background: var(--nft-blog-date-time-text-color);
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.explore-blog-link-img {
  max-width: 100%;
  --bs-aspect-ratio: 112%;
}

.explore-blog-link-img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.explore-detail-info {
  padding-left: 3.2rem;
}

.blog-info {
  margin-top: 12px;
}

.blog-card-title {
  font-size: 2.8rem;
  color: var(--nft-blog-card-title-color);
  line-height: 1.5;
  margin-bottom: 12px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.blog-card-description {
  color: var(--nft-blog-card-description-color);
}

.blog-card-read-more-btn {
  margin-top: 24px;
}

/* Recent Post starts */
.explore-blog-search-wrapper {
  padding-left: 4.8rem;
  top: 10.5rem;
  --nft-post-img-width: 12.2rem;
}

.recent-post-main-title {
  font-size: 18px;
}

.explore-blog-search-wrapper .explore-product-search-card {
  margin-bottom: 3.2rem;
}

.explore-blog-search-wrapper .explore-product-sub-title {
  padding-bottom: 3.4rem;
}


.recent-post-main-title {
  color: var(--nft-recent-post-main-title);
  margin-bottom: 16px;
}

.explore-recent-post {
  grid-gap: 16px;
  --nft-blog-post-card-spacing: 16px;
}

.explore-recent-post .recent-post-info .blog-card-title {
  font-size: 18px;
}

.explore-recent-post:hover .recent-post-info .blog-card-title {
  color: var(--nft-post-card-title-hover);
}

.explore-post-link-img {
  --bs-aspect-ratio: 155%;
  max-width: var(--nft-post-img-width);
  width: 100%;
}

.explore-post-link-img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.recent-post-detail-info {
  max-width: calc(100% - var(--nft-post-img-width));
  width: 100%;
}

.blog-post-title {
  color: var(--nft-blog-card-title-color);
  margin-bottom: 8px;
}

.explore-recent-post:not(:last-child) {
  padding-bottom: var(--nft-blog-post-card-spacing);
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.explore-recent-post:not(:first-child) {
  padding-top: var(--nft-blog-post-card-spacing);
}

/* Recent Post ends */

/* Blog Details Start */

.explore-blog-details-img-wrapper {
  --bs-aspect-ratio: 60%;
  margin-bottom: 24px;
}

.explore-blog-details-img-wrapper img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.explore-blog-detail-content-wrapper .blog-date-and-time-wrapper {
  margin-bottom: 12px;
}

.explore-blog-details-title {
  color: var(--nft-blog-card-title-color);
  font-size: var(--h5-md-size);
  margin-bottom: 2.8rem;
}

.blog-detail-description {
  color: var(--nft-blog-card-description-color);
  line-height: 1.6;
}

.explore-blog-details-content-info {
  margin-bottom: 2.8rem;
}

.blog-faq-title {
  color: var(--nft-blog-card-description-color);
  line-height: 1.2;
}

.explore-blog-details-content-info .blog-detail-description:not(:last-child) {
  margin-bottom: 20px;
}

.blog-detail-faq-answer {
  margin-top: 20px;
}

.blog-detail-faq-answer .blog-detail-description:not(:last-child) {
  margin-bottom: 12px;
}

.explore-blog-faq:not(:last-child) {
  margin-bottom: 2.8rem;
}

.blog-quote-image {
  background: var(--nft-cosmic-void);
  padding: 19px 4rem;
  background-repeat: no-repeat;
  margin-top: 2.8rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.blog-img-title {
  color: var(--nft-white);
  line-height: 1.7;
  max-width: 54.5rem;
  margin-bottom: 8px;
}

.blog-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Blogs Page End */

/* FAQ Page start */
.custom-accordion-card .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-color: var(--nft-modal-close-icon-color);
  --bs-accordion-border-width: 0px;
  --bs-accordion-active-color: var(--nft-modal-purple-text);
  --bs-accordion-active-bg: unset;
  --bs-accordion-btn-color: var(--nft-faq-question-color);
  --bs-accordion-btn-focus-box-shadow: unset
}

.custom-accordion-card .accordion-item {
  margin-bottom: 10px;
}

.custom-accordion-card .accordion-button {
  padding: 3.2rem 2rem;
}

.custom-accordion-card .accordion-button::after {
  content: "";
  position: absolute;
  width: calc(100% - 4rem);
  height: 1px;
  left: 50%;
  bottom: 0;
  background-color: var(--nft-purple-tint-1);
  background-image: unset;
  opacity: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.custom-accordion-card .accordion-button:hover {
  color: var(--nft-modal-purple-text);
}

.custom-accordion-card .accordion-button:not(.collapsed) {
  border-color: transparent;
  background: var(--nft-faq-active-bg-color);
  padding: 2rem 2rem 1rem;
}

.custom-accordion-card .accordion-button:not(.collapsed)::after {
  opacity: 0;
}

.custom-accordion-card .accordion-body {
  padding: 1rem 2rem 3.2rem;
  background: var(--nft-faq-active-bg-color);
  transition: var(--nft-body-transition);
}

.custom-accordion-card .faq-btn {
  width: 26px;
  height: 26px;
  background: var(--nft-faq-button);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.faq-btn span {
  background-color: var(--nft-body);
  width: 2px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-radius: 50px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.faq-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--nft-theme-gradient-bg);
  opacity: 0;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.faq-btn span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
}

.custom-accordion-card .accordion-button:hover .faq-btn::after {
  opacity: 1;
}

.custom-accordion-card .accordion-button:not(.collapsed) .faq-btn::after {
  opacity: 1;
}

.custom-accordion-card .accordion-button:not(.collapsed) .faq-btn span:first-child {
  opacity: 0;
}

/* FAQ Page End */

/* Contact Us Page start */
.drop-up-message-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}

.drop-up-message-img-card {
  --bs-aspect-ratio: 85%;
}

.drop-up-message-title {
  font-size: var(--h5-md-size);
  margin-bottom: 24px;
}

.drop-up-message-description {
  color: var(--nft-modal-close-icon-color);
}

.drop-up-message-form-wrapper {
  margin: 4rem 0;
}

.drop-up-input {
  margin-bottom: 24px;
}

.drop-up-textarea {
  height: 21.6rem;
  padding-top: 15px;
}

.drop-up-message-contact-wrapper {
  margin-top: 5rem;
}

.drop-up-message-contact-wrapper {
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}

.contact-details-card {
  background: var(--nft-custom-input-bg-color);
  box-shadow: 0px 20px 52px 0px rgba(var(--nft-rgb-black), 0.06);
  padding: 4.4rem;
}

.contact-details-card:hover {
  background: var(--nft-contact-card-bg-color);
}

.contact-details-title {
  margin: 21px 0 16px;
}

.contact-info:not(:last-child) {
  margin-bottom: 8px;
}

.contact-info {
  color: var(--nft-modal-close-icon-color);
}

/* Contact Us Page End */

/* Profile Page & Author Profile Page Common Style Start */
.author-profile-top-wrapper,
.profile-top-wrapper {
  background-image: url(../images/cover/profile-bg.jpg);
  border-radius: 10px 10px 0px 0px;
  min-height: 30rem;
  margin-bottom: 5.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 40px 0;
}

.profile-bottom-wrapper-tabing .custom-tabing {
  margin-top: 0;
}

.profile-bottom-wrapper .tab-content .nav-collection-wrapper {
  grid-gap: 3.4rem;
}

.profile-bottom-wrapper .nav-card-wrapper .nav-card {
  padding: 16px;
}

.profile-bottom-wrapper .nav-card-collection-bottom-avatar-details {
  padding-left: 0;
}

.author-profile-bottom-left-img-wrapper,
.profile-bottom-left-img-wrapper {
  --bs-aspect-ratio: 133.33%;
}

.profile-top-wrapper::after,
.profile-bottom-left-img-wrapper::after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 20px;
  padding: 9px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-size: 24px;
  background-color: rgba(var(--nft-rgb-white), 0.11);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.77778 21H14.2222C17.3433 21 18.9038 21 20.0248 20.2646C20.51 19.9462 20.9267 19.5371 21.251 19.0607C22 17.9601 22 16.4279 22 13.3636C22 10.2994 22 8.76721 21.251 7.6666C20.9267 7.19014 20.51 6.78104 20.0248 6.46268C19.3044 5.99013 18.4027 5.82123 17.022 5.76086C16.3631 5.76086 15.7959 5.27068 15.6667 4.63636C15.4728 3.68489 14.6219 3 13.6337 3H10.3663C9.37805 3 8.52715 3.68489 8.33333 4.63636C8.20412 5.27068 7.63685 5.76086 6.978 5.76086C5.59733 5.82123 4.69555 5.99013 3.97524 6.46268C3.48995 6.78104 3.07328 7.19014 2.74902 7.6666C2 8.76721 2 10.2994 2 13.3636C2 16.4279 2 17.9601 2.74902 19.0607C3.07328 19.5371 3.48995 19.9462 3.97524 20.2646C5.09624 21 6.65675 21 9.77778 21ZM12 9.27273C9.69881 9.27273 7.83333 11.1043 7.83333 13.3636C7.83333 15.623 9.69881 17.4545 12 17.4545C14.3012 17.4545 16.1667 15.623 16.1667 13.3636C16.1667 11.1043 14.3012 9.27273 12 9.27273ZM12 10.9091C10.6193 10.9091 9.5 12.008 9.5 13.3636C9.5 14.7192 10.6193 15.8182 12 15.8182C13.3807 15.8182 14.5 14.7192 14.5 13.3636C14.5 12.008 13.3807 10.9091 12 10.9091ZM16.7222 10.0909C16.7222 9.63904 17.0953 9.27273 17.5556 9.27273H18.6667C19.1269 9.27273 19.5 9.63904 19.5 10.0909C19.5 10.5428 19.1269 10.9091 18.6667 10.9091H17.5556C17.0953 10.9091 16.7222 10.5428 16.7222 10.0909Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  background-origin: content-box;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.light .profile-bottom-left-img-wrapper::after {
  background-color: var(--nft-se-purple);
}

.author-profile-left-bottom-side,
.profile-left-bottom-side {
  gap: 4rem;
  flex-direction: column;
}

.profile-top-wrapper::after {
  top: 20px;
}

.profile-bg-upload-file input,
.upload-file input {
  opacity: 0;
  cursor: pointer;
  width: 42px;
  height: 42px;
  position: absolute;
  right: 15px;
  bottom: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 1;
}

.profile-bg-upload-file input {
  top: 20px;
}

.followers-details {
  gap: 3rem;
}

.followers-details h6 {
  line-height: normal;
  letter-spacing: 1.2px;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.profile-join-date-title,
.followers-details span {
  color: var(--nft-custom-tabing-tab-color);
}

.profile-user-about {
  grid-gap: 16px;
}

.profile-bottom-left-wrapper p {
  line-height: 183.333%;
  color: var(--nft-custom-tabing-tab-color);
}

.profile-user-social-media-wrapper {
  grid-gap: 16px;
}

.profile-user-social-media a {
  color: var(--nft-label-color);
}

.profile-user-social-media {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 10rem;
  background: var(--nft-profile-user-social-media-bg);
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  gap: 12px;
  transition: var(--nft-body-transition);
  border: 1px solid var(--nft-profile-user-social-media-border);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.profile-user-social-media span {
  width: 18px;
  height: 19px;
  display: flex;
}

.profile-bottom-left-wrapper .button.primary-btn {
  gap: 8px;
}

.profile-join-date-wrapper {
  padding: 16px 0;
  border-top: 1px solid var(--nft-create-link-border);
  border-bottom: 1px solid var(--nft-create-link-border);
}

.light .profile-join-date-wrapper {
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
}

.user-details-change-button {
  background: rgba(var(--nft-rgb-black), 0.30);
  color: var(--nft-white);
  gap: 12px;
}

.user-details-change-button:hover {
  border-radius: 3rem;
}

.collected-wrapper {
  right: 20px;
  gap: 10px;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.collected-wrapper .custom-dropdown-card .btn {
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 50%;
  --bs-btn-color: var(--nft-white);
  --bs-btn-hover-border-color: var(--nft-white);
  padding: 0;
  background: rgba(var(--nft-rgb-black), 0.40);
  min-width: 6rem;
  min-height: 6rem;
}

.collected-wrapper .custom-dropdown-card .btn.show,
.collected-wrapper .custom-dropdown-card .btn:hover {
  color: var(--nft-white);
}

.nft-collected-profile {
  gap: 19px;
  border-radius: 6rem;
  padding: 8px 16px;
  min-height: 6rem;
  background: rgba(var(--nft-rgb-black), 0.40);
  -webkit-backdrop-filter: blur(19.5px);
  backdrop-filter: blur(19.5px);
  -webkit-border-radius: 6rem;
  -moz-border-radius: 6rem;
  -ms-border-radius: 6rem;
  -o-border-radius: 6rem;
}

.nft-collected-profile .creator-avatar-wrapper {
  border: 2px solid rgba(var(--nft-rgb-white) 0.30);
}

.nft-collected-profile .creator-avatar-wrapper img {
  width: inherit;
  height: inherit;
  display: block;
}

.user-details-change-button span {
  width: 20px;
  height: 20px;
}

.profile-user-details-wrapper {
  padding-right: 4.5rem;
}

.profile-user-details h5 {
  line-height: normal;
  letter-spacing: 1.68px;
}

.profile-user-username-wrapper {
  gap: 2rem;
}

.profile-unicode {
  margin-right: 8px;
}

.profile-unicode-clipboard-icons svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
.profile-unicode-clipboard-icons svg:hover path{
  fill: var(--nft-golden-key);
  transition: all 0.3s ease-in-out;
}

/* Profile Page & Author Profile Page Common Style End */

/* Author Profile Page start */
.followers-by-details-wrapper h3.p.sm {
  color: var(--nft-subtitle);
  margin-bottom: 20px;
}

.followers-by-details-wrapper a {
  color: var(--nft-light-purple);
}

.followers-by-details-wrapper .creator-avatar-wrapper {
  border: 1px solid var(--nft-body);
}

/* Author Profile Page End */

/* Create NFT Starts */
.create-nft-sub-title {
  font-size: var(--p-xl-size);
  background: var(--nft-explore-hero-title-bg);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.upload-file-description {
  color: var(--nft-blog-card-description-color);
  line-height: 1.6;
  margin-top: 12px;
}

.file-upload-wrapper {
  margin-top: 24px;
}

.preview-item-search-title {
  font-size: var(--h5-md-size);
  margin-bottom: 3.2rem;
}

.preview-item-wrapper {
  margin-bottom: 4rem;
  padding: 3rem;
  background: var(--nft-preview-item-wrapper-bg-color);
  box-shadow: var(--nft-preview-item-wrapper-box-shadow);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.preview-item-content .live-auction-card {
  --bs-aspect-ratio: 139%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.preview-item-content .live-auction-card img{
  object-fit: contain;
}

.preview-item-img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.fileinputlabel {
  padding: 7.4rem 0px;
  background-color: rgba(149, 99, 255, 0.08);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border: dashed 1px var(--nft-light-purple);
}

.fileinputlabel:hover{
  border-color: var(--nft-fileinputlabel-color);
}

.inputfileicon {
  color: var(--nft-file-input-icon-color);
  width: 28px;
  height: 28px;
  margin-bottom: 16px;
}

.file-input {
  display: none;
}

.drag-text {
  color: var(--nft-blog-card-description-color);
  line-height: 1.25;
  margin-bottom: 6px;
}

.upload-text {
  color: var(--nft-light-purple);
  line-height: 1.25;
}

.max-size-text {
  color: var(--nft-blog-card-description-color);
  line-height: 1.3;
  margin-top: 20px;
}

.secondary-input {
  background: transparent;
  border: solid 1px var(--nft-blog-link-card-border-color);
  padding: 5px 22px;
  border-radius: 16px;
  width: 100%;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  color: var(--nft-secondary-input-color);
  box-shadow: none;
  height: 6.4rem;
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
}

.light .secondary-input::placeholder {
  color: var(--nft-smoky-studio);
}

.secondary-input:hover,
.secondary-input:focus-visible,
.custom-selection .nice-select:hover,
.nice-select:active, .nice-select.open, .nice-select:focus {
  border: 1px solid var(--nft-lilac-geode);
  outline: none;
}

.form-control:focus {
  color: unset;
  background: none;
  border-color: none;
  box-shadow: none;
}


.create-nft-top-spacing {
  margin-top: 5.6rem;
}

.input-spacing {
  margin-top: 3.2rem;
}

.item-details-content-wrapper .custom-dropdown-card .btn {
  color: var(--nft-create-nft-dropdown-btn-color);
}

.item-details-content-wrapper ::-webkit-input-placeholder {
  color: var(--nft-create-nft-placeholder-color);
}

.item-details-content-wrapper ::-moz-placeholder {
  color: var(--nft-create-nft-placeholder-color);
}

.item-details-content-wrapper :-ms-input-placeholder {
  color: var(--nft-create-nft-placeholder-color);
}

.item-details-content-wrapper ::-ms-input-placeholder {
  color: var(--nft-create-nft-placeholder-color);
}

.item-details-content-wrapper ::placeholder {
  color: var(--nft-create-nft-placeholder-color);
}

.item-details-wrapper .item-details-content-wrapper {
  margin-top: 24px;
}

.date-input-wrapper {
  margin-top: 24px;
}

.date-picker-icon {
  position: relative;
  z-index: 1;
}

.date-picker-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
  right: 22px;
}

input[type="date" i]::-webkit-calendar-picker-indicator,
.date-picker-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 13V11C20 10.161 20 9.41527 19.9871 8.75H0.012902C0 9.41527 0 10.161 0 11V13C0 16.7712 0 18.6569 1.17157 19.8284C2.34315 21 4.22876 21 8 21H12C15.7712 21 17.6569 21 18.8284 19.8284C20 18.6569 20 16.7712 20 13Z' fill='%236A6F9E'/%3E%3Cpath d='M5.75 1.5C5.75 1.08579 5.41421 0.75 5 0.75C4.58579 0.75 4.25 1.08579 4.25 1.5V3.07926C2.81067 3.19451 1.86577 3.47737 1.17157 4.17157C0.477375 4.86577 0.194513 5.81067 0.0792572 7.25H19.9207C19.8055 5.81067 19.5226 4.86577 18.8284 4.17157C18.1342 3.47737 17.1893 3.19451 15.75 3.07926V1.5C15.75 1.08579 15.4142 0.75 15 0.75C14.5858 0.75 14.25 1.08579 14.25 1.5V3.0129C13.5847 3 12.839 3 12 3H8C7.16097 3 6.41527 3 5.75 3.0129V1.5Z' fill='%236A6F9E'/%3E%3C/svg%3E%0A");
  width: 3rem;
  height: calc(100% - 4px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2rem;
  outline: none;
  padding: 0px;
}

/* Switch Start */
.switch-auction-wrapper {
  --switch-top-spacing: 18px;
}

.switch-content-wrapper:not(:first-child) {
  padding-top: var(--switch-top-spacing);
}

.switch-content-wrapper:not(:last-child) {
  padding-bottom: var(--switch-top-spacing);
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.switch {
  --nft-toggle-width: 4rem;
  --nft-toggle-height: 2.6rem;
  --nft-toggle-spacing: 0.2rem;
}

.switch input {
  width: var(--nft-toggle-width);
  height: var(--nft-toggle-height);
}

.slider {
  background: transparent;
  border: 1px solid var(--nft-switch-color);
  width: var(--nft-toggle-width);
  height: var(--nft-toggle-height);
  position: relative;
}

.slider:before {
  position: absolute;
  content: "";
  width: calc(var(--nft-toggle-width) / 2);
  height: calc(var(--nft-toggle-height) - 0.6rem);
  left: var(--nft-toggle-spacing);
  top: 50%;
  transform: translateY(-50%);
  background: var(--nft-switch-color);
  border-radius: 50%;
  transition: var(--nft-body-transition);
  -webkit-transition: var(--nft-body-transition);
  -moz-transition: var(--nft-body-transition);
  -ms-transition: var(--nft-body-transition);
  -o-transition: var(--nft-body-transition);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.switch-input input:checked+.slider {
  background: var(--nft-theme-gradient-bg);
  border: none;
}

.switch-input input:checked+.slider::before {
  background: var(--nft-white);
}

.switch-input input:checked+.slider:before {
  left: calc(50% - var(--nft-toggle-spacing))
}

.create-nft-dropdown .custom-dropdown-card {
  margin-top: 0;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  -ms-border-radius: 34px;
  -o-border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* Switch End */
/* Create NFT Ends */

/* @keyframes scaleWave Start */
@-webkit-keyframes scaleWave {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}

@keyframes scaleWave {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}

@-webkit-keyframes spinner-svg {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes spinner-svg {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

/* @keyframes scaleWave End */
/* Mouse Follower CSS Start */
.mf-cursor {
  z-index: 999;
}

.light .mf-cursor {
  color: var(--nft-violet-glow);
}

.mf-cursor-text {
  font-weight: 700;
}

.mf-cursor.nft-click-me-cursor {
  color: var(--amazing-art-features-wrapper-before-bg);
}

.mf-cursor.nft-click-me-cursor::before {
  content: '';
  background: linear-gradient(to right, var(--nft-violet-glow), var(--nft-blue-violet), var(--nft-blue-violet), var(--nft-violet-glow)) repeat;
}

.mf-cursor.nft-magnifiers-cursor {
  color: rgba(var(--nft-rgb-white), 0.2);
  box-shadow: var(--nft-black-bottom-low-shadow);
}

.mf-cursor.nft-magnifiers-cursor::before {
  border: 2px solid var(--nft-white);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.mf-cursor.nft-magnifiers-cursor .mf-cursor-text {
  display: none;
}

.light .mf-cursor.nft-light-mode-magnifiers-cursor {
  color: rgba(var(--nft-rgb-violet-glow), 0.2);
}

.light .mf-cursor.nft-light-mode-magnifiers-cursor::before {
  border-color: var(--nft-violet-glow);
}

/* Mouse Follower CSS End */

/* Connect Wallet Modal Starts */
.connect-wallet-modal-wrapper .small-title {
  background: var(--nft-place-bid-modal-title-color);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: var(--h6-size);
  text-align: start;
}

.connect-wallet-modal-wrapper.modal {
  --bs-modal-width: 630px;
}

.connect-wallet-modal-wrapper .modal-content {
  background: var(--connect-modal-bg);
}

.connect-wallet-modal-wrapper .nav {
  --bs-nav-link-padding-y: 12.5px;
  background: var(--nft-preview-item-wrapper-bg-color);
  box-shadow: var(--nft-modal-input-box-shadow);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
}

.connect-wallet-modal-wrapper .custom-input {
  padding: 12px 20px;
  padding-right: 50px;
  box-shadow: var(--nft-modal-input-box-shadow);
}

.connect-wallet-modal-wrapper .modal-header {
  margin-bottom: 24px;
  border-bottom: none;
}

.connect-wallet-modal-wrapper li.nav-item {
  width: 50%;
  --connect-btn-link-width: 24.6rem;
}

.connect-wallet-modal-wrapper .nav-pills .nav-link {
  color: var(--nft-blog-card-description-color);
  background: none;
  width: 100%;
  font-weight: 400;
  font-size: var(--p-sm-size);
}

.nav-pills .nav-link.active.connect-wallet-link {
  font-weight: 600;
  color: var(--nft-blog-card-title-color);

}

.connect-wallet-link::before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  background-image: var(--header-active-before);
  width: calc(var(--connect-btn-link-width) - 9.8rem);
  height: 21px;
  -webkit-clip-path: polygon(20% 50%, 0 0, 100% 0);
  clip-path: polygon(20% 50%, 0 0, 100% 0);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}

.nav-pills .nav-link.active.connect-wallet-link::before {
  opacity: 1;
}

.qrcode-img-wrapper {
  max-width: 32.9rem;
}

.connect-wallet-modal-wrapper .btn-close {
  width: 15px;
  height: 15px;
  --bs-btn-close-bg: unset;
  --bs-btn-close-color: var(--nft-modal-close-icon-color);
  opacity: 1;
}

.connect-wallet-modal-wrapper .btn-close:focus {
  box-shadow: none;
}

.wallet-grid-wrapper {
  margin-top: 24px;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  max-height: 380px;
  overflow-y: auto;
}

.wallet-img-wrapper {
  max-width: 6.8rem;
}

.wallet-name {
  color: var(--nft-blog-card-title-color);
  margin-top: 14px;
}

.copy-clipboard-btn {
  color: var(--nft-blog-card-title-color);
  background: var(--nft-preview-item-wrapper-bg-color);
  border: solid 1px var(--copy-btn-border);
  gap: 12px;
  padding: 12px;
  margin-top: 24px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.copy-text {
  color: var(--nft-blog-card-title-color);
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.copy-clipboard-btn .copy-icon {
  width: 22px;
  height: 22px;
  color: var(--nft-blog-card-title-color);
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.copy-clipboard-btn:hover .copy-text,
.copy-clipboard-btn:hover .copy-icon {
  color: var(--copy-btn-hover-color);
}

/* Connect Wallet Modal  Ends  */

/* Settings Start  */
.setting-info-wrapper {
  padding-left: 6.4rem;
}

.language-btn .dropdown-toggle,.language-btn .dropdown-toggle:active {
  --bs-btn-hover-border-color:transparent;
  border-color: transparent;
}

.profile-user-image-wrapper .profile-bottom-left-img-wrapper {
  border: solid 1px var(--profile-img-border);
  object-position: center;
}

.setting-img-wrapper {
  position: sticky;
  top: var(--nft-header-height);
}

.profile-img-content {
  margin-top: 2.5rem;
  padding: 16px 0;
  border-top: solid 1px var(--nft-blog-link-card-border-color);
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.joined-text {
  color: var(--nft-blog-card-description-color);
  line-height: 1.3;
}

.joined-date {
  color: var(--nft-blog-card-title-color);
  line-height: 1.3;
}

.security-setting {
  padding-bottom: 18px;
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.profile-setting-detail:not(:last-child) {
  margin-bottom: 2.5rem;
}

.profile-setting-card:not(:first-child) {
  padding-top: 2.5rem;
}

.profile-setting-card:not(:last-child) {
  padding-bottom: 2.5rem;
  border-bottom: solid 1px var(--nft-blog-link-card-border-color);
}

.profile-setting-language-dropdown .custom-dropdown-card .btn {
  --bs-btn-border-color: transparent;
  padding: 0;
}

.profile-setting-language-dropdown .explore-dropdown-btn-icon {
  color: var(--nft-custom-tabing-tab-color);
}

/* Settings End */

/*  Upload Start */
.edit-profile-bottom-section .profile-bottom-left-wrapper {
  gap: 2.4rem;
}

.profile-info {
  padding-left: 6.4rem;
}

.remove-profile-btn {
  background: none;
  border: 1px solid var(--nft-violet-glow);
  padding: 13px;
  margin-top: 20px;
  color: var(--nft-remove-btn-color);
  border-radius: 3.2rem 0px 3.2rem 0px;
  -webkit-border-radius: 3.2rem 0px 3.2rem 0px;
  -moz-border-radius: 3.2rem 0px 3.2rem 0px;
  -ms-border-radius: 3.2rem 0px 3.2rem 0px;
  -o-border-radius: 3.2rem 0px 3.2rem 0px;
}

.account-info-details {
  margin-top: 2.5rem;
}

.edit-profile-bottom-section .profile-bottom-wrapper {
  grid-gap: 0;
}

.edit-input-group {
  grid-gap: 3.2rem;
}

.social-info-wrapper {
  margin-top: 6.4rem;
}

.upload-profile {
  margin-top: 5.6rem;
}

.edit-btn-group .secondary-btn {
  max-height: 4.8rem;
  margin-top: 2.5rem;
}

.edit-profile-bottom-section .profile-bottom-left-img-wrapper {
  margin-inline: auto;
}

.social-media-icon {
  width: 2.5rem;
  height: 2.5rem;
}

.upload-profile {
  width: 50%;
}

/*  Upload End */


/* Coming Soon Starts */
.coming-soon-body-bg {
  background-color: var(--nft-tetsu-blue);
  color: var(--nft-white);
}

.coming-soon-main-wrapper {
  padding-top: 10rem;
  height: 100vh;
}

.img-main-wrapper {
  max-width: 82rem;
  width: 100%;
}

.img-wrapper {
  width: 100%;
  --bs-aspect-ratio: 80%;
}

.img-wrapper img {
  object-fit: cover;
}

.coming-soon-header {
  margin-bottom: 9.3rem;
}

.coming-soon-header .social-icons-list-wrapper {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.content-spacing {
  margin-top: 4rem;
}

.coming-soon-wrapper .social-icons-link {
  background: var(--nft-aconite-purple);
  color: var(--nft-white);
}

.coming-soon-wrapper .social-icons-link:hover {
  background: var(--nft-white);
}

.coming-soon-wrapper .social-icons-link:hover .social-icons {
  color: var(--nft-aconite-purple);
}

.go-home-btn {
  display: flex;
  max-width: max-content;
}

/* Coming Soon Ends */