:root {
    --theme-color: #4d1983;
    --text-color: #1b1d33;
    --futura-font: "Futura Md BT";
    --poppins-font: "Poppins";
}

body {
    height: 100%;
    width: 100%;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    font-family: var(--poppins-font);
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

::-webkit-input-placeholder {
    /* Edge */
    color: #979797;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #979797;
}

::placeholder {
    color: #979797;
}

.container {
    max-width: 1400px;
    width: 100%;
}

a:hover {
    text-decoration: none;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

textarea#productDescription {
    line-height: 1.6;
    min-height: 8rem;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.custom-button {
    width: 100%;
    height: 100%;
    max-width: 260px;
    max-height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    background-color: var(--theme-color);
    color: #01303f;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../images/download.svg);
}

.collapse:not(.show) {
    display: block !important;
}


/* start header */

a.navbar-brand.logo {
    width: 250px;
}

a.navbar-brand.logo img {
    width: 100%;
}

.login-detail .custom-button {
    font-size: 19px;
    font-weight: 500;
    max-width: 104px;
    max-height: 44px;
    background-color: #fff;
    border-radius: 8px;
    line-height: 44px;
}

.login-detail .custom-button.active {
    background-color: transparent;
    color: #fff;
}

.social-icon span {
    margin-right: 8px;
    font-size: 15px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    transition: 0.4s;
    border-radius: 50%;
    color: #204754;
}

.social-icon span:hover {
    color: #fff;
    background-color: #204754;
}

.header {
    padding: 10px 0px;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgb(28, 27, 73);
    background: linear-gradient( 90deg, rgba(28, 27, 73, 1) 0%, rgba(59, 58, 112, 1) 44%, rgba(6, 5, 15, 1) 100%);
}

.nav-menu {
    position: relative;
}

.nav-menu .nav-item {
    padding: 0px 30px;
}

.login-detail {
    display: flex;
    width: 100%;
    max-width: 208px;
}

.nav-menu .nav-item .nav-link {
    position: relative;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 0px;
}

.nav-menu .nav-item .nav-link::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    z-index: 11;
    transition: 0.8s;
}

.nav-menu .nav-item .nav-link.active::after,
.nav-menu .nav-item .nav-link:hover::after {
    opacity: 1;
    visibility: visible;
}

.nav-menu .nav-item .nav-link:focus {
    color: #ffffff;
}

.nav-menu .nav-item .nav-link::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    visibility: hidden;
    transition: 0.8s;
}


/* end header */


/* start banner */

.hero-section {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/hero-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
    background-position: bottom;
}

.hero-section::before {
    position: absolute;
    content: "";
    height: 100%;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(19, 20, 52, 0.6);
}

.hero-section .banner-text {
    z-index: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1134px;
}

.hero-section .banner-text h1 {
    color: #fff;
    text-align: center;
    font-size: 60px;
    line-height: 90px;
    font-weight: 400;
}

.banner-text .banner-btn {
    padding-top: 32px;
}

.banner-btn .custom-button {
    max-width: 270px;
    max-height: 50px;
    line-height: 50px;
    border-radius: 5px;
    font-size: 19px;
    background-color: #fff;
    font-weight: 600;
    transition: 0.4s;
}

.banner-btn .custom-button:hover {
    background-color: var(--theme-color);
    color: #fff;
}


/* end banner */


/* start about us */

.about-us {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 80px 0px;
    overflow: hidden;
    background-color: #f2f4f5;
}

.about-us::before {
    position: absolute;
    left: -10px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/abt-before.png");
    background-repeat: no-repeat;
}

.about-us::after {
    position: absolute;
    right: -10%;
    bottom: -46%;
    content: "";
    width: 400px;
    height: 400px;
    background: #c9cacf;
    border-radius: 50%;
}

.about-us .about-img {
    position: relative;
    text-align: right;
}

.about-us .about-img::before {
    position: absolute;
    right: -205px;
    top: -77px;
    content: "";
    width: 46%;
    height: 20%;
    background: url("../images/ab-before.png");
    z-index: 1;
}

.about-btn span {
    width: 100%;
    height: 100%;
    max-width: 115px;
    max-height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background-color: rgba(77, 25, 131, 0.6);
}

.about-text h2 {
    position: relative;
    padding-top: 26px;
    font-size: 34px;
    color: #141529;
    font-weight: 500;
}

.about-text h2::after {
    position: absolute;
    bottom: -14px;
    left: 0px;
    content: "";
    width: 77px;
    height: 5px;
    background: #47494a;
}

.about-text h5 {
    font-size: 21px;
    padding-top: 38px;
    color: #706e6e;
}

.about-text p {
    padding-top: 30px;
    font-size: 19px;
    line-height: 29px;
    text-align: justify;
    color: #707070;
}

.about-text .lern-more {
    padding-top: 30px;
}

.lern-more .custom-button {
    max-width: 206px;
    max-height: 46px;
    line-height: 46px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    background-color: var(--theme-color);
    transition: 0.8s;
}

.lern-more .custom-button:hover {
    color: #fff;
    background-color: #707070;
}


/* end about us */


/* start faq */

.faq {
    position: relative;
    padding: 80px 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.faq::after {
    position: absolute;
    top: 0px;
    right: -50px;
    content: "";
    z-index: -1;
    width: 695px;
    height: 100%;
    background: url("../images/faq-before.png");
    background-repeat: no-repeat;
}

.faq::before {
    position: absolute;
    top: 130px;
    left: -202px;
    content: "";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #eeeef0;
}

.faq .section-title {
    text-align: center;
}

.faq .section-title h2 {
    position: relative;
    font-size: 35px;
    font-weight: bold;
    color: #595959;
}

.faq .section-title h2::after {
    position: absolute;
    content: "";
    left: 46%;
    z-index: 1;
    bottom: -14px;
    background: #595959;
    width: 86px;
    height: 4px;
}

.accordion-menu li.open .dropdownlink span {
    color: #fff;
}

.faq .faq-inner {
    padding-top: 80px;
}

.faq-inner .accordion .card-header {
    background-color: #fff;
}

.faq-inner .accordion .btn {
    position: relative;
    padding: 0px;
    font-size: 16px;
    color: #919191;
    text-decoration: none;
    transition: 0.8s;
}

.faq-inner .accordion .btn[aria-expanded="true"]::after {
    content: "\e902";
}

.faq-inner .accordion .btn::after {
    content: "\e903";
    font-family: icomoon !important;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 1;
    transform: translateY(-50%);
    transition: ease-in-out 0.8s;
}

.faq-inner .accordion .card-header {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.faq-inner .accordion .faq-header {
    margin-bottom: 20px;
    border: none;
}

.faq-inner .accordion-menu {
    width: 100%;
    margin: 0px auto 20px;
    border-radius: 4px;
}

.accordion-menu li.open .dropdownlink {
    color: #fff;
    background-color: var(--theme-color);
    padding: 16px 30px;
    font-size: 19px;
    border-radius: 18px 18px 0px 0px;
    box-shadow: none;
}

.faq-inner .accordion-menu li.open {
    background-color: var(--theme-color);
    border-radius: 20px;
}

.dropdownlink {
    padding: 16px 24px;
}

ul.accordion-menu li {
    margin-bottom: 16px;
    line-height: 34px;
}

.dropdownlink span {
    float: right;
    font-size: 32px;
}

.faq-inner .fa-chevron-down {
    transform: rotate(180deg);
}

.faq-inner .accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.faq-inner .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 45px;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    position: relative;
    box-shadow: 0px 0px 4px #ccc;
    background-color: #fff;
    transition: all 0.4s ease-out;
    border-radius: 20px;
}

.faq-inner span {
    position: absolute;
    top: 16px;
    right: 22px;
    color: var(--theme-color);
}

.faq-inner .icon-minus {
    display: none;
}

.faq-inner .accordion-menu li.open .icon-minus {
    display: block;
}

.faq-inner .fa-chevron-down {
    right: 12px;
    left: auto;
}

.faq-inner .submenuItems {
    display: none;
    background: var(--theme-color);
    padding: 34px 29px;
    color: #fff;
    border-radius: 16px;
}

.faq-inner .submenuItems a {
    display: block;
    color: #727272;
    padding: 12px 12px 12px 45px;
    transition: all 0.4s ease-out;
}


/* start get-touch */

.get-touch {
    position: relative;
    width: 100%;
    padding: 160px 0px 300px 0px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background: url(../images/stay-touch.png) no-repeat;
    background-size: 100%;
}

.get-text .section-title h2 {
    color: #fff;
    font-size: 35px;
}

.get-text .custom-button {
    margin-top: 18px;
    max-height: 50px;
    border-radius: 8px;
    font-size: 19px;
    font-weight: 500;
    line-height: 50px;
    background-color: #fff;
    color: var(--theme-color);
    transition: 0.8s;
}

.get-text .custom-button:hover {
    background-color: var(--theme-color);
    color: #fff;
}


/* end get-touch */


/* start trading section */

.start-trading {
    position: relative;
    width: 100%;
    margin: -225px 0px;
    padding: 0px 0px 191px 0px;
    overflow: hidden;
    height: 100%;
    background: url("../images/trading-bg.png");
    background-repeat: no-repeat;
    background-position: 0px 90px;
    background-size: 100%;
}

.start-trading::before {
    position: absolute;
    left: 0;
    top: 0px;
    content: "";
    z-index: 1;
    background: url("../images/trading-after.png");
    background-size: 77%;
    transform: translate(12%, 39%);
    width: 98%;
    background-repeat: no-repeat;
    height: 70%;
}

.start-trading .touch-box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 9px #ddd;
    padding: 40px 19px;
    height: 100%;
}

.touch-box h4 {
    font-size: 18px;
    font-weight: 600;
}

.touch-box p {
    color: #707070;
    padding-top: 15px;
    font-size: 15px;
}

.touch-box .touchtxt {
    padding-top: 28px;
}

.start-trading .trading-text {
    position: relative;
    padding: 80px 0px;
    text-align: center;
    z-index: 11;
}

.start-trading .trading-text h2 {
    position: relative;
    color: #141529;
    font-size: 32px;
    font-weight: 600;
}

.start-trading .trading-text h2::after {
    position: absolute;
    content: "";
    left: 45%;
    bottom: -20px;
    width: 80px;
    height: 4px;
    background: #595959;
    z-index: 1;
}

.trading-text p {
    padding-top: 42px;
    font-size: 19px;
}

.trading-text .trading-btn {
    padding-top: 38px;
}

.trading-btn .custom-button {
    max-height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    background-color: var(--theme-color);
    margin-left: 10px;
    transition: 0.4s;
}

.trading-btn .custom-button:hover {
    color: rgb(28, 27, 73);
    background-color: #707070;
    color: #fff;
}

.trading-btn .custom-button.active {
    background-color: #fff;
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
    max-height: 52px;
    transition: 0.4s;
}

.trading-btn .custom-button.active:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.productsTable tr th,
.productsTable tr td {
    padding: 10px;
    width: 248px;
}

table tr:nth-child(even) {
    background-color: #fff;
}

table.productsTable tr th:nth-child(n+2),
table.productsTable tr td:nth-child(n+2) {
    text-align: center;
}

#content-wrapper .card-body form {
    box-shadow: 0px 2px 3px #ddd;
    border-radius: 5px;
    margin-top: 14px;
}

.productsTable tr,
.productsTable tr:nth-child(odd) {
    transition: 0.6s;
}

.productsTable tr input[type="checkbox"],
input[type="radio"] {
    margin-left: 20px;
}

.pagination .page-item.active .page-link {
    color: white;
    background-color: #072678;
}

.productsTable tr td .custom-btn:hover {
    background-color: #f26922;
    color: #fff;
}

.productsTable tr:hover,
.productsTable tr:hover:nth-child(odd) {
    background-color: #5276d5;
    color: #fff;
}

.productsTable tr:nth-child(odd) {
    background-color: #f1f1f1;
}

table.productsTable tr th:nth-child(1),
table.productsTable tr td:nth-child(1) {
    width: 5%;
    text-align: center;
    padding-left: 15px;
}

li.nav-item:active {
    background: #fff;
    border-radius: 0 20px 20px 0;
}

.site-link h3 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 24px;
}

.site-link a {
    display: block;
    padding-bottom: 20px;
    color: #fff;
}

.addres-detail h3 {
    color: #fff;
    font-size: 20px;
}

.addres-detail p {
    color: #fff;
    padding-top: 25px;
    line-height: 26px;
    width: 100%;
}

.navbar .navbar-brand-wrapper {
    background: #072678;
    padding: 20px;
}

.navbar .navbar-brand-wrapper .navbar-toggler {
    font-size: 24px;
    color: #fff;
}

.main-panel {
    position: static;
    width: 100%;
    padding-left: 220px;
}

.navbar .navbar-menu-wrapper {
    background: #fff;
    box-shadow: 12px 0px 12px #ddd;
}

.sidebar .nav .nav-item.active>.nav-link .menu-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

table tr th {
    background-color: #072678;
    color: #fff;
    font-weight: 500;
}

.card-header {
    background-color: #f4f5f7;
    font-size: 24px;
    border-bottom: none;
    font-weight: 500;
    padding: 20px 30px;
    color: #072678;
}

#content-wrapper {
    padding-top: 0;
}

#content-wrapper .card-body form .card-body {
    padding: 0;
}

.sidebar {
    position: fixed;
    width: 220px;
    background: #072678;
}

.sidebar .nav .nav-item.active>.nav-link i {
    color: #fff;
}

table.productsTable {
    overflow: hidden;
    overflow-y: auto;
    display: inline-block;
    width: 100%;
    margin-top: -12px;
}

.modal .modal-dialog {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

table.productsTable thead {
    position: sticky;
    top: 0;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f26922;
}

.sidebar .nav .nav-item.active>.nav-link {
    background: #051b56 !important;
    padding: 10px 20px;
}

.welcome-text span {
    color: #072678 !important;
    text-transform: capitalize;
}

.sidebar .nav .nav-item.active>.nav-link {
    border-radius: 0px;
}

.login_outer {
    display: table;
    width: 100%;
    min-height: 100vh;
    background: rgb(50 44 69);
    padding: 20px 0;
}

.login_inner {
    display: table-cell;
    vertical-align: middle;
}

.login_inner .form_inner {
    max-width: 1070px;
    margin: 0 auto;
    border-radius: 8px;
    position: relative;
}

.form_inner a.close_page {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 34px;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    font-weight: var(--Walsheim-font);
    font-weight: 500 !important;
    color: #01303f;
    z-index: 11;
}

.forget-pass .forget-text {
    padding: 110px 0px !important;
}

.forget-pass .login_inner {
    padding: 0px 0px !important;
}

.login_inner.forget-pass .forget-text {
    padding: 114px 0px !important;
}

.login_inner .container {
    padding: 0;
}

.login_inner .login_text {
    position: relative;
    background-image: url("../images/form-cover.png");
    background-size: cover;
    text-align: center;
    padding: 270px 0px !important;
}

.login_inner .login_form {
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 40px 0px;
}

.login-headig {
    position: relative;
}

.login-headig img {
    max-width: 200px;
    width: 100%;
}

.login-headig::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0px;
    width: 50px;
    height: 2px;
    background: #01303f;
}

.login-headig::after {
    position: absolute;
    content: "";
    left: 36%;
    bottom: -21px;
    width: 130px;
    height: 3px;
    background: var(--text-color);
}

.login_inner .login_form::after {
    position: absolute;
    content: "";
    top: 0px;
    overflow: hidden;
    width: 280px;
    height: 186px;
    background: url("../images/form-after.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.login_inner .login_cover {
    padding: 0px 50px;
    z-index: 1;
    position: relative;
}

.login_cover img {
    max-width: 200px;
    width: 100%;
}

.sign-btn .custom-button {
    max-width: 100%;
    border: none;
    min-height: 44px;
    line-height: 44px;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 5px;
}

.login_cover h2 {
    padding-top: 20px;
    color: #fff;
}

.login_form h3 {
    padding-top: 20px;
    color: var(--text-color);
    font-size: 28px;
}

.login_cover p {
    padding-top: 14px;
    font-size: 16px;
    color: #fff;
}

.login_form p {
    padding-top: 8px;
    font-size: 17px;
    color: #01303f;
}

.form-style form {
    padding-top: 46px;
}

.form-style form .form-cntri {
    padding-top: 18px;
}

form .form-group input {
    height: 100%;
    min-height: 44px;
    line-height: 44px;
    border: 1px solid #e2e6ea;
}

form .form-group select {
    height: 100%;
    min-height: 29px;
    line-height: 29px;
    color: #979797;
    background: url("../images/slelct-icon.png") no-repeat;
    background-position: right;
    background-origin: content-box;
    appearance: none;
    border: 1px solid #e2e6ea;
}

.login_text::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient( 226deg, #6608b899 0%, #43206cab 50%, #2b3137c4 100%, transparent);
    z-index: 1;
}

.close_page span {
    font-size: 17px;
    line-height: 35px;
    height: 36px;
    color: var(--theme-color);
}

.sign-form .form-style .sign-btn {
    padding-top: 20px;
}

.login_form .forgot_password a {
    color: #01303f;
    transition: 0.8s;
}

#getPDF {
    color: #fff;
    border-radius: 4px;
    border: none;
    background-color: #f26922;
}

.login_form .create_account p a {
    color: #01303f;
    font-weight: 600;
    transition: 0.8s;
}

.sign-inner .login_text {
    padding: 175px 0px !important;
}

.sign-inner .login_form {
    padding: 59px 0px;
    box-shadow: 10px 15px 15px -8px rgba(0, 0, 0, 0.88);
    -webkit-box-shadow: 10px 15px 15px -8px rgba(0, 0, 0, 0.88);
    -moz-box-shadow: 10px 15px 15px -8px rgba(0, 0, 0, 0.88);
}

.forget-input {
    line-height: 46px;
    border-left: none;
    min-height: 46px;
}

.forget-message {
    position: relative;
    color: var(--theme-color);
    background: transparent;
    font-size: 15px;
}

.forget-message::after {
    position: absolute;
    content: "";
    right: 0px;
    background: #ddd;
    height: 26px;
    width: 1px;
}

table tr th,
table tr td img {
    height: 94px;
    width: 94px !important;
    object-fit: cover;
    /* border-radius: 50%; */
}

.productsTable tr td img {
    border-radius: 50%;
    box-shadow: 0px 2px 2px #ddd;
}

.pdfGenerate {
    text-align: right;
}

.pdfGenerate .custom-btn {
    font-size: 15px;
    margin-left: 20px;
}

form .form-group label {
    font-size: 14px;
    margin-bottom: 6px;
}

.fruits-list .media .media-img {
    border: 2px dashed #072678;
    text-align: center;
    padding: 24px 0px;
    border-radius: 5px;
    width: 100%;
}

.fruits-list .media .media-img input {
    margin-top: 13px;
    width: 100%;
    max-width: 224px;
}

.mod-btn {
    text-align: right;
}

.pdfLayout {
    width: 100%;
    height: 100%;
    max-width: 220px;
    min-height: 40px;
    padding: 0px 13px;
    border: none;
    font-size: 14px;
}

.pagination {
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    /* padding-bottom: 10px; */
}

.fruit-modal {
    position: relative;
    width: 100%;
    height: 100%;
}

.card-footer nav {
    text-align: center;
    /* padding: 10px 0px 0px 0px; */
}

.fruit-modal .modal .modal-content .modal-cross {
    position: absolute;
    right: 4px;
    top: 0px;
    opacity: 1;
}

.fruits-pop {
    width: 100%;
    height: 100%;
    max-width: 800px;
}

.fruit-modal .fruits-list .mod-btn {
    float: right;
}

.fruit-modal .modal .modal-content .modal-cross span {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #072678;
    transform: translate(-50%, -50%);
    height: 37px;
    width: 37px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    border-radius: 50%;
    opacity: 1;
}

.fruit-modal .fruits-pop {
    width: 100%;
    height: 100%;
}

.fruit-modal .modal .modal-dialog {
    max-width: 800px;
}

.fruit-modal .modal .modal-dialog .modal-content .modal-body {
    padding: 45px 38px 38px 38px;
}

.sidebar .nav .nav-item .nav-link i {
    color: inherit;
    font-size: 22px;
    color: #fff;
    margin-right: 15px;
}

.sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 15px;
    color: #fff;
}

.sidebar .nav:not(.sub-menu)>.nav-item>.nav-link {
    padding: 10px 20px;
}

.close-button {
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0px;
    margin: 0px;
    border-radius: 50%;
    border: none;
    font-size: 22px;
    position: absolute;
    right: -9px;
    display: inline-block;
    color: #fff;
    background-color: #072678;
    top: -13px;
    z-index: 1;
}

.close-button span {
    height: auto;
    position: relative;
    top: 1px;
}

.modal-form input {
    width: 100%;
    height: 100%;
    max-height: 34px;
    line-height: 34px;
}

.modal-form {
    padding-left: 32px;
}

.custom-btn {
    height: 100%;
    width: 100%;
    background-color: #072678;
    border: none;
    color: #fff;
    max-width: 40px;
    text-transform: capitalize;
    min-height: 40px;
    border-radius: 5px;
}

.mod-btn .custom-btn {
    height: 100%;
    width: 100%;
    background-color: #072678;
    border: none;
    color: #fff;
    min-width: 140px;
    text-transform: capitalize;
    min-height: 40px;
    border-radius: 5px;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #ffffff;
}

.sidebar .nav .nav-item .nav-link:hover i.menu-icon {
    color: #1f3bb3;
}

.sidebar .nav li.nav-item.active a.nav-link {
    background: #fff !important;
    border-radius: 0px 20px 20px 0px;
}

.sidebar .nav li.nav-item.active a.nav-link i {
    color: #1f3bb3;
}

.sidebar .nav li.nav-item.active a.nav-link span.menu-title {
    color: #1f3bb3;
}

#content-wrapper .card-body {
    padding-top: 68px;
}

#content-wrapper .card-header.pdfGen {
    position: fixed;
    width: calc(100vw - 288px);
    z-index: 10;
    margin-left: 16px;
}

.form-check img {
    width: 80%;
}

#content-wrapper .card-body button.btn {
    margin-top: 23px;
}

.tableScroll::-webkit-scrollbar-thumb,
.tableScroll-2::-webkit-scrollbar-thumb {
    background: #adadad;
}

.tableScroll::-webkit-scrollbar-track,
.tableScroll-2::-webkit-scrollbar-thumb {
    background: #f1f1f1;
}

.tableScroll::-webkit-scrollbar,
.tableScroll-2::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
}

.tableScroll,
.tableScroll-2 {
    overflow-y: hidden;
    overflow-x: visible;
    scrollbar-color: #f1f1f1 #adadad;
    scrollbar-width: thin;
    max-height: calc(100vh - 254px);
}

table.tableScroll tr th:nth-child(1),
table.tableScroll tr td:nth-child(1) {
    width: 17%;
}

.sqProductId {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #f1f1f1 #adadad;
    scrollbar-width: thin;
    max-height: calc(100vh - 260px);
    padding-right: 29px;
}

.sqProductId::-webkit-scrollbar-thumb {
    background: #adadad;
}

.sqProductId::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sqProductId::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

table.tableScroll thead tr {
    position: sticky;
    top: 0;
    background-color: #5276d5 !important;
    color: #fff;
}

.productC .product-container {
    width: 100%;
}

table.productC {
    margin: 0;
}

.main-panel .row.margin_right {
    margin-left: 0;
}


/* Responsive CSS */

@media (min-width: 992px) and (max-width: 1024px) {
    .get-touch {
        background-size: cover;
    }
    .start-trading {
        background-size: cover;
    }
    .start-trading .touch-box img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #content-wrapper .card-header.pdfGen {
        width: 100%;
        margin-left: -12px;
    }
    table tr th,
    table tr td img {
        height: 64px;
        width: 64px !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .sidebar {
        width: 14rem!important;
    }
    .sidebar .nav-item .nav-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 1rem;
        width: 14rem;
    }
    .sidebar .nav-item .nav-link i {
        font-size: .85rem;
        margin-right: .25rem;
    }
    .sidebar .nav-item .nav-link span {
        font-size: .65rem;
        display: block;
    }
    #content-wrapper .card-body button.btn {
        margin-top: 0px !important;
        padding: 12px !important;
    }
    table.productsTable tr th:nth-child(n+2),
    table.productsTable tr td:nth-child(n+2) {
        text-align: left !important;
    }
    .productsTable tr th,
    .productsTable tr td {
        font-size: 14px !important;
    }
}

@media (max-width: 991px) {
    .productsTable tr th,
    .productsTable tr td {
        font-size: 13px;
    }
    .sidebar {
        display: inherit !important;
    }
    .navbar .navbar-brand-wrapper {
        padding-left: 10px !important;
    }
    table.productsTable tr th:nth-child(n+2),
    table.productsTable tr td:nth-child(n+2) {
        text-align: left !important;
    }
    .mdi-menu::before {
        font-size: 33px !important;
    }
    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-right: 3px !important;
        padding-top: 16px !important;
    }
    .main-panel {
        padding: 0;
    }
    header .navbar-collapse {
        position: fixed;
        left: -100%;
        top: 0;
        width: 319px;
        background: rgb(28, 27, 73);
        background: linear-gradient( 90deg, rgba(28, 27, 73, 1) 0%, rgba(59, 58, 112, 1) 44%, rgba(6, 5, 15, 1) 100%);
        min-height: 100vh;
        z-index: 15;
        padding: 20px;
        transition: 0.5s;
    }
    .navbar .navbar-menu-wrapper {
        height: 97px !important;
    }
    .collapse:not(.show) {
        display: none !important;
    }
    .collapse:not(.show) {
        display: none !important;
    }
    .sidebar-offcanvas {
        top: 97px;
        bottom: 0;
        display: inherit !important;
        margin-top: 0 !important;
        right: auto !important;
        -webkit-transition: all 0.25s ease-out !important;
        -o-transition: all 0.25s ease-out !important;
        transition: all 0.25s ease-ou !important;
    }
    header .navbar-collapse.show {
        left: 0;
    }
    .header_navigation nav.navbar {
        position: initial;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        transition: 0.4s;
    }
    header button.navbar-toggler {
        position: absolute;
        top: 19px;
        right: 13px;
    }
    .navbar-collapse .navbar-toggler {
        color: #fff;
    }
    .navbar-collapse .navbar-toggler {
        color: #fff;
        border: none;
    }
    .navbar-light .navbar-toggler {
        border: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-section {
        min-height: 500px;
    }
    .hero-section .banner-text h1 {
        font-size: 36px;
        line-height: 60px;
    }
    .get-touch {
        background-size: cover;
    }
    .start-trading {
        background-size: cover;
    }
    .start-trading .touch-box img {
        width: 100%;
    }
    #content-wrapper .card-body button.btn {
        padding: 10px !important;
        margin-top: 0px !important;
    }
    #content .sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 10000;
        width: 190px !important;
        transition: 0.5s;
    }
    #content .sidebar.show {
        left: 0;
    }
}

@media (max-width: 767px) {
    a.navbar-brand.logo img {
        width: 70%;
        height: 70%;
        object-fit: cover;
    }
    .nav-menu .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 0;
    }
    .login-detail {
        margin-top: 20px;
    }
    .hero-section {
        min-height: 500px;
    }
    .hero-section .banner-text h1 {
        font-size: 28px;
        line-height: 50px;
    }
    .about-us .about-img {
        text-align: center;
        margin-top: 30px;
    }
    .faq-inner .dropdownlink {
        padding: 15px 60px 15px 15px;
        font-size: 15px;
    }
    .accordion-menu li.open .dropdownlink {
        padding: 15px 15px;
        font-size: 15px;
    }
    .faq-inner .submenuItems {
        padding: 20px 25px 20px 15px;
    }
    ul.accordion-menu li {
        font-size: 14px;
        line-height: 30px;
        text-align: justify;
    }
    .get-touch {
        background-size: cover;
        background-position: center;
        padding: 60px 0;
    }
    .start-trading {
        padding: 20px 0;
        margin: 0;
        background-position: center;
        background-size: cover;
    }
    .trading-btn .custom-button {
        margin-bottom: 15px;
    }
    .mar-bott {
        margin-bottom: 10px;
    }
    .start-trading .trading-text {
        padding: 20px 0;
    }
}