.container {
    width: 92%;
    max-width: 92%;
}

section#investor-banner-sec {
    background: var(--primary-900, #282621);
    padding: 12% 0;
    position: relative;
    padding-bottom: 20%;
}

.flex-wrapper-investor,
.flex-wrapper {
    display: flex;
}

h3.investor-banner-sub-title {
    color: var(--primary-700, #53514D);
    font-family: Gilroy-SemiBold;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.6px;
    margin-bottom: 2%;
}

h2.investor-banner-title {
    color: var(--secondary-900, #A69163);
    font-family: "Playfair Display";
    font-size: 3.85vw;
    font-style: normal;
    font-weight: 400;
    line-height: 113%;
    /* 113.158% */
}

.pdf-card-wrapper {
    background: linear-gradient(82deg, #CDB47A 1.39%, #AA8D4A 94.88%);
}

.pdf-card-wrapper h4 {
    color: var(--primary-900, #282621);
    font-family: "Playfair Display";
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 121%;
    /* 128.571% */
    font-variant-numeric: lining-nums proportional-nums;
    margin-bottom: 10%;
}

.pdf-card-wrapper p {
    color: var(--primary-900, #282621);
    font-family: Gilroy-Regular;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 140% */
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 50%;
    margin-bottom: 0;
}

.pdf-card-wrapper {
    padding: 2%;
    width: 46%;
}

.pdf-card-wrapper img {
    /* position: absolute;
    right: 0;
    bottom: 0; */
}

.flex-wrapper {
    position: relative;
    align-items: end;
    justify-content: space-between;
}

img.icon-1 {
    position: absolute;
    transform: translateY(-30px);
}

.download-icon img {
    width: 80%;
    cursor: pointer;
    transition: 0.3s all linear;
}

.download-icon {
    overflow: hidden;
    position: relative;
}

.download-icon:hover img.icon-2 {
    transform: translateY(30px);
}

.download-icon:hover img.icon-1 {
    transform: translateY(0);
}

.bottom-banner {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2% 0;
    border-top: 1px solid var(--primary-700, #53514D);
}

.bottom-banner .flex-wrapper {
    align-items: flex-end;
    gap: 1vw;
    justify-content: flex-start;
}

.bottom-banner .flex-wrapper h5 {
    color: var(--primary-200, #BEBEBC);
    font-family: Gilroy-SemiBold;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 121.429% */
    letter-spacing: 4.6px;
    text-transform: uppercase;
    margin-bottom: -5px;
}

.bottom-banner .flex-wrapper span {
    color: var(--primary-300, #8D8D8D);


    /* body-2 */
    font-family: Gilroy-Regular;
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 400;
}

.bottom-banner .container {
    width: 65%;
    margin: auto;
}

.bottom-banner .flex-wrapper h3 {
    color: var(--primary-0, #FFF);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Gilroy-Medium;
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    bottom: -5px;
    position: relative;
}

.bottom-banner .flex-wrapper p {
    color: #007200;
    font-family: Gilroy-Regular;
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.bottom-banner .flex-wrapper .flex-wrapper .flex-wrapper img {
    width: 8%;
}

section#investor-second-sec {
    padding: 0;
    display: flex;
}

.sticky-menu {
    border: 1px solid var(--primary-100, #D4D4D3);
    background: #FBFBFB;
    width: fit-content;
    padding: 8.5% 0;
    position: sticky;
    top: 0;
}

.sticky-menu a {
    color: var(--primary-700, #53514D);
    font-family: Gilroy-Regular;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 116.667% */
    text-transform: uppercase;
    text-decoration: none;
}

.sticky-menu h4 a {
    min-width: 23vw;
    padding: 3% 14%;
}

section#investor-second-sec {
    padding: 0;
}

.sticky-menu {
    border: 1px solid var(--primary-100, #D4D4D3);
    background: #FBFBFB;
    width: fit-content;
    padding: 8.5% 0;
}

.sticky-menu a {
    color: var(--primary-700, #53514D);
    font-family: Gilroy-Regular;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 116.667% */
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s all linear;
}

.sticky-menu h4 a {
    min-width: 23vw;
    padding: 5.5% 14%;
    display: flex;
    gap: 2%;
    align-items: center;
}

.sticky-menu h4.active a,
.sticky-menu h4 a:hover {
    background: #A69163;
}

.sticky-menu h4.active a,
.sticky-menu h4 a:hover {
    color: #fff;
}

.sticky-menu h4 a img {
    display: none;
}

.sticky-menu h4.active a img {
    display: block;
    width: 8%;
}

.right-col h2 {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Playfair Display";
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 121.875% */
    margin-bottom: 4%;
}

.right-col p {
    color: #000;
    font-family: Gilroy-Regular;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    margin-bottom: 2%;
    text-transform: uppercase;
}

.right-col {
    display: block;
    padding: 3.5% 0;
    padding-left: 3%;
    width: 100%;
}

.first-table tr.header-row {
    background: #FBFBFB;
}

table.first-table {
    width: 100%;
}

.first-table td {
    color: var(--primary-900, #282621);
    font-family: Gilroy-Regular;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 116.667% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 3% 2%;
}

.first-table th {
    padding: 2%;
}

.first-table tr.header-row th {
    color: var(--primary-500, #747474);
    font-family: Gilroy-Regular;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 140% */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.table-wrapper {
    overflow-x: auto;
    cursor: grab;
    width: 98%;
}

.first-table {
    border-collapse: collapse;
    min-width: 80vw;
    /* adjust based on your content */
}

.first-table th,
.first-table td {
    white-space: nowrap;
    /* prevents line break */
    text-align: left;
}

th.first-head {
    width: 22vw;
}

td.cmn-data img {
    width: 0.9vw;
}

.table-wrapper::-webkit-scrollbar {
    display: none;
}

th.cmn-head {
    min-width: 7vw;
}

.first-div {
    padding-bottom: 5%;
}

.second-div {
       padding-top: 5%;
    border-top: 1px solid #D4D4D3;
    width: 90%;
}

.second-div .flex-wrapper a {
    border: 1px solid #D4D4D3;
    background: #FBFBFB;
    color: #8D8D8D;
    font-family: Gilroy-Regular;
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 116.667% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.5% 4%;
    transition: 0.3s all linear;
}

.second-div .flex-wrapper {
    justify-content: flex-start;
    margin-bottom: 5%;
}

.second-div .flex-wrapper a.active,
.second-div .flex-wrapper a:hover {
    background: var(--secondary-900, #A69163);
    color: #fff;
    border-color: #A69163;
}

.nse-wrapper.flex-wrapper {
    margin-bottom: 0;
    gap: 2vw;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nse-card {
    border: 1px solid var(--primary-100, #D4D4D3);
    background: var(--white, #FFF);
    padding: 3% 3.5%;
    width: 48%;
    position: relative;
}

.nse-card h4 {
    color: var(--primary-900, #282621);
    font-variant-numeric: lining-nums proportional-nums;

    /* header-3 */
    font-family: "Playfair Display";
    font-size: 2.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    /* 136.364% */
    margin-bottom: 0;
}

.nse-card p {
    color: var(--primary-200, #BEBEBC);


    /* body-2 */
    font-family: Gilroy-Regular;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 155.5%;
    margin-bottom: 5%;
    /* 155.556% */
}

.nse-card h3 {
    color: var(--secondary-900, #A69163);
    font-variant-numeric: lining-nums proportional-nums;

    /* header-2 */
    font-family: "Playfair Display";
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
    /* 121.875% */
}

.nse-card h5 {
    color: #007200;
    font-family: Gilroy-Regular;
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 400;
    line-height: 117%;
    /* 116.667% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 4%;
}

table.second-table td.data-one {
    color: var(--primary-900, #282621);
    font-family: Gilroy-Regular;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 117%;
    /* 116.667% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

table.second-table td.data-two {
    color: var(--primary-900, #282621);
    font-family: Gilroy-Medium;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 117%;
    /* 116.667% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: right;
}

table.second-table tr td {
    padding-bottom: 5%;
}

table.second-table {
    margin-top: 8%;
    width: 100%;
}

.nse-card h5 img {
    width: 3%;
}

td.small-data {
    color: var(--tertiary-900, #778A73);
    font-family: Gilroy-SemiBold;
    font-size: 0.85vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 140% */
    letter-spacing: 0.64px;
    text-transform: uppercase;
    padding-top: 3%;
    text-align: right;
}


.stock-section {
    margin-top: 5%;
}

.exchange-tabs,
.exchange-tabs-two {
    display: flex;
    gap: 2vw;
    margin-bottom: 5%;
}

.exchange-btn,
.exchange-btn-two {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

button.exchange-btn,
button.exchange-btn-two {
    color: var(--primary-200, #BEBEBC);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Playfair Display";
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
    padding: 0;
    padding-bottom: 1.5%;
}

button.exchange-btn.active,
button.exchange-btn-two.active {
    color: var(--primary-900, #282621);
}


.exchange-btn.active::after,
.exchange-btn-two.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #c6a75e;
}

/* Time Filters */
.time-filters {
    display: flex;
    gap: 1.2vw;
    margin-bottom: 5%;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 1.2% 2.5%;
    border: 1px solid var(--primary-300, #8D8D8D);
    background: transparent;
    border-radius: 38px;
    transition: 0.3s ease;
    color: var(--primary-600, #696764);
    font-family: Gilroy-Regular;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.filter-btn.active {
    color: #FAF7F2;
    background: linear-gradient(82deg, #CDB47A 1.39%, #AA8D4A 94.88%);
}

/* Tab Content */
.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.third-div {
    width: 90%;
}

.chart-box p {
    color: var(--secondary-900, #A69163);


    /* button-text */
    font-family: Gilroy-SemiBold;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 120% */
    text-transform: uppercase;
    margin-bottom: 0;
}

.chart-box .flex-wrapper img {
    width: 1.8vw;
}

.chart-box .flex-wrapper .flex-wrapper {
    align-items: center;
    justify-content: left;
    gap: 0.5vw;
}

.chart-box .flex-wrapper {
    justify-content: left;
    gap: 3vw;
    margin-top: 1.5%;
}

.nse-card img.nse-graph {
    position: absolute;
    right: 8%;
    width: 30%;
    top: 18%;
}

.fourth-div {
    margin-top: 6%;
    width: 90%;
}

.fourth-div p {
    color: var(--secondary-900, #A69163);
    font-family: Gilroy-SemiBold;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 170% */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
}

button.dropdown-toggle {
    border-radius: 38px;
    border: 1px solid var(--primary-300, #8D8D8D);
    background: transparent;
    display: flex;
    width: 8vw;
    height: 4vw;
    align-items: center;
    justify-content: center;
    gap: 9%;
    color: var(--primary-600, #696764);
    font-family: Gilroy-Regular;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    text-transform: uppercase;
}

button.dropdown-toggle::after {
    content: none;
}

span.arrow img {
    width: 1.5vw;
    top: -2px;
    position: relative;
}


.inner-first-flex-wrapper.flex-wrapper {
    align-items: center;
    /* gap: 7%;
    width: 33%; */
}

ul.dropdown-menu {
    padding: 5%;
    border-radius: 10%;
    border: 1px solid var(--primary-300, #8D8D8D);
    min-width: 8vw;
}

ul.dropdown-menu li {
    color: var(--primary-600, #696764);
    font-family: Gilroy-Regular;
    font-size: 1.15vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    padding: 3% 0;
    cursor: pointer;
}

.inner-first-flex-wrapper.flex-wrapper:nth-of-type(2) button.dropdown-toggle,
.inner-first-flex-wrapper.flex-wrapper:nth-of-type(3) button.dropdown-toggle {
    width: 9vw;
}

.first-wrapper.flex-wrapper {
    width: 64%;
    justify-content: space-between;
}

.custom-dropdown {
    margin-left: 5%;
}

.second-wrapper.flex-wrapper a {
    border-radius: 38px;
    background: linear-gradient(82deg, #CDB47A 1.39%, #AA8D4A 94.88%);
    color: var(--secondary-0, #FAF7F2);
    font-family: Gilroy-SemiBold;
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4vw;
    gap: 8%;
    min-width: 12vw;
}


.flex-wrapper.main-wrapper {
    align-items: center;
}

.second-wrapper.flex-wrapper {
    width: 28%;
    gap: 5%;
    justify-content: right;
}

.second-wrapper.flex-wrapper a img {
    width: 1.5vw;
    object-fit: cover;
}

.second-wrapper.flex-wrapper a:nth-of-type(2) {
    min-width: 12vw;
}

table.stock-table {
    border: 1px solid #D4D4D3;
    width: 100%;
    border-collapse: collapse;
}

table.stock-table thead {
    border-top: 1px solid #D4D4D3;
    background: var(--secondary-0, #FAF7F2);
}

table.stock-table tr {
    border-bottom: 1px solid #D4D4D3;
}

table.stock-table th {
    padding: 20px 12px;
    color: var(--primary-700, #53514D);
    text-align: center;
    font-family: Gilroy-SemiBold;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 140% */
    letter-spacing: 1px;
    text-transform: uppercase;
}

table.stock-table td {
    padding: 28px 12px;
    color: var(--primary-900, #282621);
    text-align: center;
    font-family: Gilroy-Regular;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 140% */
    letter-spacing: 1px;
}

.table-wrapper-two {
    margin-top: 4%;
}

p.delayed-data {
    color: var(--secondary-900, #A69163);
    font-family: Gilroy-Regular;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    right: 5.7%;
    top: 55%;
}

@media (min-width:1500px) {
    .download-icon img {
        width: auto;
    }
}

@media (max-width:767px) {
    section#investor-banner-sec {
        height: auto;
        background: var(--primary-900, #282621);
        padding: 20% 0;
        position: relative;
        padding-bottom: 38%;
    }

    .flex-wrapper-investor {
        display: block;
    }

    h3.investor-banner-sub-title {
        font-family: Gilroy-SemiBold;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 3.2px;
        margin-bottom: 3%;
    }

    h2.investor-banner-title {
        color: var(--secondary-800, #CDB47A);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Playfair Display";
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
        letter-spacing: -0.72px;
        margin-bottom: 10%;
    }

    .pdf-card-wrapper {
        padding: 7%;
        width: 100%;
    }

    .pdf-card-wrapper h4 {
        color: var(--primary-900, #282621);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Playfair Display";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
    }

    .pdf-card-wrapper p {
        color: var(--primary-900, #282621);
        font-family: Gilroy-Regular;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        width: 55%;
    }

    .bottom-banner {
        width: 100%;
        padding: 4% 3%;
        border-top: none;
    }

    .bottom-banner .flex-wrapper {
        align-items: flex-end;
        gap: 0;
        justify-content: space-between;
    }

    .col {
        flex: none;
    }

    .bottom-banner .flex-wrapper .flex-wrapper {
        gap: 10px;
        justify-content: normal;
    }

    .bottom-banner .flex-wrapper h5 {
        color: var(--primary-200, #BEBEBC);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Gilroy-Medium;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 9%;
        letter-spacing: normal;
    }

    .bottom-banner .flex-wrapper span {
        color: var(--primary-300, #8D8D8D);
        font-family: Gilroy-Regular;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.36px;
        display: block;
    }

    .bottom-banner .flex-wrapper .flex-wrapper .flex-wrapper {
        display: block;
    }

    .bottom-banner .flex-wrapper h3 {
        color: var(--primary-0, #FFF);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Gilroy-Medium;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 12%;
    }

    .bottom-banner .flex-wrapper p {
        color: #007200;
        font-family: Gilroy-Regular;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }

    .bottom-banner .flex-wrapper .flex-wrapper .flex-wrapper img {
        width: 11%;
        margin-left: 2%;
    }

    .bottom-banner .container {
        width: 100%;
        margin: auto;
    }

    .bottom-banner p.delayed-data {
        color: var(--secondary-900, #A69163);
        font-family: Gilroy-Regular;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        margin-bottom: 0;
        margin-top: 4%;
        position: unset;
    }

    section#investor-second-sec {
        display: block;
    }

    .sticky-menu.mob-view {
        width: 100%;
        border: none;
        background: transparent;
        padding: 0;
    }

    ul.select-options {
        list-style-type: none;
        padding: 0;
        display: none;
        padding-bottom: 6%;
    }

    .select-header {
        background: var(--secondary-900, #A69163);
        box-shadow: 0 4px 56px 0 rgba(0, 0, 0, 0.05);
        color: var(--primary-0, #FFF);
        font-family: Gilroy-SemiBold;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* 175% */
        text-transform: uppercase;
        padding: 4% 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    ul.select-options li a {
        color: var(--primary-700, #53514D);
        font-family: Gilroy-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        width: 100%;
    }

    ul.select-options li {
        padding: 0 5%;
        margin-top: 5%;
        display: flex;
        align-items: center;
    }

    .left-col {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fff;
    }

    .right-col h2 {
        color: var(--primary-900, #282621);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Playfair Display";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* 133.333% */
        margin-bottom: 13%;
    }

    .right-col p {
        color: var(--primary-900, #282621);
        font-family: Gilroy-SemiBold;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 171.429% */
        letter-spacing: 1.4px;
        text-transform: uppercase;
        width: 90%;
    }

    .first-table tr.header-row th {
        font-family: Gilroy-Regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 175% */
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    .first-table td {
        color: var(--primary-900, #282621);
        font-family: Gilroy-Regular;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 125% */
        letter-spacing: 0.8px;
        /* white-space: break-spaces; */
        padding: 3% 1%;
    }

    .table-wrapper {
        overflow-x: auto;
        cursor: grab;
        width: 100%;
        margin-top: 5%;
    }

    .first-table {
        border-collapse: collapse;
        width: 220vw !important;
    }

    th.first-head {
        width: 45vw;
    }

    .first-table th {
        padding: 2% 1%;
    }

    .right-col {
        display: block;
        padding: 6% 0;
        padding-left: 5%;
        width: 100%;
    }

    td.cmn-data img {
        width: 8px;
    }

    .table-wrapper::-webkit-scrollbar {
        display: block;
    }

    .table-wrapper::-webkit-scrollbar,
    .table-wrapper-two::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .table-wrapper::-webkit-scrollbar-track,
    .table-wrapper-two::-webkit-scrollbar-track {
        background: #D4D4D3;
        height: 3px;
    }

    .table-wrapper::-webkit-scrollbar-thumb,
    .table-wrapper-two::-webkit-scrollbar-thumb {
        background: #747474;
        border-radius: 20px;
    }

    .table-wrapper::-webkit-scrollbar-thumb:hover,
    .table-wrapper-two::-webkit-scrollbar-thumb:hover {
        background: #747474;
    }

    .second-div {
        border-top: none;
        margin-top: 4%;
    }

    .nse-card h4 {
        color: var(--primary-900, #282621);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Playfair Display";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
        /* 158.333% */
        margin-bottom: 2%;
    }

    .nse-card p {
        color: var(--primary-200, #BEBEBC);
        font-family: Gilroy-Regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 125% */
        margin-bottom: 2%;
    }

    .nse-card h3 {
        color: var(--secondary-900, #A69163);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: "Playfair Display";
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: inline-block;
    }

    .nse-card h5 {
        color: #007200;
        font-family: Gilroy-Regular;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        display: inline-block;
    }

    .nse-card img.nse-graph {
        position: unset;
        display: block;
        width: 100%;
    }

    table.second-table td.data-one {
        color: var(--primary-900, #282621);
        font-family: Gilroy-Regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 175% */
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    table.second-table td.data-two {
        color: var(--primary-900, #282621);
        font-family: Gilroy-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 175% */
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    .nse-card {
        padding: 4% 5.5%;
        width: 100%;
        position: relative;
    }

    table.second-table {
        margin-top: 8%;
        width: 100%;
    }

    td.small-data {
        text-align: left;
        color: var(--tertiary-900, #778A73);
        font-family: Gilroy-SemiBold;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 200% */
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }

    .nse-card h5 img {
        width: 10%;
    }

    .second-div {
        width: 95%;
    }

    .mob-view.nse-card-swiper .swiper.mySwiper {
        padding-bottom: 18%;
    }

    span.swiper-pagination-bullet {
        background: #D4D4D3;
        width: 12px;
        height: 12px;
        opacity: 1;
    }

    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--primary-900, #282621);
    }

    button.exchange-btn,
    button.exchange-btn-two {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        /* 133.333% */
    }

    .exchange-tabs,
    .exchange-tabs-two {
        display: flex;
        gap: 4vw;
        margin-bottom: 8%;
    }

    .third-div {
        width: 95%;
        margin-top: 12%;
        position: relative;
    }

    .dropdown-header {
        color: var(--primary-400, #939290);
        font-family: Gilroy-Regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.16px;
        text-transform: uppercase;
        padding: 0;
    }

    .chart-custom-dropdown {
        position: absolute;
        right: 5%;
        top: 0;
        border-radius: 38px;
        border: 1px solid var(--secondary-900, #A69163);
        background: #FFF;
        padding: 16px 18px;
        width: 130px;
        display: grid;
        justify-content: center;
        z-index: 1;
    }

    ul.dropdown-list {
        list-style-type: none;
        padding: 0;
        margin-bottom: 0;
        display: none;
    }

    ul.dropdown-list li {
        color: var(--primary-400, #939290);
        font-family: Gilroy-Regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.16px;
        text-transform: uppercase;
        padding: 14px 0 0;
    }

    span.arrow img {
        width: 5.5vw;
        object-fit: cover;
        top: -2px;
        position: relative;
    }

    .chart-image p {
        color: var(--secondary-900, #A69163);
        font-family: Gilroy-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        letter-spacing: -0.16px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .chart-image .flex-wrapper img {
        width: 6vw;
    }

    .chart-image .flex-wrapper {
        align-items: center;
        gap: 10px;
    }

    .chart-image .flex-wrapper {
        margin: 4% 0 6%;
    }

    .table-wrapper-two {
        margin-top: 7%;
        margin-bottom: 12%;
        overflow: auto;
    }

    .table-wrapper-two {
        margin-top: 7%;
        margin-bottom: 12%;
        overflow: auto;
    }

    table.stock-table {
        border: 1px solid #D4D4D3;
        width: 210vw;
        border-collapse: collapse;
    }

    table.stock-table th {
        color: var(--primary-700, #53514D);
        font-family: Gilroy-SemiBold;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 233.333% */
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    table.stock-table td {
        color: var(--primary-900, #282621);
        font-family: Gilroy-Regular;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 166.667% */
        letter-spacing: 0.6px;
        padding: 20px 12px;
    }

    .second-wrapper.flex-wrapper {
        width: 100%;
        gap: 5%;
        justify-content: center;
    }

    .second-wrapper.flex-wrapper a {
        color: var(--secondary-0, #FAF7F2);
        font-family: Gilroy-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        min-width: auto;
        height: auto;
        padding: 7% 10%;
    }

    .second-wrapper.flex-wrapper a img {
        width: 6.5vw;
        object-fit: cover;
    }

    .fourth-div {
        position: relative;
    }

    .exchange-tabs-two.main-tabs-two.mob-view {
        margin-bottom: 12%;
    }

    .fourth-div .chart-custom-dropdown {
        right: 0%;
        top: 9.2%;
    }

}

@media screen and (min-width:900px) {

    .right-col h2{font-size: 47.81px;}
    .right-col p{font-size: 15.7px;}
    .first-table tr.header-row th{font-size: 15.7px;}
       .first-table td{font-size: 17.07px;} 
       .nse-card h4{font-size: 38.2px;}
       .nse-card p{font-size: 13.66px;}
       .nse-card h3{font-size:34.8px;}
       .nse-card h5{font-size: 18.44px;}
        table.second-table td.data-one{font-size: 17.07px;}
        table.second-table td.data-two{font-size: 17.07px;}
        /* td.small-data{font-size: 10.6px;} */
}