/*@import url(variables.css);*/

/* Monument Extended Start ����ģ������ʣ�https://www.bootstrapmb.com*/
@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 */

/* Top Seller Start */
.top-seller-bottom-section {
    max-width: 1920px;
    margin: 8rem 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-card {
    /*width: 128px;*/
    /*height: auto;*/
    margin-bottom: 30px;
}

.top-seller-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.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-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 */