                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: #00248f;
                }

                .top-header .top-_lf ul {
                    display: flex;
                }

                .top-header .top-_lf ul li a {
                    padding-right: 10px;
                    color: #fff;
                    font-family: "Jost", sans-serif;
                    font-size: 18px;
                    font-weight: 500;
                }

                .top-header .top-_lf ul li i {
                    color: #fcfcfc;
                    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_rg p {
                    color: #fff;
                }

                /************ top-header end *************/

                /************ header start *************/

                .m_header {
                    position: fixed;
                    top: 40px;
                    left: 0;
                    right: 0;
                    width: 90%;
                    padding: 5px 0;
                    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: #00268d;
                    border-radius: 0;
                    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
                }

                .m_header.scrolled .NV_link i {
                    color: #ffffff;
                }

                .m_header.scrolled .NV_link {
                    color: #ffffff;
                }

                .m_header.scrolled .responsive-button {
                    background: #ffffff;
                    color: #000000;
                }

                .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: #15015e;
                } */

                .m_header .head-logo {
                    width: 4%;
                    background: #ffffff;
                    border-radius: 4px;
                }

                .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: #00258e;
                    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 #bff94d;
                    border-left: 3px solid #bff94d;
                    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 #bff94d;
                    border-bottom: 3px solid #bff94d;
                    transition: 0.5s;
                }

                .m_header .main_div:hover::before {
                    width: 100%;
                    height: 100%;
                }

                .m_header .main_div:hover::after {
                    width: 100%;
                    height: 100%;
                }

                /************ header end *************/

                /************ 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: 10px 0px 34px 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: 10px 0px 34px 0px;
                    }

                    .top-header .top-_lf ul li a {
                        font-size: 20px;

                    }
                }

                @media (max-width:990px) {
                    .top-header {
                        display: none;
                    }

                    .m_header {
                        width: 100%;
                        top: 0;
                        border-radius: unset;
                    }

                    .m_header .head-logo {
                        width: 25%;
                    }

                    .m_header .responsive-button {
                        margin-bottom: 20px;
                    }

                    .m_header.scrolled .navbar-toggler-icon {
                        background-image: url("../images/menu.png") !important;
                    }

                   .m_header.scrolled .navbar-toggler {
                        border: var(--bs-border-width) solid rgb(255 255 255);
                    }
                }