/**** Global Styles ****/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body {
    font-family: "Roboto", sans-serif;
    scroll-behavior: smooth;
    background: #000;
    color: #fff;
}

    body.overflow-hide {
        overflow: hidden;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

p {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #fff;
}

img {
    max-width: 100%;
}

.max-width {
    max-width: 1360px;
    margin: auto;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding: 10px;
    outline: 0;
    border: 0;
    opacity: 0.5;
    border: 1px solid #b8a8a8;
    border-radius: 50%;
    background-color: #000;
}

#backToTop2 {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding: 10px;
    outline: 0;
    border: 0;
    opacity: 0.5;
    border: 1px solid #b8a8a8;
    border-radius: 50%;
    background-color: #fff;
}

#backToTop:hover {
    opacity: 1;
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    place-items: center;
    justify-content: center;
    z-index: 99999999;
    top: 0;
    left: 0;
    background: linear-gradient(89.7deg, #06152b 5.45%, #050f1e 96.3%);
}

    .preloader .content {
        margin: auto 0;
    }

section h2 {
    font-weight: 700;
    font-size: 54px;
    line-height: 64px;
    letter-spacing: 0.1px;
    color: #ffffff;
    margin-bottom: 20px;
}

section p {
    font-size: 22px;
    line-height: 27px;
    color: #ffffff;
}

.bg-gradient,
.bg-gradient:hover {
    background: linear-gradient(90deg, #0090ff 0%, #36dae9 100%);
    border-radius: 2px;
    color: #fff;
    border: 0;
    box-shadow: none;
    /* padding: 10px 20px; */
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
/**** Global Styles ****/
.dark-theme header {
    background: rgba(0, 0, 0, 0.7);
    /* background: #000; */
    /*position: fixed;
    top: 0px;
    left: 0;*/
    width: 100%;
    /* z-index: 99; */
    z-index: 9999999;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*margin-top: 20px;*/
}

    .dark-theme header.active {
        background: #000;
        transition: none;
    }

    .dark-theme header.scrolled {
        background: #000;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.solution-header, .products-header {
    position: relative;
    transition: none;
}

    .solution-header *, .products-header * {
        transition: none;
    }

    .solution-header::after, .products-header::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
    }

.dark-theme header .dropdown-outer {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: -80px;
    top: calc(100% + 24px);
    width: 600px;
    background-color: #fff;
    border-radius: 2px;
    overflow-y: auto;
}


.solution-header:focus-within .dropdown-outer,
.solution-header:hover .dropdown-outer,
.products-header:hover .dropdown-outer,
.products-header:focus-within .dropdown-outer,
.solution-header:active .dropdown-outer,
.products-header:active .dropdown-outer {
    opacity: 1;
    visibility: visible;
}

.dark-theme header .arrow {
    opacity: 0;
    visibility: hidden;
}

.dark-theme header .solution-header:hover .arrow,
.dark-theme header .products-header:hover .arrow {
    opacity: 1;
    visibility: visible;
}

.dark-theme header .arrow::after {
    content: "";
    position: absolute;
    top: 46px;
    left: 35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.dark-theme header.active .dropdown-outer {
    height: calc(100vh - 106px);
    overflow-y: auto;
}

.dark-theme .header-content {
    position: relative;
}

.dark-theme header .nav_brand img {
    width: 240px;
}

.dark-theme header nav.navbar {
    /* padding: 30px 50px; */
    padding: 15px 40px;
    z-index: 9;
    gap: 20px;
}

.dark-theme header div#collapsibleNavbar {
    /* max-width: 80%; */
    justify-content: space-between;
}

.dark-theme header nav .navbar-nav {
    width: 100%;
    /*commented*/
    /*justify-content: space-between;*/
}

    .dark-theme header nav .navbar-nav .header-right,
    .dark-theme header nav .navbar-nav .header-left {
        display: flex;
    }

.dark-theme header li.nav-item {
    margin-right: 10px;
}

    .dark-theme header li.nav-item:last-child {
        margin-right: 0;
    }

.dark-theme header .navbar-nav li.nav-item a.nav-link img {
    margin-left: 5px;
}

.dark-theme header .navbar-nav li.nav-item a.nav-link {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 5px 7px;
    position: relative;
    font-weight: 400;
}

    .dark-theme header .navbar-nav li.nav-item a.nav-link:focus {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        padding: 5px 7px;
        position: relative;
        font-weight: 400;
        border: solid 1px #fff;
        box-shadow: none;
    }


.dark-theme header nav .navbar-nav .header-right .nav-item a.nav-link {
    font-size: 14px;
}

.dark-theme header .navbar-nav li.nav-item a.nav-link:hover,
.dark-theme header .navbar-nav li.nav-item a.nav-link.active {
    opacity: 1;
}

/*commented*/
/*.dark-theme header li a::after {
	bottom: -3px;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	background-color: #fff;
	-webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	-o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}*/

/*commented*/
/*.dark-theme header li a.nav-link:hover::after {
	width: 100%;
}*/



.dark-theme header .sub-menu {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 40px 10px;
    z-index: 8;
    /* transform: translateY(-100%); */
}

    .dark-theme header .sub-menu.active {
        transform: translateY(0);
    }

.dark-theme header .sub-menu-left h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    color: #ffffff;
    opacity: 0.9;
    margin-bottom: 10px;
}

.dark-theme header .sub-menu-left p {
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    opacity: 0.7;
    margin-bottom: 30px;
}

.dark-theme header .sub-menu ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    align-items: flex-start;
}

    .dark-theme header .sub-menu ul li {
        width: 50%;
        padding: 0 20px;
    }

        .dark-theme header .sub-menu ul li:not(:last-of-type) {
            margin-bottom: 30px;
        }

        .dark-theme header .sub-menu ul li a {
            display: inline-flex;
            position: relative;
            cursor: pointer;
        }

            .dark-theme header .sub-menu ul li a:hover,
            .dark-theme header .sub-menu ul li a:focus {
                text-decoration: none;
            }

                .dark-theme header .sub-menu ul li a:hover .sub-menu-icon img,
                .dark-theme header .sub-menu ul li a:focus .sub-menu-icon img {
                    transform: scale(1.2);
                }

.dark-theme header .sub-menu-icon {
    max-width: 35px;
    margin-right: 15px;
}

    .dark-theme header .sub-menu-icon img {
        max-width: unset;
    }

.dark-theme header .sub-menu-text h5 {
    font-weight: 600;
    font-size: 14px;
    color: #132742;
    opacity: 0.8;
    margin-bottom: 0;
}

.dark-theme header .sub-menu-text p {
    font-size: 13px;
    color: #4A525C;
    opacity: 0.7;
    margin-bottom: 0;
}

.dark-theme header .dropdown-menu {
    background: #222;
    right: 0;
    left: unset;
    margin: 10px 0;
    width: 240px;
    padding: 0;
}

    .dark-theme header .dropdown-menu::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 15px solid #222222;
        top: -15px;
        right: 25px;
    }

    .dark-theme header .dropdown-menu a {
        display: flex;
        align-items: center;
        color: #fff;
        padding: 10px;
        font-size: 16px;
    }

.dropdown-item:focus,
.dropdown-item:hover {
    color: unset;
    background-color: unset;
}

.dark-theme header .dropdown-menu a img {
    width: 25px;
    margin-right: 20px;
}

.dark-theme header .dropdown-menu a::after {
    display: none;
}

/*commented*/
/*.dark-theme header .dropdown-toggle::after {
	display: none;
}*/

.dark-theme header .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.dark-theme header .products-header .arrow::after {
    border-bottom: 10px solid #EEF1F8;
}

.dark-theme header .products-header .dropdown-outer {
    width: 800px;
}

.dark-theme header .products-header .sub-menu {
    background-color: #EEF1F8;
    padding: 10px;
}


/* Footer */
/*footer {
    color: #b8a8a8;
    background: rgba(16, 23, 56, 0.32);
}*/

footer .max-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 55px;
    padding-bottom: 50px;
}

.footer_logo p {
    width: 80%;
    font-size: 14px;
    line-height: 32px;
    margin: 40px 0;
    color: #b8a8a8;
}

.footer_logo {
    width: 30%;
}

.footer_links {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
}

.footer_links_info {
    width: 33.33%;
}

footer_bottom span {
    margin-bottom: 7px;
    color: #b8a8a8;
    font-size: 15px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.footer_links_info span {
    margin-bottom: 7px;
    color: #b8a8a8;
    font-size: 15px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.footer_links_info h5 {
    margin-bottom: 7px;
    color: #b8a8a8;
    font-size: 15px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.footer_links_info ul {
    padding: 0;
    margin-left: 0;
}

.footer_links_info li {
    margin-bottom: 7px;
    list-style-type: none;
}

    .footer_links_info li a {
        text-decoration: none;
        font-size: 13px;
        position: relative;
        color: #b8a8a8;
        font-weight: 300;
    }

.footer_contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer_links_info li a:hover {
    color: #fff;
}

.footer_links_info li a::after {
    bottom: -3px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background-color: #fff;
    -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.footer_links_info li a:hover::after {
    width: 100%;
}

.footer_links_info li a img {
    margin-right: 10px;
    width: 15px;
}

.footer_contact_tel {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_social_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .footer_social_links a {
        margin-left: 8px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #201c43;
        border-radius: 8px;
        padding: 7px;
    }

        .footer_social_links a:hover {
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }

.footer_contact a:hover::after {
    display: none;
}

.footer_links_info .footer_social_links a img {
    width: auto;
}

p.footer_copyright {
    margin: 0;
}

.footer_bottom,
.footer_bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_bottom {
    max-width: 1360px;
    margin: auto;
    padding: 0 40px;
    padding-bottom: 40px;
}

.footer_here img {
    width: 90px;
}

.footer_bottom .footer_copyright {
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #b8a8a8;
    padding-right:20px;
    box-sizing:border-box;
}

.footer_bottom ul {
    margin: 0;
    list-style-type: none;
    margin-right: 100px;
    margin-left: auto;
}

    .footer_bottom ul h5 {
        margin: 0px;
        color: #b8a8a8;
        font-size: 16px;
        margin-right: 30px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }

.footer_here p {
    margin: 0;
    color: #b8a8a8;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.02em;
}

.footer_here span {
    font-weight: 900;
}

.footer_bottom .footer_copyright_mobile {
    display: none;
}
/* Footer */

/* banner section start */
.banner_sec {
    /*background-image: url("../images/eagm-banner.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 80vh;
    background-position: center;
    background-attachment: fixed;
}

.banner_left h2 {
    font-weight: 700;
    font-size: 44px;
    line-height: 62px;
    letter-spacing: 0.1px;
    text-transform: capitalize;
    color: #ffffff;
}

.banner_text h2 span {
    color: #0090ff;
    /* background: linear-gradient(150deg, #0090ff 0%, #36dae9 100%); */
    -webkit-background-clip: text;
    background-clip: text;
    /* -webkit-text-fill-color: transparent; */
}

.banner_text {
    padding-top: 2vh;
}

.banner_left {
    /* padding-top: 50px; */
    padding-top: 9vh;
    max-width: 612px;
}

    .banner_left p {
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.1px;
        /* text-transform: capitalize; */
        color: #ffffff;
        opacity: 0.8;
        margin-top: 28px;
        max-width: 380px;
    }

.banner_right {
    width: 440px;
    margin-left: auto;
    padding-bottom: 60px;
    /* padding-top: 1vh; */
}

.form_sec {
    margin-top: 60px;
}

.banner_icon {
    text-align: center;
}

.banner_right h2 {
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.4px;
    color: #ffffff;
}

.banner_right .login_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.4px;
    color: #ffffff;
    opacity: 0.8;
    margin-top: 15px;
}

.return_div {
    margin-top: 30px;
}

    .return_div span {
        background: linear-gradient(150deg, #0090ff 0%, #36dae9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        margin-left: 15px;
        font-style: normal;
    }

.account_sign_in_text {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: #d9e1e7;
}

    .account_sign_in_text:hover {
        color: #d9e1e7;
        text-decoration: none;
    }

.mobile_note_text {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #ffffff;
    font-style: italic;
    margin-top: 40px;
}

.sign_in_btn {
    /*background: linear-gradient(90deg, #0090ff 0%, #36dae9 100%);*/
    background-color: #1A237E;
    box-shadow: 0px 0px 7px rgba(139, 139, 139, 0.256337);
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    height: 64px;
    width: 100%;
    border: none;
    margin-top: 40px;
}

    .sign_in_btn:focus {
        outline: none;
    }
/* banner section end */
/* client start */
.banner_client_sec {
    background: #fff;
    margin-top: -10px;
    border-radius: 3px;
    padding: 35px 0px;
}

    .banner_client_sec h2 {
        font-weight: bold;
        font-size: 28px;
        line-height: 33px;
        text-align: center;
        letter-spacing: 0.1px;
        text-transform: uppercase;
        padding-bottom: 16px;
        color: #201c43;
    }

.ipo_carousel {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* client start */
.content_div_sec {
    /* margin-top: 100px; */
    /* margin-top: 75px; */
    padding-bottom: 45px;
    /* background: rgba(230, 231, 243, 0.06); */
    /* padding: 40px 40px; */
    padding: 90px 40px;
}

.content_div_left {
    width: 92%;
}

    .content_div_left h2 {
        font-weight: 700;
        font-size: 64px;
        line-height: 75px;
        letter-spacing: 0.1px;
        color: #ffffff;
    }

    .content_div_left p {
        font-weight: 600;
        font-size: 18px;
        line-height: 31px;
        color: #ffffff;
        opacity: 0.8;
        margin-top: 25px;
        /* width: 560px; */
    }

.learn_more_text {
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
}

    .learn_more_text img {
        height: 20px;
        margin-left: 10px;
    }

    .learn_more_text:hover {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
    }

.ipo_sub_div {
    margin-top: 60px;
    margin-left: 100px;
}

.video-section {
    height: 400px;
}
/* sub banner section */

/* unique section */
.unique_sec {
    padding-top: 50px;
    padding-bottom: 50px;
}

.unique_heading {
    font-weight: 700;
    font-size: 64px;
    line-height: 75px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #ffffff;
    /*margin-bottom: 70px;*/
}

.ipo_sub_text {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    /* width: 45%; */
}

    .ipo_sub_text h2 {
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        color: #0090ff;
        background: linear-gradient( 89.45deg, #0090ff 24.39%, #0090ff 24.39%, #36dae9 93.75% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0px;
        margin-left: 25px;
    }

    .ipo_sub_text img {
        height: 48px;
    }

.unique_sub_sec {
    width: 85%;
}

/* unique section */

/* tab form signup section */
.ip_group {
    display: flex;
    align-items: center;
}

    .ip_group .input-field {
        margin-top: 30px;
    }

        .ip_group .input-field input {
            margin-top: 0px;
        }

            .ip_group .input-field input:focus {
                margin-top: 0px;
            }

        .ip_group .input-field:nth-child(2) {
            margin-left: 18px;
        }

.investor-login-right form .form-group {
    margin-bottom: 0px;
}

.investor-login-right {
    margin-top: 20px;
}

    .investor-login-right .nav-tabs {
        border-bottom: 1px solid #384455;
    }

    .investor-login-right .nav-link {
        font-weight: 500;
        font-size: 24px;
        line-height: 16px;
        letter-spacing: 0.4px;
        color: rgba(255, 255, 255, 0.8);
        padding: 1rem;
        border: 0;
        border-bottom: 3px solid transparent;
    }

        .investor-login-right .nav-link:hover,
        .investor-login-right .nav-link:focus {
            border: 0;
        }

        .investor-login-right .nav-link.active {
            color: #0090ff;
            background: linear-gradient(90deg, #0090ff 0%, #36dae9 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            border-bottom: 3px solid #0090ff;
        }

    .investor-login-right input:not([type="submit"]),
    .investor-login-right select,
    .investor-login-right select:focus,
    .investor-login-right input:not([type="submit"]):focus {
        background: #2b3441;
        border: 2px solid #384455;
        border-radius: 3px;
        font-size: 18px;
        letter-spacing: 0.4px;
        color: #d9e1e7;
        padding: 10px 10px 10px 40px;
        margin-top: 0px;
        height: 50px;
        padding-left: 48px;
    }

    .investor-login-right input:focus {
        outline: 2px solid #FFFF00;
        outline-offset: 2px;
    }

    .investor-login-right select:focus {
        outline: 2px solid #FFFF00;
        outline-offset: 2px;
    }

    .investor-login-right button:focus {
        outline: 2px solid #FFFF00;
        outline-offset: 2px;
    }

    .investor-login-right .input-field {
        position: relative;
    }

        .investor-login-right .input-field img {
            position: absolute;
            top: 50%;
            left: 15px;
            transform: translateY(-50%);
        }

    .investor-login-right .new-pswd a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -40px;
    }

        .investor-login-right .new-pswd a img {
            position: unset;
            left: unset;
            transform: unset;
        }

    .investor-login-right input[type="checkbox"] {
        display: none;
    }

        .investor-login-right input[type="checkbox"] + label {
            position: relative;
            cursor: pointer;
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 0.4px;
            color: #d9e1e7;
        }

            .investor-login-right input[type="checkbox"] + label a {
                color: #0090ff;
            }

            .investor-login-right input[type="checkbox"] + label::before {
                content: "";
                -webkit-appearance: none;
                appearance: none;
                background-color: transparent;
                border: 1px solid #0090ff;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                padding: 6px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                cursor: pointer;
                margin-right: 12px;
                border-radius: 2px;
            }

        .investor-login-right input[type="checkbox"]:checked + label::after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 5px;
            width: 5px;
            height: 11px;
            border: solid #0079bf;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.tab-content a {
    letter-spacing: 0.4px;
    color: #d9e1e7;
    font-size: 13px;
    margin-top: 5px;
}

#img_captcha {
    height: 80px;
}

.investor-login-right button {
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 2px;
}

.investor-login-right forgot-password-button {
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 2px;
}

.signin-using {
    text-align: center;
    margin-top: 30px;
}

.signin-using-heading p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #d9e1e7;
    margin: 0;
}

.signin-using-heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .signin-using-heading .line {
        height: 1px;
        background: #384455;
        flex: 1;
        margin: 0 10px;
    }

.signin-using a {
    margin: 0 10px;
}

.forgot-password {
    margin-top: 53px;
}

    .forgot-password h2 {
        font-weight: 500;
        font-size: 24px;
        line-height: 16px;
        letter-spacing: 0.4px;
        padding-bottom: 20px;
        border-bottom: 1px solid #384455;
    }

    .forgot-password form {
        text-align: center;
    }

    .forgot-password button {
        margin-bottom: 20px;
    }

    .forgot-password a {
        color: #0090ff;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        background: linear-gradient(90deg, #0090ff 0%, #36dae9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: none;
    }

.forgot-password-btn:hover {
    color: #0090ff;
}

.sign_in_btn.sign_up_btn {
    margin-bottom: 10vh;
}

.kmp_login_sec {
    margin-top: 25px;
    text-align: center;
}

    .kmp_login_sec .kmp_login_btn {
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        background: linear-gradient(90deg, #0090ff 0%, #36dae9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-transform: uppercase;
    }

.kmp_login_link .form-control {
    height: 64px;
    background: #2b3441;
    border: 2px solid #384455;
    border-radius: 3px;
    color: #fff;
    border-right: 10px solid #2b3441 !important;
    font-size: 18px;
    letter-spacing: 0.4px;
    margin-top: 30px;
    appearance: none;
    -webkit-appearance: none;
}

.kmp_login_link select:focus {
    outline: none;
    box-shadow: none;
}

.banner_bg {
    background: #110f5c;
    opacity: 0.5;
    border: 1px solid #000000;
    box-sizing: border-box;
    filter: blur(150px);
    /* transform: rotate(-84.71deg); */
    position: absolute;
    content: "";
    width: 440px;
    height: 108px;
    z-index: 99;
    top: -120px;
    right: 0px;
}

.form_heading_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.4px;
    color: #ffffff;
    opacity: 0.8;
    text-align: center;
    padding-top: 0px;
}
/* tab form signup section */

/* digix web secreenshot section */
.digix_web_sec {
    padding-top: 30px;
    padding-bottom: 50px;
    background: rgba(230, 231, 243, 0.06);
}

.digix_web_left {
    margin-top: 95px;
}

    .digix_web_left h2::after {
        content: url("../images/digix_x_logo.svg");
        position: absolute;
        top: -65px;
        left: 0px;
        z-index: -1;
    }

    .digix_web_left h2 {
        font-weight: 700;
        font-size: 64px;
        line-height: 75px;
        letter-spacing: 0.1px;
        color: #ffffff;
        position: relative;
        padding-top: 64px;
    }

.digix_web_right.owl-carousel .item img {
    width: 805px;
    margin: 0px auto;
    margin-top: 15px;
}

.digix_web_right.owl-carousel .owl-dots {
    text-align: center;
}

.digix_web_right.owl-carousel .owl-dot:focus {
    outline: none;
}

.digix_web_right.owl-carousel .owl-dot {
    height: 4px;
    width: 24px;
    background: #c4c4c4;
    opacity: 0.7;
    border: none;
    margin-right: 8px;
}

    .digix_web_right.owl-carousel .owl-dot.active {
        /*background: linear-gradient( 1.39deg, #0090ff 5.09%, #0090ff 5.09%, #36dae9 99.21% );*/
        background: yellow;
        color: yellow;
    }
/* digix web secreenshot section */

/* break section */
.break_sec {
    padding-top: 45px;
    padding-bottom: 50px;
}

.break_content_sec {
    /* background-image: url("../images/digix_banner.png"); */
    background: url("../images/break_bg.svg") no-repeat right 12% center, #06295b;
    padding: 70px 0;
    width: 100%;
}

.break_text_sec p {
    font-weight: 700;
    font-size: 24px;
    line-height: 37px;
    letter-spacing: 0.1px;
    color: #ffffff;
    opacity: 0.9;
    position: relative;
    padding-left: 42px;
    width: 80%;
}

    .break_text_sec p::before {
        position: absolute;
        content: "";
        width: 3px;
        height: 130px;
        color: #0090ff;
        background: -webkit-linear-gradient(left, #0090ff, #36dae9);
        background-clip: text;
        -webkit-background-clip: text;
        /* -webkit-text-fill-color: transparent; */
        border-left: 7px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right, #0090ff, #36dae9);
        left: 0px;
        top: -8px;
    }
/* break section */

/* Mobile CSS */
@media only screen and (max-width: 600px) {
    .max-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    section h2,
    .why-kfintech-features h2 {
        font-size: 34px;
        line-height: 44px;
    }

    section p {
        font-size: 18px;
        line-height: 24px;
    }

    .dark-theme header {
        background: #000;
    }

        .dark-theme header nav.navbar {
            padding: 15px 20px;
        }

        .dark-theme header .nav_brand img {
            width: 200px;
        }

        .dark-theme header nav .navbar-nav {
            padding: 20px 0 0;
        }

        .dark-theme header div#collapsibleNavbar {
            max-width: 100%;
        }

        .dark-theme header li.nav-item {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .dark-theme header .dropdown-menu {
            margin-top: 20px;
        }

            .dark-theme header .dropdown-menu::after {
                top: 40px;
                right: unset;
                left: 15px;
            }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        outline: 0;
    }

    .dark-theme header .sub-menu {
        padding: 0;
    }

        .dark-theme header .sub-menu ul {
            margin-top: 10px;
        }

            .dark-theme header .sub-menu ul li {
                width: 100%;
            }

    .dark-theme header.active .dropdown-outer {
        height: calc(100vh - 340px);
    }

    .scrollspy-why-kfin-left {
        display: none;
    }

    .why-kfintech-features.slide {
        height: unset;
        padding: 20px;
    }

    .why-kfintech-features .row {
        height: unset;
        padding: 40px 0;
    }

    .why-kfintech-features h2 {
        position: unset;
        left: unset;
        top: unset;
    }

    .why-kfintech-features h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .we-serve {
        padding-top: 30px;
    }

    .footer_bottom .footer_copyright_mobile,
    .footer_links {
        display: block;
    }

    .footer_bottom .footer_copyright_desktop {
        display: none;
    }

    footer .max-width {
        display: block;
        padding: 30px 20px;
    }

    .footer_logo p,
    .footer_logo,
    .footer_links,
    .footer_links_info {
        width: 100%;
    }

    .footer_links {
        padding-left: 0;
    }

    .footer_bottom {
        padding: 0 20px 20px;
        display: block;
    }

        .footer_bottom ul,
        .footer_bottom ul h5 {
            display: block;
            margin-right: 0;
            margin-bottom: 10px;
        }

    .footer_here p {
        font-size: 14px;
        text-align: right;
    }

    .banner_sec {
        background-image: none;
        background: #061224;
    }

    .banner_left {
        padding-top: 35px;
        padding-bottom: 25px;
        background-image: url("../images/eagm-banner.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
    }

    .banner_right {
        width: 100%;
        padding-top: 8vh;
        padding-bottom: 5px;
    }

    .mobile_order {
        order: 2;
    }

    .content_div_sec {
        margin-top: 20px;
    }

    .content_div_left h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .content_div_left p {
        width: 100%;
    }

    .banner_client_sec {
        margin-top: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .form_sec {
        margin-top: 45px;
    }

    .banner_text {
        padding-top: 45px;
    }

    .ipo_sub_text {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .ipo_sub_sec {
        margin-top: 20px;
        margin-bottom: 0px;
        display: block;
    }

    .content_div_right {
        margin-top: 30px;
    }

    .btn-link {
        text-align: left;
        width: 100%;
        font-size: 18px;
        line-height: 21px;
    }

    .ipo_carousel {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .client_item {
        margin-top: 10px;
    }

    .banner_client_sec h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .banner_left h2 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 15px;
    }

    .return_div {
        margin-bottom: 30px;
    }

    .content_div_left {
        width: 100%;
    }

    .ipo_sub_div {
        margin-left: 0px;
    }

    .content_div_sec {
        padding: 60px 20px;
    }

    .sign_in_btn {
        margin-bottom: 15px;
    }

    .digix_web_left h2::after {
        display: none;
    }

    .feature_heding {
        font-size: 50px;
        line-height: 75px;
    }

    .feature_content {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    .feature_left_content.mobile_feature {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .feature_heding::after {
        right: 0px;
        z-index: -1;
    }

    .digix_web_left h2 {
        font-size: 49px;
        line-height: 58px;
        padding-top: 50px;
        text-align: center;
    }

    .digix_web_left {
        margin-top: 0px;
    }

    .feature_digix_width {
        padding-bottom: 30px;
        padding-top: 50px;
    }

    .digix_web_sec {
        /* padding-bottom: 70px; */
        padding-bottom: 25px;
        padding-top: 18px;
    }

    .feature_sec {
        padding-bottom: 30px;
        padding-top: 75px;
    }

    .feature_left_content.mobile_feature.mobile_top {
        margin-top: 0px;
    }

    .digix_web_right.owl-carousel {
        margin-top: 30px;
    }

        .digix_web_right.owl-carousel .owl-dots {
            margin-top: 35px;
        }

    .video-section {
        height: auto;
    }

        .video-section iframe {
            height: auto;
        }
    /* break section */
    .break_content_sec {
        height: auto;
    }

    .break_text_sec p {
        font-size: 18px;
        line-height: 30px;
        width: 100%;
    }

        .break_text_sec p::before {
            height: 100%;
            top: 0px;
        }
    /* break section */

    /* unique section */
    .unique_sub_sec {
        width: 100%;
    }

    .unique_heading {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .ipo_sub_text img {
        height: 35px;
    }

    .ipo_sub_text h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .unique_sec {
        padding-bottom: 0px;
    }
    /* unique section */
}


.mandatory-field {
    color: yellow;
    margin-left: 4px;
}


.text-black {
    color: #000;
}

.legend {
    font-size: 1.2em;
}


.custom-textbox {
}

    .custom-textbox::placeholder {
        color: #fff;
        font-size: small;
    }

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #000;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #000;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #000;
}

#features_list {
    list-style-image: url('/assets-0901/images/tick_icon.svg');
}

    #features_list li {
        font-weight: 500;
        font-size: 28px;
        line-height: 42px;
        color: #0090ff;
        background: linear-gradient(89.45deg, #0090ff 24.39%, #0090ff 24.39%, #36dae9 93.75%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0px;
        margin-left: 25px;
    }


.small-button {
    /* Adjust padding to control the button's height and width */
    padding: 5px 10px; /* 5px top/bottom padding, 10px left/right padding */
    /* Adjust font-size for the text inside the button */
    font-size: 12px;
    /* Other styling properties */
    background-color: #1565C0; /* Blue background */
    color: white; /* White text */
    border: none; /* Remove default border */
    border-radius: 4px; /* Optional: rounded corners */
    cursor: pointer; /* Optional: adds a pointer cursor on hover */
}

    /* Optional: Add hover effect for better user experience */
    .small-button:hover {
        background-color: #005f7a;
    }

.owl-dot {
    /*display:none;*/
}

    .owl-dot:focus {
        border: solid 1px yellow;
    }

.jconfirm-icon-c {
    display: none !important;
}

.jconfirm-title-c {
    border-bottom: solid 1px #E0E0E0;
}

.jconfirm-content {
    padding-left: 0px !important;
}

.skip-to-main {
    background-color: #212121;
    color: #fff !important;
    padding: 4px;
    text-align: right;
    padding-right: 10px;
    height: 24px;
    /*display:none;*/
}


#hy_content {
    color: #fff;
}

.qa-main-head {
    font-size: 1.4em;
}

.qa-sub-head {
}


.compname {
    text-decoration: underline !important;
    color: #000;
}

.btn-primary-dark {
    background-color: #0D47A1;
}

.btn-light-custom {
    background-color: #fff !important;
    border: solid 3px #fff;
    color: #000;
}

    .btn-light-custom:focus {
        border: solid 3px #000;
    }


.background-elem {
    z-index: 0;
}

.background-speaker {
    background-image: url(../../img/speaker-mask.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.background-calendar {
    background-image: url(../../img/calendar-mask.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.required-yellow {
    color: yellow;
    padding-left: 3px;
}



.side-navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.side-navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

/*.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #004085;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 11px 20px 10px 20px;
    background: white;
}

#sidebar ul.components {
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    display: block;
}

#sidebar ul li a:hover {
    color: white;
    background:#0092D1;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #0092D1;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #00508B;
}

.menu-text {
   color:white;
   font-size: 24px;
   font-weight: bold;
   position: relative;
   top: 10px;
   left:5px;
}


.menu-btn {
    background:#212121;
    color: white;
    border-radius:0px !important;
}

.menu-btn:hover {
    background:#212121;
    color: #fff !important;
    border-radius:0px !important;
}

.menu-header {
    width:100%;
    height:37px;
    background: transparent;
}


#content {
    width: calc(100% - 250px);
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active {
    width: 100%;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
   
}*/


.text-000 {
    color: #000 !important;
}

/*.eGrid, .eGrid div {
    padding: 0;
    margin: 0;
    border:solid 11px dashed;
}*/

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75); /* Dark semi-transparent background */
    backdrop-filter: blur(4px); /* Optional: blurs the background */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease; /* Smooth fade-out effect */
}


.unblock-btn {
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .unblock-btn:hover {
        background-color: #0056b3;
    }

/* Helper class to hide the overlay via JavaScript */
.hidden {
    opacity: 0;
    pointer-events: none; /* Prevents clicking hidden items */
}

.accordion-button:focus {
    z-index: 3;
    outline: solid 2px #0D47A1;
    outline-offset: 3px;
    box-shadow: none;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0D47A1;
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

.outline-white:focus {
    outline:solid 2px #fff;
    outline-offset:3px;
    color:#fff !important;
}

.sub-menu-text h2 {
    color:#000 !important;
    font-size:14px;
}


#btn_alert_ok:focus {
    outline:solid 2px #000;
    outline-offset:2px;
}


.footer_links_info group-heading {
    font-weight:bold;
}

@media (min-width: 300px) and (max-width: 767.98px) {
  .text-sm-black {
    color: #000 !important;
  }
}

/*@media (min-width: 576px) and (max-width: 35.98px) {
  .text-sm-black {
    color: #000 !important;
  }
}*/