:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fafafa;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #291d64;
    --bs-secondary: #50cdd0;
    --bs-success: #a4f4e7;
    --bs-info: #0dcaf0;
    --bs-warning: #f4c790;
    --bs-danger: #e4626f;
    --bs-light: #f8f9fa;
    --bs-dark: #0a0a0b;
    --bs-primary-10: #f1f1f3;
    --bs-primary-50: #fcfbff;
    --bs-primary-100: #e2def5;
    --bs-primary-200: #c5bdec;
    --bs-primary-300: #a89de2;
    --bs-primary-400: #8b7cd9;
    --bs-primary-500: #6f5bcf;
    --bs-primary-600: #523ac6;
    --bs-primary-700: #4430a6;
    --bs-primary-800: #362785;
    --bs-primary-900: #211750;
    --bs-primary-1000: #19113c;
    --bs-primary-1100: #453a7a;
    --bs-primary-1200: #857bf5;
    --bs-primary-1300: #b169e9;
    --bs-secondary-50: #86b4f9;
    --bs-secondary-100: #e2f7f7;
    --bs-secondary-200: #c5eeef;
    --bs-secondary-300: #a8e6e8;
    --bs-secondary-400: #8adee0;
    --bs-secondary-500: #6dd5d8;
    --bs-secondary-600: #35c2c5;
    --bs-secondary-700: #2da5a8;
    --bs-secondary-800: #25888a;
    --bs-secondary-900: #1d6b6d;
    --bs-secondary-1000: #154e4f;
    --bs-secondary-1100: #6dd9d7;
    --bs-neutrals-10: #fcfcfd;
    --bs-neutrals-100: #e3e3e3;
    --bs-neutrals-200: #cccbcb;
    --bs-neutrals-300: #b5b3b3;
    --bs-neutrals-400: #9f9c9c;
    --bs-neutrals-500: #898384;
    --bs-neutrals-600: #726c6c;
    --bs-neutrals-700: #5a5555;
    --bs-neutrals-800: #433e3f;
    --bs-neutrals-900: #2b2829;
    --bs-neutrals-1000: #151314;
    --bs-neutrals-1100: #f3f3f4;
    --bs-success-50: #e3ffee;
    --bs-success-100: #a4f4e7;
    --bs-success-200: #15b097;
    --bs-success-300: #0b7b69;
    --bs-success-400: #02b151;
    --bs-warning-100: #f4c790;
    --bs-warning-200: #eda145;
    --bs-warning-300: #cc7914;
    --bs-warning-400: #ffcd63;
    --bs-danger-100: #e4626f;
    --bs-danger-200: #c03744;
    --bs-danger-300: #8c1823;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --bs-font-monospace: Geist;
    --bs-gradient: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
}

*,
::after,
::before {
    box-sizing: border-box;
}

html,
body {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.total-data-tex html,
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Geist;
    color: var(--bs-dark);
}

a {
    text-decoration: none;
    color: inherit;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.min-w-200 {
    min-width: 200px !important;
}

.alert {
    margin-bottom: 0px !important;
}

.filter-title {
    color: #2b2829;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    white-space: nowrap;
    margin-bottom: 8px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
}

.grade-label {
    color: #291d64;
    text-align: center;
    /* Greysheet1 - 1/Mobile/Body/Highlight Bold */
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 19.2px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.truncate-multiline {
    display: -webkit-box;
    /* Needed for line clamping */
    -webkit-line-clamp: 6;
    /* Number of lines to display before truncating */
    -webkit-box-orient: vertical;
    /* Specifies the direction of the box layout */
    overflow: hidden;
    /* Hides the overflowed content */
    text-overflow: ellipsis;
    /* Adds an ellipsis at the end of the truncated text */
}

.hasChildrenStyle {
    background: #f8f5fe !important;
}

.type-coin-border {
    border: 2px solid #523ac6 !important;
}

.set-total-border {
    border: 2px solid #2da5a8 !important;
}

.coin-image {
    max-width: 75px;
    max-height: 75px;
}

.border-radius-12 {
    border-radius: 12px;
}

.read-more-btn {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: none;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.read-more-btn:hover {
    text-decoration: underline;
}

.total-data-text {
    font-weight: 700;
    color: white;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 17px;
    margin-left: 8px;
}

/*border*/
.border-top {
    border-top: 1px solid #e3e3e3 !important;
}

.border {
    border: 1px solid #e3e3e3 !important;
}

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

.border-right {
    border-right: 1px solid #e3e3e3 !important;
}

.border-left {
    border-left: 1px solid #e3e3e3 !important;
}

/* -------------heading-------------- */
.section-heading {
    color: #100c20;
    font-family: Geist;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
}

.heading-xl {
    font-size: 81px;
    line-height: 1.2;
}

.heading-1 {
    font-size: 28px;
    line-height: 1.2;
}

.heading-2 {
    font-size: 24px;
    line-height: 1.2;
}

.heading-3 {
    font-size: 18px;
    line-height: 1.2;
}

.heading-4 {
    font-size: 18px !important;
    line-height: 1.5;
}

.font-32 {
    font-size: 32px;
}

@media (min-width: 1200px) {
    .heading-1 {
        font-size: 56px;
    }

    .heading-2 {
        font-size: 48px;
    }

    .heading-3 {
        font-size: 40px;
    }

    .heading-4 {
        font-size: 32px !important;
    }
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-secondary-900 {
    color: var(--bs-secondary-900) !important;
}

.text-gray-8 {
    color: #3e465b !important;
}

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

.text-neutrals-800 {
    color: var(--bs-neutrals-800) !important;
}

.text-neutrals-700 {
    color: var(--bs-neutrals-700) !important;
}

.text-neutrals-400 {
    color: var(--bs-neutrals-400) !important;
}

.bg-primary-main {
    background-color: var(--bs-primary) !important;
}

.bg-primary-1200 {
    background-color: var(--bs-primary-1200);
}

.bg-secondary-1100 {
    background-color: var(--bs-secondary-1100);
}

.bg-warning-400 {
    background-color: var(--bs-warning-400);
}

.bg-primary-1300 {
    background-color: var(--bs-primary-1300);
}

.bg-secondary-50 {
    background-color: var(--bs-secondary-50);
}

.bg-white-100 {
    background: #fafafa;
}

.rounded-8 {
    border-radius: 8px !important;
}

.rounded-12 {
    border-radius: 12px !important;
}

/* -------------body-------------- */
.hero {
    color: #100c20;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    /* 33.6px */
    margin-bottom: 12px;
}

.marketplace-coin-rate {
    color: #151314;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.main {
    margin-top: 88px !important;
}

.multi-btn-wrapper {
    /*    display: grid;
    grid-template-columns: repeat(1, 1fr);*/
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.how-to-buy-button,
.Visit-Seller-Site-Btn,
.view-item-on-ebay-btn {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: #25888a;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    /*    flex: 1 0 0;*/
}

.how-to-buy-button:hover,
.Visit-Seller-Site-Btn:hover,
.view-item-on-ebay-btn:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #ffffff !important;
}

.inquire-btn,
.inquire-btn:focus,
.inquire-btn:active,
.inquire-btn:visited {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #25888a;
    color: #25888a;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    background: #ffffff;
    margin-top: 0px;
    cursor: pointer;
    /*    flex: 1 0 0;*/
}

.feature {
    font-size: 18px;
    line-height: 1.2;
}

.model-dealer-seller {
    color: #100c20;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-top: 32px;
    margin-bottom: 24px;
}

.heritage-auctions {
    color: #433e3f;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
}

.heritage-caption {
    color: #3e465b;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.contact-items-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.get-full-name {
    color: #100c20;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    margin: 0;
}

.dealer-email-address,
.dealer-phone-number,
.dealer-website-url {
    color: #1d6b6d;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}

.marketplace-video-heading {
    color: #100c20;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
    margin-top: 32px;
}

.coin-worth-video {
    width: 100%;
    height: 268px;
}

.about-market-text {
    color: #3e465b;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.marketplace-link {
    color: #25888A; 
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
}

.marketplace-section-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.contact-span {
    color: #100c20;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    /* 19.2px */
    padding: 20px 0;
}

.icon-image-size {
    width: 24px;
    height: 24px;
}

.highlight {
    font-size: 16px;
    line-height: 1.2;
}

.content {
    font-size: 14px !important;
    line-height: 1.5;
}

.caption {
    font-size: 12px;
    line-height: 1.2;
}

.text-lg {
    font-size: 16px;
    line-height: 1.2;
}

.text-xxs {
    font-size: 11px;
    line-height: 1.2;
}

.text-xs {
    font-size: 12px;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .feature {
        font-size: 24px;
    }

    .highlight {
        font-size: 20px;
    }

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

    .caption {
        font-size: 14px;
    }

    .text-lg {
        font-size: 18px;
    }
}

.card-shadow {
    box-shadow: 0px 4px 30px -8px #3232321a;
}

/* color */
.bg-primary-100 {
    background-color: #dfe1ff;
}

/* -------------spacing------------- */
.m-0 {
    margin: 0;
}

.mb-0 {
    margin-bottom: 0;
}

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

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

.ml-24 {
    margin-left: 24px;
}

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

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

.pb-48 {
    padding-bottom: 48px;
}

.my-34 {
    margin-top: 34px;
    margin-bottom: 34px;
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.py-43 {
    padding-top: 43px;
    padding-bottom: 43px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.px-56 {
    padding-left: 56px;
    padding-right: 56px;
}

.pl-40 {
    padding-left: 40px;
}

.p-56 {
    padding: 56px;
}

.pr-12 {
    padding-right: 12px;
}

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

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

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.pt-64 {
    padding-top: 64px;
}

.p-24 {
    padding: 24px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.py-56 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.pt-60 {
    padding-top: 60px;
}

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

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

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

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

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

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

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

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

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

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

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

.pb-68 {
    padding-bottom: 68px;
}

.pt-24 {
    padding-top: 24px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pt-12 {
    padding-top: 12px;
}

.gap-12 {
    gap: 12px;
}

.gap-x-8 {
    gap: 0 8px;
}

.p-12 {
    padding: 12px;
}

@media (max-width: 992x) {
    .main {
        margin-top: 65px !important;
    }

    .why-greysheet-wrapper {
        margin-top: 24px;
    }

    .why-greysheet-item {
        padding: 24px;
    }

    .hero {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .read-more-btn {
        font-size: 14px !important;
        color: #291d64 !important;
    }
    .main {
        margin-top: 70px !important;
    }
    .hero {
        font-size: 20px;
    }

    .py-43 {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .py-56 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .py-64 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .px-24 {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ---------------button----------- */
.see-more-btn {
    padding: 12px 24px;
    font-weight: 800;
    gap: 10px;
    border-radius: 12px;
    background-color: var(--bs-neutrals-1100);
    border: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
}

.featured-badge {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 6px;
    color: var(--bs-success-400);
    background-color: var(--bs-success-50);
    max-width: 80px;
    text-align: center;
    border-radius: 6px;
}

/* ---------------custom code----------- */
.tab-bar-container {
    list-style: none;
    display: flex;
    background-color: #f3f3f4;
    padding: 4px;
    gap: 6px;
    border-radius: 12px;
    height: 56px;
}

.tab-bar-container li {
    border-radius: 12px;
    cursor: pointer;
}

.tab-bar-container > li > button {
    border: none;
    outline: none;
    padding: 14.5px 54.5px;
    background-color: transparent;
    line-height: 1.2;
    color: #151314;
    font-weight: 700;
}

.tab-btn {
    border: none;
    outline: none;
    padding: 14.5px 32px;
    background-color: transparent;
    line-height: 1.2;
    color: #494656;
    font-weight: 700;
    cursor: pointer;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    height: 48px;
}

.tab-btn:disabled {
    background-color: #2da5a8;
    color: #fafafa;
    border-radius: 12px;
}

/*------------------table---------------*/
.pricing-table-wrapper {
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    margin-bottom: 40px;
    margin-left: 32px;
    margin-right: 32px;
    /*    overflow-x: auto;*/
}

.pricing-table-wrapper table thead tr th:first-child {
}

.pricing-table-wrapper table thead tr th:last-child {
    border-start-end-radius: 12px !important;
}

.pricing-table-wrapper table tbody tr td {
    border: 1px solid #e3e3e3;
    border-bottom: none;
}

.pricing-table-wrapper table thead tr th {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.pricing-table-wrapper table thead tr th:last-child {
    border-right: none;
    /* Remove the border-right for the last th element */
    border-start-start-radius: 12px !important;
    background-color: #291d64;
    color: #ffffff;
}

.pricing-table-wrapper table tbody tr td:first-child,
.pricing-table-wrapper table tbody tr td:last-child,
.pricing-table-wrapper table thead tr th:first-child,
.pricing-table-wrapper table thead tr td:last-child {
    border-left: none;
    border-right: none;
}

/*------------checkout page -------------*/
.checkout-wrapper h3 {
    display: flex;
    padding-bottom: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid #e3e3e3;
    color: #100c20;
    font-family: Geist;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
}

.order-single-issue-button {
    border-radius: 8px;
    border-bottom: 1.5px solid #1d6b6d;
    background: #25888a;
    padding: 12px 28px;
    color: #fff;
    text-align: center;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 12px;
}

/*-------------pricing table-------------*/
.plan-name {
    color: #1e1919;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 21.6px */
    margin-bottom: 32px;
}

/* ---------popular item------------ */
.popular-item-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.popular-item-card {
}

.popular-item-card-img {
    width: 198.5px;
    height: 198.5px;
    margin: 0 auto;
    padding: 16.5px 0;
}

.popular-item-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popular-item-description {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 24px;
}

.sponsor-wrapper {
    background-color: #fcfbff;
    padding: 80px 0;
    margin-bottom: 64px;
}

.sponsor-wrapper img {
    height: 100%;
    object-fit: contain;
    margin-top: 52px;
}

.sponsor-image {
    height: 40px !important;
    margin: 0 20px;
}

/* catalog */
.catalog-heading {
    font-family: Geist;
    font-size: 81px;
    font-weight: 700;
    line-height: 97.2px;
    color: #50cdd0;
}

.stats-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 52px;
}

.stats-item {
    border: 1px solid var(--bs-primary-1100);
    border-radius: 14px;
    padding: 20px;
    width: calc(50% - 10px);
}

.stats-item:last-child {
    width: 100%;
}

/* why-greysheet */
.why-greysheet-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.why-greysheet-item {
    box-shadow: 0px 4px 30px -8px #3030301a;
    padding: 24px 32px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
}

.why-greysheet-bottom-img {
    display: flex;
    justify-content: end;
}

.why-greysheet-bottom-img img {
    border: 1px solid var(--bs-primary-10);
    background-color: var(--bs-neutrals-10);
    padding: 20px;
    border-radius: 8px;
}

/* news */
.news-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.news-item {
    width: calc(33% - 12px);
    box-shadow: 0px 4px 30px -8px #3030301a;
    border-radius: 12px;
    padding: 12px;
}

.news-item-img {
    width: 100%;
    height: 187px;
    border-radius: 8px;
    overflow: hidden;
}

.news-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
}

/* publications */
.publications-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.publications-image {
    width: 100%;
    height: 187px;
    border-radius: 8px;
    padding: 12px;
}

.publication-circle {
    width: 10.14px;
    height: 10.14px;
    border-radius: 50%;
    margin-right: 16px;
}

.publications-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.publications-desc-container {
    padding: 24px;
}

.publications-item {
    max-width: 100%;
    background: #ffffff;
    box-shadow: 0px 4px 30px -8px rgba(50, 50, 50, 0.1);
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    display: flex;
    flex: 0 0 calc(33.333% - 16px);
}

/* events calendar */
.events-calendar-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.events-calendar-item {
    /* padding: 12px; */
    border-radius: 12px;
    overflow: hidden;
}

.events-calendar-image {
    width: 100%;
    height: 157px;
    padding: 12px;
    border-radius: 8px;
}

.events-calendar-desc {
    padding: 24px 24px 32px 24px;
}

.events-calendar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* dealer */
.dealer-directory-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.dealer-directory-item {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #e3e3e3;
    flex: 0 0 calc(33.333% - 16px);
}

.dealer-directory-image {
    width: 100%;
    height: 187px;
}

.dealer-directory-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* popular video */
.video-item {
    width: 352px;
}

.video-item-of-iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

/* review */
.review-item {
    background-color: #ffffff;
    border-radius: 12px;
}

.review-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 24px;
}

.reviewer-image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 16px;
}

.reviewer-image img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
}

.company-image {
    height: 26px;
}

.company-image img {
    height: 100%;
}

/*privacy policy page*/

.table-of-content {
    max-width: 336px;
    padding: 24px 0;
    position: sticky;
    top: 0;
    height: 100vh;
    /* Full height */
}

.table-of-content h4 {
    color: #2b2829;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    border-bottom: 1px solid #b5b3b3;
    padding: 8px;
    margin-bottom: 12px;
}

.table-of-content ul {
    list-style: none;
    padding: 0;
}

.table-of-content li {
    padding: 16px 8px;
    color: #2b2829;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    cursor: pointer;
}

.privacy-content {
    max-width: 750px;
    color: #2b2829;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.privacy-content h4 {
    color: #2b2829;
    font-family: Geist;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 36px */
    text-transform: capitalize;
    margin-bottom: 12px;
}

.table-of-team-content {
    padding: 24px 0;
    max-width: 336px;
    position: sticky;
    top: 0;
    height: 100vh;
    /* Full height */
}

.table-of-team-content h4 {
    color: #2b2829;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    border-bottom: 1px solid #b5b3b3;
    padding: 8px;
    margin-bottom: 12px;
}

.table-of-team-content ul {
    list-style-type: upper-roman;
    padding: 0;
}

.table-of-team-content li {
    padding: 16px 8px;
    color: #2b2829;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    cursor: pointer;
}

.table-of-team-content p {
    padding: 16px 8px;
    color: #2b2829;
    font-family: Geist;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    cursor: pointer;
}

/*-----------cart page-----------------*/
.cart-container {
    max-width: 690px;
    margin: 0 auto;
    padding-bottom: 64px;
}

.cart-items-wrapper {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 40px 0;
}

.cart-item {
    display: flex;
    padding: 16px 12px;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.cart-item h5 {
    color: #100c20;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.cart-item p {
    color: #726c6c;
    font-family: Geist;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 4px;
}

.cart-header {
    max-width: 540px;
    margin: 0 auto;
}

.cart-header h3 {
    color: #100c20;
    text-align: center;
    font-family: Geist;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 4px;
}

.cart-header p {
    color: #100c20;
    text-align: center;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

.you-may-also-like-style {
    border-top: 1px solid #e3e3e3;
    padding-top: 80px;
}

.empty-cart-container {
    /*    padding-top: 32px;*/
    padding-bottom: 48px;
    /*    border-top: 1px solid #e3e3e3;*/
    text-align: center;
    margin: 32px auto;
}

.empty-cart-container img {
    padding-top: 32px;
    padding-bottom: 44px;
}

.empty-cart-container h3 {
    color: #100c20;
    text-align: center;
    font-family: Geist;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.empty-cart-container p {
    color: #100c20;
    text-align: center;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

@media (max-width: 480px) {
    .sponsor-wrapper {
        padding: 20px 0;
        margin-bottom: 16px;
    }

    .sponsor-image {
        max-height: 22px !important;
        margin: 0 14px;
    }

    .sponsor-wrapper img {
        margin-top: 16px;
    }

    .catalog-heading {
        font-size: 20px;
        font-weight: 700;
        line-height: 25.601px;
        color: #16faff;
    }

    .total-data-text {
        color: #b7ade1;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 25.601px;
        margin-bottom: -3px;
        margin-left: 3px;
    }

    .stats-wrapper {
        gap: 6px;
        margin-top: 14px;
    }

    .stats-item {
        border-radius: 4px;
        padding: 12px 6px;
        width: calc(50% - 4px);
    }

    .stats-header-text {
        font-weight: 600 !important;
        font-size: 12px;
        line-height: 12px;
        color: #b7ade1 !important;
    }

    .fw-sm-600 {
        font-weight: 600 !important;
    }
}