* {
    margin: 0px;
    padding: 0px;
    font-family: "Inter", serif;
}
:root {
    --blue: #007aff;
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
}

.my-element {
    display: inline-block;
    margin: 0 0.5rem;
    animation: bounce; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}
/* This only changes this particular animation duration */
.animate__animated.animate__bounce {
    --animate-duration: 2s;
}

section {
    overflow: hidden;
}

[data-aos="slide-up"] {
    overflow-y: hidden;
}

/* This changes all the animations globally */
:root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
}

body {
    overflow-x: hidden;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}
.container {
    max-width: 1280px;
    margin: 0 auto;
}
h1 {
    font-size: 57px;
    font-weight: 600;
    line-height: 68.98px;
}
h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 54.46px;
}
h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.31px;
}
p,
li,
.para {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
}
.para_14px {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
}
.para_18px {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
}
.para_20px {
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
}
.para_large {
    font-size: 30px;
    font-weight: 400;
    line-height: 36.31px;
}
.para_25px {
    font-size: 25px;
    font-weight: 600;
    line-height: 30.26px;
}
.para_33px {
    font-size: 33px;
    font-weight: 700;
    line-height: 39.94px;
}

.lineheight28px {
    line-height: 28px;
}
.lineheight21px {
    line-height: 21.3px;
}

.weight400 {
    font-weight: 400;
}
.weight500 {
    font-weight: 500;
}
.weight600 {
    font-weight: 600;
}
.set25px {
    font-size: 25px;
    font-weight: 600;
    line-height: 30.26px;
}

.bg_F5F5F5 {
    background: #f5f5f5 !important;
}

.bg-00BB75 {
    background: #00bb75 !important;
}

.bg-FF4040 {
    background: #ff4040 !important;
}

/* header */
.header-section-wrap {
    backdrop-filter: blur(32px);
    background: #ffffffb8;
    position: fixed;
    top: 42px;
    left: 0px;
    right: 0px;
    border-radius: 130px;
    max-width: 1370px;
    margin: 0px auto;
    transition: all linear 0.3s !important;
    z-index: 1;

.navbar-brand {
    max-width: 122px;
    width: 100%;
}
.collapse.navbar-collapse {
    width: fit-content;
    flex: none;
}
ul {
    gap: 25px;
}
a {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    padding: 0px !important;
}
.navbar-toggler {
    border: 0px;
    padding: 5px;
    box-shadow: none !important;
}
}
.sticky {
    top: 20px;
    background: linear-gradient(0deg, #d2d9ff 0%, #ffffff 100%);
    box-shadow: 0px 0px 10px rgb(175 175 175 / 50%);
}

/* Banner Section */

.header-banner-wrap {
    background-image: url(../image/banner-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 247px 0px;

img {
    width: 100%;
}
}

.design-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    border: 1px solid #c0e2e9;
    background-color: #ffffff;
    color: #007aff;
    width: fit-content;
    border-radius: 50px;
    padding: 8px 15px 9px 14px;
}

/* about-us-wrap */
.about-us-wrap {
    padding: 109px 0px 122px;

.abt-content_wrap {
    padding-right: 100px;
}
.abt-item_block {
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    padding: 24px 32px 29px 25px;
}
.abbt-row_wrap {
    margin-top: 75px;
}
}

/* our-section_wrap */
.our-approach-wrap {
    background-color: var(--blue);
    padding: 109px 0px 122px;
.our-item_wrap {
    background: linear-gradient(180deg, #d2d9ff 0%, #ffffff 100%);
    border-radius: 20px;
    padding: 35px 42px 40px 36px;
    border: 4px solid #fff;
    height: 100%;
}
}

/* official-information-wrap */
.official-information-wrap {
    padding: 109px 0px 80px;
.offic-para_main {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 23px;
    padding-bottom: 32px;
}
.offic-item_one {
p {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 23px;
    padding-bottom: 25px;
span {
    display: inline-block;
    width: 170px;
    text-align: right;
}
}
}
}

/* management-wrap */
.management-wrap {
    background-color: #f9f9f9;
    padding: 109px 0px;
.manage-item_wrap {
    display: flex;
    justify-content: flex-start;
    gap: 31px;
}
.row:nth-child(1) {
    margin-bottom: 70px;
}
.row.mt-4:nth-child(3) .manage-item_wrap {
    justify-content: flex-end;
}
.mnage_item {
    position: relative;
}
.mnage_item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            #007aff 100%
    );
    max-height: 326px;
    bottom: 0px;
}
.manage_content {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    padding: 17px 25px;
    left: 0px;
    right: 0px;
}
.manage-item_wrap {
    gap: 20px;
}
}

/* investor-alert-wrap */
.investor-alert-wrap {
    padding: 109px 0px 45px;
.investor-block_wrap {
h2 {
    margin-bottom: 38px;
}
ol li {
    border: 1px solid #d9d9d9;
    padding: 19px 29px 20px 26px;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    list-style-type: none;
    display: flex;
    gap: 8px;
}
}
.risk-rw_wrap {
    margin-top: 27px;
}
}

/* contact-wrap */
.contact-wrap {
    background-color: #007aff;
    padding: 114px 0px;
    position: relative;

iframe {
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    bottom: 0px;
    width: 50%;
    height: 100%;
}
.contact-col_wrap {
    max-width: 607px;
    margin-left: 0px;
    padding: 0px 65px 0px 0px;
}
.contact_form {
.form-group .d-flex {
    gap: 17px;
}
.margin-b_20px {
    margin-bottom: 20px;
}
input,
textarea {
    padding: 21px 25px 23px;
    border-radius: 12px;
}
textarea::placeholder,
input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    color: #707070;
}
.theme_btn {
    background: #000000;
    padding: 22px 65px;
    border-radius: 12px;
    margin-top: 20px;
}
}
}

/* investor-charter-wrap */
.investor-charter-wrap {
    background-color: #f9f9f9;
    padding: 114px 0px 95px;
}

/* investor-second_wrap */
.investor-second_wrap {
.margin-t_40 {
    margin-top: 40px;
}
h2 {
    margin-bottom: 36px;
}
}

/* tabal-rw */
.tabal-rw {
    margin-top: 45px;

.table_wrap h6 {
    margin-bottom: 21px;
}
table {
    border-color: #ababab !important;
}
}

/* footer-section-wrap */
.footer-section-wrap {
    background: #000000;
    color: #fff;
    padding: 86px 0px 59px;
.footer_logo {
    max-width: 122px;
}

.footer-rw {
    max-width: 659px;
input {
    padding: 21px 25px 23px;
    border-radius: 12px;
}
button {
    padding: 22px 45px 23px 46px;
    border-radius: 12px;
}
}
}

@media screen and (min-width: 1281px) and (max-width: 1370px) {
    .container {
        padding: 0 50px;
    }
    .header-section-wrap {
        max-width: 1230px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1280px) {
    .container {
        padding: 0px 50px;
    }
    img {
        width: 100%;
    }
    .para_large {
        font-size: 24px;
        line-height: 32px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .container {
        padding: 0px 20px;
    }
    h1 {
        font-size: 45px;
        line-height: 55px;
    }
    img {
        width: 100%;
    }
    .para_large {
        font-size: 24px;
        line-height: 30px;
    }
    .lineheight28px {
        line-height: 24px;
    }
    .para_18px {
        font-size: 16px;
        line-height: 22px;
    }
    .para_20px {
        font-size: 16px;
        line-height: 22px;
    }
    .para_25px {
        font-size: 20px;
        line-height: 28px;
    }
    .header-section-wrap {
        top: 20px;
        width: calc(100% - 30px);
        border-radius: 10px;
    nav {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-brand {
        max-width: 90px;
    }
    img {
        order: 0;
    }
    .navbar-toggler {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .navbar-collapse {
        width: 100% !important;
    ul {
        gap: 10px;
    }
}
}
.header-section-wrap .navbar-collapse:first-child {
    order: 1;
    margin-top: 20px;
}
.header-section-wrap .navbar-brand {
    order: 0;
}
.header-section-wrap .navbar-collapse.last_menu {
    order: 2;
    margin-top: 10px;
}
.header-banner-wrap {
    padding: 100px 0px 60px;
.para_large {
    margin-top: 0px !important;
}
}
.about-us-wrap {
    padding: 60px 0px;
.abt-content_wrap {
    padding-right: 30px;
}
.abbt-row_wrap {
    margin-top: 40px;
}
}
.our-approach-wrap {
    padding: 60px 0px;
h2 {
    margin-bottom: 20px !important;
}
.container .row:nth-child(2) {
    margin-top: 40px !important;
}
.set25px {
    font-size: 23px;
    line-height: 28px;
}
.our-item_wrap {
    padding: 20px;
    background: linear-gradient(180deg, #d2d9ff 0%, #ffffff 70%);
}
}
.official-information-wrap {
    padding: 60px 0px;
.offic-para_main {
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.offic-item_one {
    margin-top: 0px !important;
p {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
}
}
.management-wrap {
    padding: 60px 0px;
h2 {
    margin-bottom: 10px !important;
}
.row:nth-child(1) {
    margin-bottom: 40px;
}
.manage_content {
    padding: 15px;
}
}
.investor-alert-wrap {
.investor-block_wrap {
h2 {
    margin-bottom: 20px;
}
ol li {
    padding: 15px;
    gap: 5px;
}
}
}
.investor-charter-wrap {
    padding: 60px 0px;
.investor-second_wrap {
h2 {
    margin-bottom: 20px;
}
.para_25px {
    margin-bottom: 10px !important;
}
}
}
.contact-wrap {
    padding: 60px 0px;
.contact-col_wrap {
    padding: 0px 20px 0px 15px;
}
.contact_form {
input,
textarea {
    padding: 15px;
}
}
}
}

@media screen and (max-width: 767px) {
    img {
        width: 100%;
    }
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
    h2 {
        font-size: 35px;
        font-weight: 600;
        line-height: 45px;
    }
    h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .mb-4 {
        margin-bottom: 15px !important;
    }
    .mt-5 {
        margin-top: 15px !important;
    }
    .para_large {
        font-size: 20px;
        line-height: 26px;
    }
    .para_18px {
        font-size: 16px;
        line-height: 24px;
    }
    .set25px {
        font-size: 20px;
        line-height: 26px;
    }
    .para_20px {
        font-size: 16px;
        line-height: 24px;
    }
    .para_25px {
        font-size: 22px;
        line-height: 28px;
    }
    .lineheight28px {
        line-height: 20px;
    }
    p,
    li,
    .para {
        font-size: 14px;
        line-height: 20px;
    }
    .container {
        padding: 0 15px;
    }
    .header-section-wrap {
        top: 20px;
        width: calc(100% - 30px);
        border-radius: 10px;
    nav {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-brand {
        max-width: 90px;
    }
    img {
        order: 0;
    }
    .navbar-toggler {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .navbar-collapse {
        width: 100% !important;
    ul {
        gap: 10px;
    }
}
}
.header-section-wrap .navbar-collapse:first-child {
    order: 1;
    margin-top: 20px;
}
.header-section-wrap .navbar-brand {
    order: 0;
}
.header-section-wrap .navbar-collapse.last_menu {
    order: 2;
    margin-top: 10px;
}
.management-wrap {
    padding: 50px 0px;
.manage-item_wrap {
    flex-flow: column;
}
.row:nth-child(1) {
    margin-bottom: 30px;
}
}
.contact-wrap {
    padding: 50px 0px;
iframe {
    position: relative;
    width: 100%;
    height: 400px;
}
.row {
    gap: 30px;
}
.contact-col_wrap {
    padding: 0px 15px;
    max-width: 100%;
}
.form-group .d-flex {
    flex-flow: column;
    gap: 0px !important;
}
input,
textarea {
    padding: 15px !important;
}
.margin-b_20px {
    margin-bottom: 10px !important;
}
}
.header-banner-wrap {
    padding: 100px 0px 50px;
p {
    margin: 10px 0px !important;
}
}
.about-us-wrap {
    padding: 50px 0px;
}
.about-us-wrap {
.abt-content_wrap {
    padding-right: 0px;
}
.abt-img_block {
    margin-top: 30px;
}
.abbt-row_wrap {
    margin-top: 40px;
    gap: 20px;
}
}
.our-approach-wrap {
    padding: 50px 0px;
.row {
    gap: 20px;
}
.our-item_wrap {
    padding: 20px;
    background: linear-gradient(180deg, #d2d9ff 0%, #ffffff 50%);
}
}
.official-information-wrap {
    padding: 50px 0px;
.offic-para_main {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.offic-item_one {
p {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
}
}
.investor-alert-wrap {
.investor-block_wrap {
h2 {
    margin-bottom: 20px;
}
ol li {
    padding: 15px;
}
}
}
.investor-charter-wrap {
    padding: 50px 0;

h2 {
    margin-bottom: 15px;
}
}
.footer-section-wrap {
    padding: 50px 0px;
.footer-rw {
    flex-flow: column;
}
a {
    color: #fff !important;
}
}
.mobile_flexing {
    margin-top: 10px;
    justify-content: space-between !important;
a:first-child {
    padding-left: 0px !important;
}
}
.copy-right-block p{
    text-align: center !important;
}
}