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

                }

                html {
                    scroll-behavior: smooth;
                    scroll-padding-top: 70px;
                }

                .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;
                    }
                }

                @media (max-width: 991px) {
                    html {
                        scroll-padding-top: 70px;
                    }
                }

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

                .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: #023b50;
                    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.scrolled .navbar-nav .nav-link.active,
                .navbar-nav .nav-link.show {
                    color: rgb(232, 241, 245);
                }

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

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

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

                .m_header .NV_link i {
                    color: #023b50;
                }

                .m_header .navbar-nav .nav-link.active,
                .navbar-nav .nav-link.show {
                    color: rgb(1 48 66);
                }

                /* .m_header .NV_link:hover {
                    color: #15015e;
                } */

                .m_header .head-logo {
                    width: 5%;
                    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: linear-gradient(0deg, rgb(145 116 0) 0%, rgb(218 172 66) 35%, #f0f08a 100%);
                    color: #00171f;

                }

                .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 #1b495b;
                    border-left: 3px solid #1b495b;
                    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 #1b495b;
                    border-bottom: 3px solid #1b495b;
                    transition: 0.5s;
                }

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

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

                .m_header.scrolled .navbar-nav .nav-link.show {
                    color: #fff;
                }

                /************ 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);
                    }
                }



                /* ---------- Panel ---------- */
                .m_header #navbarDropdown+.dropdown-menu {
                    min-width: 560px;
                    padding: 14px;
                    margin-top: 12px;
                    border: 0;
                    border-radius: 18px;
                    background: linear-gradient(160deg, #ffffff 0%, #f1f7f7 100%);
                    box-shadow:
                        0 1px 0 #ffffff inset,
                        0 2px 0 #cfe0e0,
                        0 4px 0 #b7cfcf,
                        0 28px 50px -12px rgba(1, 67, 71, 0.45),
                        0 12px 24px -8px rgba(0, 0, 0, 0.25);
                    transform-origin: top center;
                }


                .m_header #navbarDropdown+.dropdown-menu::before {
                    content: "";
                    position: absolute;
                    top: -9px;
                    left: 38px;
                    width: 18px;
                    height: 18px;
                    background: #ffffff;
                    transform: rotate(45deg);
                    border-radius: 3px;
                    box-shadow: -3px -3px 6px rgba(1, 67, 71, 0.08);
                }

                .m_header #navbarDropdown+.dropdown-menu.show {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 10px;
                    animation: legalsFlip 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.2) both;
                }

                @keyframes legalsFlip {
                    from {
                        opacity: 0;
                        transform: perspective(1200px) rotateX(-22deg) translateY(-10px) scale(0.96);
                    }

                    to {
                        opacity: 1;
                        transform: perspective(1200px) rotateX(0) translateY(0) scale(1);
                    }
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    padding: 11px 14px;
                    border-radius: 12px;
                    color: #0e0b0b;
                    font-size: 15px;
                    font-weight: 600;
                    line-height: 1.3;
                    white-space: normal;
                    background: linear-gradient(180deg, #ffffff 0%, #eef5f5 100%);
                    border: 1px solid #d6e4e4;
                    border-bottom-width: 4px;
                    border-bottom-color: #bcd2d2;
                    box-shadow: 0 6px 10px -6px rgba(1, 67, 71, 0.35);
                    transition:
                        transform 0.18s ease,
                        box-shadow 0.18s ease,
                        background 0.18s ease,
                        color 0.18s ease,
                        border-color 0.18s ease;
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item i {
                    flex: 0 0 34px;
                    width: 34px;
                    height: 34px;
                    display: grid;
                    place-items: center;
                    border-radius: 10px;
                    font-size: 15px;
                    color: #ffffff;
                    background: linear-gradient(145deg, #0a6b70, #014347);
                    box-shadow:
                        0 3px 0 #012c2f,
                        0 6px 8px rgba(1, 67, 71, 0.35),
                        0 1px 0 rgba(255, 255, 255, 0.35) inset;
                    transition: transform 0.18s ease;
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:hover,
                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:focus-visible {
                    color: #ffffff;
                    background: linear-gradient(180deg, #33768e 0%, #023b50 100%);
                    border-color: #012c2f;
                    border-bottom-color: #012c2f;
                    transform: perspective(600px) translateY(-3px) translateZ(14px);
                    box-shadow:
                        0 14px 18px -8px rgba(1, 67, 71, 0.6),
                        0 0 0 1px rgba(255, 255, 255, 0.12) inset;
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:hover i,
                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:focus-visible i {
                    background: #ffffff;
                    color: #014347;
                    transform: rotate(-8deg) scale(1.08);
                    box-shadow:
                        0 3px 0 #b7cfcf,
                        0 6px 8px rgba(0, 0, 0, 0.25);
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:active {
                    transform: translateY(1px);
                    border-bottom-width: 1px;
                    box-shadow: 0 2px 4px rgba(1, 67, 71, 0.4) inset;
                }

                .m_header #navbarDropdown+.dropdown-menu .dropdown-item:focus-visible {
                    outline: 3px solid #ffbf47;
                    outline-offset: 2px;
                }

                @media (max-width: 991px) {
                    .m_header #navbarDropdown+.dropdown-menu {
                        min-width: 0;
                        width: 100%;
                        margin-top: 8px;
                        box-shadow:
                            0 2px 0 #cfe0e0,
                            0 14px 24px -10px rgba(1, 67, 71, 0.4);
                    }

                    .m_header #navbarDropdown+.dropdown-menu::before {
                        display: none;
                    }

                    .m_header #navbarDropdown+.dropdown-menu.show {
                        grid-template-columns: 1fr;
                        max-height: 70vh;
                        overflow-y: auto;
                    }

                    .m_header.scrolled .navbar-toggler-icon {

                        background-image: url(../images/menu.png) !important;
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    .m_header #navbarDropdown+.dropdown-menu.show {
                        animation: none;
                    }

                    .m_header #navbarDropdown+.dropdown-menu .dropdown-item,
                    .m_header #navbarDropdown+.dropdown-menu .dropdown-item i {
                        transition: none;
                    }

                    .m_header #navbarDropdown+.dropdown-menu .dropdown-item:hover,
                    .m_header #navbarDropdown+.dropdown-menu .dropdown-item:focus-visible {
                        transform: none;
                    }
                }


                .skip-link {
                    position: absolute;
                    left: 8px;
                    top: -60px;
                    z-index: 100000;
                    padding: 10px 16px;
                    background: #53e4f7;
                    color: #00283a;
                    border-radius: 6px;
                    transition: top 0.2s;
                }

                .skip-link:focus {
                    top: 8px;
                }

                a:focus-visible,
                button:focus-visible,
                .skip-link:focus-visible {
                    outline: 3px solid #ffffff;
                    outline-offset: 2px;
                    border-radius: 4px;
                }

                .top-header .top-_lf ul li a:focus-visible {
                    outline: 3px solid #ffffff;
                    outline-offset: 2px;
                }

                .responsive-button:focus-visible {
                    outline: 3px solid #ffffff;
                    outline-offset: 2px;
                }

                .NV_link:focus-visible,
                .dropdown-item:focus-visible {
                    outline: 3px solid #007980;
                    outline-offset: 2px;
                }