body {
                    margin: 0;
                    padding: 0;
                    line-height: 20px;
                    font-size: 16px;
                    font-family: "Poppins", sans-serif;
                    box-sizing: border-box;

                }

                .container {
                    width: 100%;
                    max-width: 100%;
                    margin: 0 auto;
                    padding: 0 80px;
                }

                h1 {
                    font-size: 40px;
                }

                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                p {
                    font-family: "Jost", sans-serif;
                }


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

                li {
                    list-style: none;
                }

                a {
                    text-decoration: none;
                }

                @media (max-width:990px) {
                    .container {
                        width: 100% !important;
                        max-width: 100% !important;
                        padding: 0 20px;
                    }
                }

                /************ top-header start *************/
                .top-header {
                    padding: 10px 0px 45px 0px;
                    background-color: #f7c71e;
                }

                .top-header .top-_lf ul {
                    display: flex;
                }

                .top-header .top-_lf ul li a {
                    padding-right: 10px;
                    color: #000;
                    font-family: "Jost", sans-serif;
                    font-size: 18px;
                    font-weight: 500;
                }

                .top-header .top-_lf ul li i {
                    color: #474242;
                    padding-right: 8px;
                }

                .top-header .top_rg {
                    display: flex;
                    justify-content: center;
                }

                .top-header .top_rg ul {
                    display: flex;
                }

                .top-header .top_rg ul li {
                    padding-right: 8px;
                }

                .top-header .top_rg ul li a img {
                    width: 25px;
                }

                /************ top-header end *************/

                /************ header start *************/

                .m_header {
                    position: fixed;
                    top: 40px;
                    left: 0;
                    right: 0;
                    width: 90%;
                    margin: auto;
                    z-index: 1000;
                    background: #ffffff;
                    transition: background 0.3s ease, box-shadow 0.3s ease;
                    border-radius: 6px;
                }

                .m_header .nav_My {
                    padding: 0px;
                }

                .m_header.scrolled {
                    top: 0;
                    width: 100%;
                    background: #ffffff;
                    border-radius: 0;
                    border-bottom: 1px solid #f7c71e;
                    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
                }

                .m_header .container {
                    padding: 0px 20px;
                }

                .m_header .dropdown-toggle::after {
                    display: none;
                }

                .m_header .NV_link {
                    color: #545353;
                    font-family: "Jost", sans-serif;
                    font-size: 18px;
                    font-weight: 500;
                }

                .m_header .NV_link i {
                    color: #545353;
                }

                .m_header .NV_link:hover {
                    color: #b89e40;
                }

                .m_header .head-logo {
                    width: 12%;
                }

                .m_header .head-logo img {
                    width: 100%;
                }

                .m_header .responsive-button {
                    position: relative;
                    cursor: pointer;
                    padding: 8px 17px;
                    border: 0;
                    border-radius: 7px;
                    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
                    background: radial-gradient(ellipse at bottom,
                            rgba(71, 81, 92, 1) 0%,
                            rgba(11, 21, 30, 1) 45%);

                    color: rgb(255, 255, 255);
                    transition: all 1s cubic-bezier(0.15, 0.83, 0.66, 1);
                    font-family: "Jost", sans-serif;
                    font-size: 18px;
                    font-weight: 600;
                }

                .m_header .responsive-button {
                    position: relative;
                    z-index: 10;
                    isolation: isolate;
                    overflow: hidden;

                    background: #000;
                    color: #fff;
                }

                .m_header .responsive-button::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    background: linear-gradient(120deg,
                            transparent 30%,
                            rgba(219, 219, 219, 0.494) 50%,
                            transparent 70%);
                    animation: testShine 1.5s linear infinite;
                    z-index: -1;
                }

                @keyframes testShine {
                    0% {
                        transform: translateX(-100%);
                    }

                    100% {
                        transform: translateX(100%);
                    }
                }


                .m_header .main_div {
                    color: #f2be00;
                    position: relative;
                    z-index: 1;
                }

                .m_header .main_div::before {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    background: transparent;
                    top: -7px;
                    left: -7px;
                    z-index: -5;
                    border-top: 3px solid #f7c71e;
                    border-left: 3px solid #f7c71e;
                    transition: 0.5s;
                }

                .m_header .main_div::after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    background: transparent;
                    bottom: -7px;
                    right: -7px;
                    z-index: -5;
                    border-right: 3px solid #f7c71e;
                    border-bottom: 3px solid #f7c71e;
                    transition: 0.5s;
                }

                .m_header .main_div:hover::before {
                    width: 100%;
                    height: 100%;
                }

                .m_header .main_div:hover::after {
                    width: 100%;
                    height: 100%;
                }

                .top-header {
                    overflow: hidden;
                    padding: 0;
                }

                .tradingview-widget-container {
                    width: 100%;
                }

                #tv-ticker {
                    height: 28px;
                }

                .xxxsmall-PsAlMQQF {
                    font-size: 10px !important;
                    height: 12px;
                    line-height: 16px;
                    width: 12px;
                }

                .tv-ticker-item-tape--compact .tv-ticker-item-tape__short-name {
                    font-size: 9px !important;
                    font-weight: 400;
                }

                .tv-ticker-item-tape--compact {
                    font-size: 8px !important;
                    height: 72px;
                }

                .tv-ticker-item-tape--compact .tv-ticker-item-tape__inner-wrapper {
                    align-items: flex-start;
                    flex-direction: column;
                    justify-content: center !important;
                }

                /************ header end *************/

/************ modal-start *************/
                .modalOverlay {
                    position: fixed;
                    inset: 0;
                    background: rgba(0, 0, 0, 0.75);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 9999;

                    opacity: 0;
                    visibility: hidden;
                    transition: 0.3s ease;
                }

                .modalOverlay.active {
                    opacity: 1;
                    visibility: visible;
                }

                .modalBox {
                    width: min(420px, 92%);
                    background: #111;
                    border: 1px solid #f7c71e;
                    border-radius: 18px;
                    padding: 26px;
                    position: relative;
                    color: #fff;

                    transform: scale(0.8);
                    transition: 0.3s ease;
                    box-shadow: 0px 0px 35px rgba(0, 255, 153, 0.15);
                }

                .modalBox h2 {
                    font-size: 25px;
                    padding-bottom: 20px;
                    font-weight: bold;
                    color: #f7c71e;
                    text-decoration: underline;
                }

                .modalBox p {
                    max-height: 250px;
                    min-height: 230px;
                    overflow-x: auto;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.5;
                    text-align: justify;
                    padding-right: 15px;
                }

                .modalBox p::-webkit-scrollbar {
                    width: 6px;
                }

                .modalBox p::-webkit-scrollbar-track {
                    background: rgba(255, 255, 255, 0.08);
                    border-radius: 10px;
                }

                .modalBox p::-webkit-scrollbar-thumb {
                    background: #f7c71e;
                    border-radius: 10px;
                }

                .modalBox p::-webkit-scrollbar-thumb:hover {
                    background: #f7c71e;
                }

                .modalOverlay.active .modalBox {
                    transform: scale(1);
                }

                .closeBtn {
                    position: absolute;
                    top: 12px;
                    right: 12px;
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    border: none;
                    background: rgba(255, 255, 255, 0.435);
                    color: #fff;
                    font-size: 26px;
                    cursor: pointer;
                }




                /************ responsive start **********/
                @media (min-width:2001px) and (max-width:3000px) {
                    .m_header .NV_link {
                        font-size: 20px;
                    }
                }

                @media (min-width:1200px) and (max-width:1399px) {
                    .m_header .NV_link {
                        font-size: 16px;
                    }

                    .m_header .responsive-button {
                        padding: 5px 17px;
                        font-size: 18px;
                        font-weight: 600;
                    }

                    .top-header {
                        padding: 0px 0px 0px 0px;
                    }

                    .top-header .top-_lf ul li a {
                        font-size: 15px;

                    }
                }

                @media (min-width:1901px) and (max-width:2000px) {
                    .m_header .NV_link {
                        font-size: 20px;
                    }

                    .m_header .responsive-button {
                        padding: 8px 20px;
                        font-size: 20px;
                        font-weight: 600;
                    }

                    .top-header {
                        padding: 0px 0px 0px 0px;
                    }

                    .top-header .top-_lf ul li a {
                        font-size: 20px;

                    }
                }

                @media (max-width:990px) {
                    .top-header {
                        display: block;
                    }

                    .top-header {
                        padding: 55px 0px 1px 0px;
                        background-color: #f7c71e;
                    }

                    .m_header {
                        width: 100%;
                        top: 0;
                        border-radius: unset;
                    }

                    .m_header .head-logo {
                        width: 45%;
                    }

                    .m_header .responsive-button {
                        margin-bottom: 20px;
                    }
                   
                }

@media (max-width:990px) {

                    .modalBox h2 {
                        margin-top: 20px;
                    }

                    .modalBox p {

                        padding-right: 10px;
                    }
                }