/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@import"https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap";
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: calc(1rem / 2)
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0056b3;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group textarea.input-textarea,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group textarea.input-textarea {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
.my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .form-group textarea[type=radio].input-textarea,
input[type=checkbox],
.my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .form-group textarea[type=checkbox].input-textarea {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
.my-acc .formcon textarea[type=date].input-textarea,
.my-acc .form-group textarea[type=date].input-textarea,
input[type=time],
.my-acc .formcon textarea[type=time].input-textarea,
.my-acc .form-group textarea[type=time].input-textarea,
input[type=datetime-local],
.my-acc .formcon textarea[type=datetime-local].input-textarea,
.my-acc .form-group textarea[type=datetime-local].input-textarea,
input[type=month],
.my-acc .formcon textarea[type=month].input-textarea,
.my-acc .form-group textarea[type=month].input-textarea {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: calc(1rem / 2);
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: inherit
}

h1,
.h1 {
    font-size: 2.5rem
}

h2,
.h2 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: 1.75rem
}

h4,
.h4 {
    font-size: 1.5rem
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.5
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.5
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.5
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.5
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

small,
.small {
    font-size: 80%;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: calc(1rem / 2);
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2);
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(30px / -2);
    margin-left: calc(30px / -2)
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2)
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%)
}

.col-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%)
}

.col-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%)
}

.col-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%)
}

.col-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%)
}

.col-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%)
}

.col-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%)
}

.col-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%)
}

.col-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%)
}

.col-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%)
}

.col-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%)
}

.col-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%)
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-sm-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-sm-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-sm-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-sm-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-sm-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-sm-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-sm-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-sm-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-sm-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-sm-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-sm-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-md-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-md-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-md-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-md-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-md-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-md-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-md-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-md-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-md-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-md-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-md-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-lg-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-lg-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-lg-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-lg-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-lg-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-lg-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-lg-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-lg-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-lg-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-lg-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-lg-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-xl-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-xl-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-xl-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-xl-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-xl-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-xl-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-xl-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-xl-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-xl-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-xl-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-xl-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0)
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],
select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    background-color: #71dd8a
}

.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label::after,
.custom-file-input.is-valid~.custom-file-label::after {
    border-color: inherit
}

.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    background-color: #efa2a9
}

.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label::after,
.custom-file-input.is-invalid~.custom-file-label::after {
    border-color: inherit
}

.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover,
.btn:focus {
    text-decoration: none
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-primary:not(:disabled):not(.disabled),
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-primary:not(:disabled):not(.disabled):focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-secondary:not(:disabled):not(.disabled),
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-secondary:not(:disabled):not(.disabled):focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-success,
.page-wrapper .page-content .btn-read-next,
.watchlist .view-modal .btn-danger,
.watchlist .trigger .btn-outline-danger {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover,
.page-wrapper .page-content .btn-read-next:hover,
.watchlist .view-modal .btn-danger:hover,
.watchlist .trigger .btn-outline-danger:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,
.page-wrapper .page-content .btn-read-next:focus,
.watchlist .view-modal .btn-danger:focus,
.watchlist .trigger .btn-outline-danger:focus,
.btn-success.focus,
.page-wrapper .page-content .focus.btn-read-next,
.watchlist .view-modal .focus.btn-danger,
.watchlist .trigger .focus.btn-outline-danger {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.page-wrapper .page-content .disabled.btn-read-next,
.watchlist .view-modal .disabled.btn-danger,
.watchlist .trigger .disabled.btn-outline-danger,
.btn-success:disabled,
.page-wrapper .page-content .btn-read-next:disabled,
.watchlist .view-modal .btn-danger:disabled,
.watchlist .trigger .btn-outline-danger:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled):active,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled):active,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-success:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .page-wrapper .page-content a.btn-read-next:not(:disabled):not(.disabled),
.page-wrapper .page-content .nse-bse-indices .stock-indices a.btn-read-next:not(:disabled):not(.disabled),
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled).active,
.watchlist .view-modal .nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .watchlist .view-modal a.btn-danger:not(:disabled):not(.disabled),
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled).active,
.watchlist .trigger .nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .watchlist .trigger a.btn-outline-danger:not(:disabled):not(.disabled),
.show>.btn-success.dropdown-toggle,
.page-wrapper .page-content .show>.dropdown-toggle.btn-read-next,
.watchlist .view-modal .show>.dropdown-toggle.btn-danger,
.watchlist .trigger .show>.dropdown-toggle.btn-outline-danger {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled):active:focus,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled):active:focus,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-success:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .page-wrapper .page-content a.btn-read-next:not(:disabled):not(.disabled):focus,
.page-wrapper .page-content .nse-bse-indices .stock-indices a.btn-read-next:not(:disabled):not(.disabled):focus,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled).active:focus,
.watchlist .view-modal .nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .watchlist .view-modal a.btn-danger:not(:disabled):not(.disabled):focus,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.watchlist .trigger .nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .watchlist .trigger a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.show>.btn-success.dropdown-toggle:focus,
.page-wrapper .page-content .show>.dropdown-toggle.btn-read-next:focus,
.watchlist .view-modal .show>.dropdown-toggle.btn-danger:focus,
.watchlist .trigger .show>.dropdown-toggle.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-info:not(:disabled):not(.disabled),
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-info:not(:disabled):not(.disabled):focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-warning:not(:disabled):not(.disabled),
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-warning:not(:disabled):not(.disabled):focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled):focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-light:not(:disabled):not(.disabled),
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-light:not(:disabled):not(.disabled):focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-dark:not(:disabled):not(.disabled),
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-dark:not(:disabled):not(.disabled):focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-primary:not(:disabled):not(.disabled),
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-primary:not(:disabled):not(.disabled):focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary,
.footer-btn .bg-theme,
.footer-btn #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .footer-btn button {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover,
.footer-btn .bg-theme:hover,
.footer-btn #comppeersearch #addtowatchlist button:hover,
#comppeersearch #addtowatchlist .footer-btn button:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.footer-btn .bg-theme:focus,
.footer-btn #comppeersearch #addtowatchlist button:focus,
#comppeersearch #addtowatchlist .footer-btn button:focus,
.btn-outline-secondary.focus,
.footer-btn .focus.bg-theme,
.footer-btn #comppeersearch #addtowatchlist button.focus,
#comppeersearch #addtowatchlist .footer-btn button.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.footer-btn .disabled.bg-theme,
.footer-btn #comppeersearch #addtowatchlist button.disabled,
#comppeersearch #addtowatchlist .footer-btn button.disabled,
.btn-outline-secondary:disabled,
.footer-btn .bg-theme:disabled,
.footer-btn #comppeersearch #addtowatchlist button:disabled,
#comppeersearch #addtowatchlist .footer-btn button:disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.footer-btn .bg-theme:not(:disabled):not(.disabled):active,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled):active,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-secondary:not(:disabled):not(.disabled),
.footer-btn .bg-theme:not(:disabled):not(.disabled).active,
.footer-btn .nse-bse-indices .stock-indices a.bg-theme:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .footer-btn a.bg-theme:not(:disabled):not(.disabled),
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled).active,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.footer-btn .show>.dropdown-toggle.bg-theme,
.footer-btn #comppeersearch #addtowatchlist .show>button.dropdown-toggle,
#comppeersearch #addtowatchlist .footer-btn .show>button.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.footer-btn .bg-theme:not(:disabled):not(.disabled):active:focus,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled):active:focus,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-secondary:not(:disabled):not(.disabled):focus,
.footer-btn .bg-theme:not(:disabled):not(.disabled).active:focus,
.footer-btn .nse-bse-indices .stock-indices a.bg-theme:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .footer-btn a.bg-theme:not(:disabled):not(.disabled):focus,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled).active:focus,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus,
.footer-btn .show>.dropdown-toggle.bg-theme:focus,
.footer-btn #comppeersearch #addtowatchlist .show>button.dropdown-toggle:focus,
#comppeersearch #addtowatchlist .footer-btn .show>button.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled),
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled):focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-info:not(:disabled):not(.disabled),
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-info:not(:disabled):not(.disabled):focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-warning:not(:disabled):not(.disabled),
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-warning:not(:disabled):not(.disabled):focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled),
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-light:not(:disabled):not(.disabled),
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-light:not(:disabled):not(.disabled):focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-dark:not(:disabled):not(.disabled),
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-dark:not(:disabled):not(.disabled):focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: rgba(0, 0, 0, 0)
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=submit].btn-block,
.my-acc .formcon textarea[type=submit].btn-block.input-textarea,
.my-acc .form-group textarea[type=submit].btn-block.input-textarea,
input[type=reset].btn-block,
.my-acc .formcon textarea[type=reset].btn-block.input-textarea,
.my-acc .form-group textarea[type=reset].btn-block.input-textarea,
input[type=button].btn-block,
.my-acc .formcon textarea[type=button].btn-block.input-textarea,
.my-acc .form-group textarea[type=button].btn-block.input-textarea {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0, 0, 0, 0)
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: calc(1rem / 2) 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.nse-bse-indices .stock-indices a.dropdown-item,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.nse-bse-indices .stock-indices .btn-group>a.btn,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active,
.nse-bse-indices .stock-indices .btn-group-vertical>a.btn {
    z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .btn-group-toggle>.btn textarea[type=radio].input-textarea,
.btn-group-toggle>.btn .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .btn-group-toggle>.btn textarea[type=radio].input-textarea,
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .btn-group-toggle>.btn textarea[type=checkbox].input-textarea,
.btn-group-toggle>.btn .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .btn-group-toggle>.btn textarea[type=checkbox].input-textarea,
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
    display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=radio],
.input-group-text .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .input-group-text textarea[type=radio].input-textarea,
.input-group-text .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .input-group-text textarea[type=radio].input-textarea,
.input-group-text input[type=checkbox],
.input-group-text .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .input-group-text textarea[type=checkbox].input-textarea,
.input-group-text .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .input-group-text textarea[type=checkbox].input-textarea {
    margin-top: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: calc((1.5rem - 1rem)/2);
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: calc((1.5rem - 1rem)/2);
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:focus~.custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: calc((0.5rem - 1rem)/2);
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active,
.nav-tabs .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-tabs a.nav-link,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-pills a.nav-link,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active,
.nse-bse-indices .stock-indices .tab-content>a {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: calc(1rem / 2) 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width: 767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nse-bse-indices .stock-indices a>.nav-link,
.nse-bse-indices .stock-indices .navbar-light .navbar-nav a>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .navbar-light .navbar-nav a.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nse-bse-indices .stock-indices a>.nav-link,
.nse-bse-indices .stock-indices .navbar-dark .navbar-nav a>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .navbar-dark .navbar-nav a.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.subscription-plans .cams-card .card-title {
    height: 100px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #4caf50 #e0e0e0
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar {
    width: 3px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #bff5c1, #3a933e);
    border-radius: 5px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #bff5c1, #3a933e)
}

.card-subtitle {
    margin-top: calc(-0.75rem / 2);
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: calc(-1.25rem / 2);
    margin-bottom: -0.75rem;
    margin-left: calc(-1.25rem / 2);
    border-bottom: 0
}

.card-header-pills {
    margin-right: calc(-1.25rem / 2);
    margin-left: calc(-1.25rem / 2)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: calc(30px / 2)
}

@media(min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: calc(-calc(30px / 2) / 2);
        margin-left: calc(-calc(30px / 2) / 2)
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: calc(30px / 2);
        margin-bottom: 0;
        margin-left: calc(30px / 2)
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: calc(30px / 2)
}

@media(min-width: 576px) {
    .card-group {
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active,
.nse-bse-indices .stock-indices a.breadcrumb-item {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link,
.nse-bse-indices .stock-indices a.page-item .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:hover,
.badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active,
.nse-bse-indices .stock-indices a.list-group-item {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-primary.list-group-item-action {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-secondary.list-group-item-action {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-success.list-group-item-action {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-info.list-group-item-action {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-warning.list-group-item-action {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-danger.list-group-item-action {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-light.list-group-item-action {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-dark.list-group-item-action {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (0.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }
    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^=top] .arrow {
    bottom: calc((0.5rem + 1px)*-1)
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
    border-width: .4rem 0 .4rem .4rem
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^=right] .arrow {
    left: calc((0.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
    border-width: .4rem 0 .4rem .4rem
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^=bottom] .arrow {
    top: calc((0.5rem + 1px)*-1)
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^=left] .arrow {
    right: calc((0.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item.active,
.nse-bse-indices .stock-indices a.carousel-item,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item.active,
    .nse-bse-indices .stock-indices a.carousel-item,
    .carousel-item-next,
    .carousel-item-prev {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-item-next,
.active.carousel-item-right,
.nse-bse-indices .stock-indices a.carousel-item-right {
    transform: translateX(100%)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right,
    .nse-bse-indices .stock-indices a.carousel-item-right {
        transform: translate3d(100%, 0, 0)
    }
}

.carousel-item-prev,
.active.carousel-item-left,
.nse-bse-indices .stock-indices a.carousel-item-left {
    transform: translateX(-100%)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left,
    .nse-bse-indices .stock-indices a.carousel-item-left {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item.active,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
.carousel-fade .active.carousel-item-right,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-right,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-right {
    opacity: 0
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
.carousel-fade .active.carousel-item-left,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-prev,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-prev {
    transform: translateX(0)
}

@supports(transform-style: preserve-3d) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item-prev,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item-prev {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0) no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active,
.carousel-indicators .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .carousel-indicators a {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media(min-width: 576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media(min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports(position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: rgba(0, 0, 0, 0);
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: calc(1rem / 2)
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0056b3;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group textarea.input-textarea,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group textarea.input-textarea {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
.my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .form-group textarea[type=radio].input-textarea,
input[type=checkbox],
.my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .form-group textarea[type=checkbox].input-textarea {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
.my-acc .formcon textarea[type=date].input-textarea,
.my-acc .form-group textarea[type=date].input-textarea,
input[type=time],
.my-acc .formcon textarea[type=time].input-textarea,
.my-acc .form-group textarea[type=time].input-textarea,
input[type=datetime-local],
.my-acc .formcon textarea[type=datetime-local].input-textarea,
.my-acc .form-group textarea[type=datetime-local].input-textarea,
input[type=month],
.my-acc .formcon textarea[type=month].input-textarea,
.my-acc .form-group textarea[type=month].input-textarea {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: calc(1rem / 2);
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: inherit
}

h1,
.h1 {
    font-size: 2.5rem
}

h2,
.h2 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: 1.75rem
}

h4,
.h4 {
    font-size: 1.5rem
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.5
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.5
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.5
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.5
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

small,
.small {
    font-size: 80%;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: calc(1rem / 2);
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2);
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(30px / -2);
    margin-left: calc(30px / -2)
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: calc(30px / 2);
    padding-left: calc(30px / 2)
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%)
}

.col-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%)
}

.col-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%)
}

.col-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%)
}

.col-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%)
}

.col-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%)
}

.col-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%)
}

.col-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%)
}

.col-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%)
}

.col-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%)
}

.col-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%)
}

.col-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%)
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-sm-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-sm-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-sm-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-sm-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-sm-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-sm-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-sm-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-sm-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-sm-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-sm-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-sm-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-md-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-md-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-md-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-md-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-md-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-md-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-md-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-md-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-md-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-md-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-md-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-lg-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-lg-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-lg-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-lg-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-lg-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-lg-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-lg-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-lg-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-lg-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-lg-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-lg-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        flex: 0 0 calc(1 / 12 * 100%);
        max-width: calc(1 / 12 * 100%)
    }
    .col-xl-2 {
        flex: 0 0 calc(2 / 12 * 100%);
        max-width: calc(2 / 12 * 100%)
    }
    .col-xl-3 {
        flex: 0 0 calc(3 / 12 * 100%);
        max-width: calc(3 / 12 * 100%)
    }
    .col-xl-4 {
        flex: 0 0 calc(4 / 12 * 100%);
        max-width: calc(4 / 12 * 100%)
    }
    .col-xl-5 {
        flex: 0 0 calc(5 / 12 * 100%);
        max-width: calc(5 / 12 * 100%)
    }
    .col-xl-6 {
        flex: 0 0 calc(6 / 12 * 100%);
        max-width: calc(6 / 12 * 100%)
    }
    .col-xl-7 {
        flex: 0 0 calc(7 / 12 * 100%);
        max-width: calc(7 / 12 * 100%)
    }
    .col-xl-8 {
        flex: 0 0 calc(8 / 12 * 100%);
        max-width: calc(8 / 12 * 100%)
    }
    .col-xl-9 {
        flex: 0 0 calc(9 / 12 * 100%);
        max-width: calc(9 / 12 * 100%)
    }
    .col-xl-10 {
        flex: 0 0 calc(10 / 12 * 100%);
        max-width: calc(10 / 12 * 100%)
    }
    .col-xl-11 {
        flex: 0 0 calc(11 / 12 * 100%);
        max-width: calc(11 / 12 * 100%)
    }
    .col-xl-12 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%)
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0)
}

.table th,
.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm th,
.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],
select.form-control[multiple] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    background-color: #71dd8a
}

.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label::after,
.custom-file-input.is-valid~.custom-file-label::after {
    border-color: inherit
}

.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
    background-color: #efa2a9
}

.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label::after,
.custom-file-input.is-invalid~.custom-file-label::after {
    border-color: inherit
}

.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media(min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover,
.btn:focus {
    text-decoration: none
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-primary:not(:disabled):not(.disabled),
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-primary:not(:disabled):not(.disabled):focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-secondary:not(:disabled):not(.disabled),
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-secondary:not(:disabled):not(.disabled):focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-success,
.page-wrapper .page-content .btn-read-next,
.watchlist .view-modal .btn-danger,
.watchlist .trigger .btn-outline-danger {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover,
.page-wrapper .page-content .btn-read-next:hover,
.watchlist .view-modal .btn-danger:hover,
.watchlist .trigger .btn-outline-danger:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus,
.page-wrapper .page-content .btn-read-next:focus,
.watchlist .view-modal .btn-danger:focus,
.watchlist .trigger .btn-outline-danger:focus,
.btn-success.focus,
.page-wrapper .page-content .focus.btn-read-next,
.watchlist .view-modal .focus.btn-danger,
.watchlist .trigger .focus.btn-outline-danger {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.page-wrapper .page-content .disabled.btn-read-next,
.watchlist .view-modal .disabled.btn-danger,
.watchlist .trigger .disabled.btn-outline-danger,
.btn-success:disabled,
.page-wrapper .page-content .btn-read-next:disabled,
.watchlist .view-modal .btn-danger:disabled,
.watchlist .trigger .btn-outline-danger:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled):active,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled):active,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-success:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .page-wrapper .page-content a.btn-read-next:not(:disabled):not(.disabled),
.page-wrapper .page-content .nse-bse-indices .stock-indices a.btn-read-next:not(:disabled):not(.disabled),
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled).active,
.watchlist .view-modal .nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .watchlist .view-modal a.btn-danger:not(:disabled):not(.disabled),
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled).active,
.watchlist .trigger .nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .watchlist .trigger a.btn-outline-danger:not(:disabled):not(.disabled),
.show>.btn-success.dropdown-toggle,
.page-wrapper .page-content .show>.dropdown-toggle.btn-read-next,
.watchlist .view-modal .show>.dropdown-toggle.btn-danger,
.watchlist .trigger .show>.dropdown-toggle.btn-outline-danger {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled):active:focus,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled):active:focus,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.page-wrapper .page-content .btn-read-next:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-success:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .page-wrapper .page-content a.btn-read-next:not(:disabled):not(.disabled):focus,
.page-wrapper .page-content .nse-bse-indices .stock-indices a.btn-read-next:not(:disabled):not(.disabled):focus,
.watchlist .view-modal .btn-danger:not(:disabled):not(.disabled).active:focus,
.watchlist .view-modal .nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .watchlist .view-modal a.btn-danger:not(:disabled):not(.disabled):focus,
.watchlist .trigger .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.watchlist .trigger .nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .watchlist .trigger a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.show>.btn-success.dropdown-toggle:focus,
.page-wrapper .page-content .show>.dropdown-toggle.btn-read-next:focus,
.watchlist .view-modal .show>.dropdown-toggle.btn-danger:focus,
.watchlist .trigger .show>.dropdown-toggle.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-info:not(:disabled):not(.disabled),
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-info:not(:disabled):not(.disabled):focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-warning:not(:disabled):not(.disabled),
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-warning:not(:disabled):not(.disabled):focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled),
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-danger:not(:disabled):not(.disabled):focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-light:not(:disabled):not(.disabled),
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-light:not(:disabled):not(.disabled):focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-dark:not(:disabled):not(.disabled),
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-dark:not(:disabled):not(.disabled):focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-primary:not(:disabled):not(.disabled),
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-primary:not(:disabled):not(.disabled):focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary,
.footer-btn .bg-theme,
.footer-btn #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .footer-btn button {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover,
.footer-btn .bg-theme:hover,
.footer-btn #comppeersearch #addtowatchlist button:hover,
#comppeersearch #addtowatchlist .footer-btn button:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.footer-btn .bg-theme:focus,
.footer-btn #comppeersearch #addtowatchlist button:focus,
#comppeersearch #addtowatchlist .footer-btn button:focus,
.btn-outline-secondary.focus,
.footer-btn .focus.bg-theme,
.footer-btn #comppeersearch #addtowatchlist button.focus,
#comppeersearch #addtowatchlist .footer-btn button.focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.footer-btn .disabled.bg-theme,
.footer-btn #comppeersearch #addtowatchlist button.disabled,
#comppeersearch #addtowatchlist .footer-btn button.disabled,
.btn-outline-secondary:disabled,
.footer-btn .bg-theme:disabled,
.footer-btn #comppeersearch #addtowatchlist button:disabled,
#comppeersearch #addtowatchlist .footer-btn button:disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.footer-btn .bg-theme:not(:disabled):not(.disabled):active,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled):active,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-secondary:not(:disabled):not(.disabled),
.footer-btn .bg-theme:not(:disabled):not(.disabled).active,
.footer-btn .nse-bse-indices .stock-indices a.bg-theme:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .footer-btn a.bg-theme:not(:disabled):not(.disabled),
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled).active,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.footer-btn .show>.dropdown-toggle.bg-theme,
.footer-btn #comppeersearch #addtowatchlist .show>button.dropdown-toggle,
#comppeersearch #addtowatchlist .footer-btn .show>button.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.footer-btn .bg-theme:not(:disabled):not(.disabled):active:focus,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled):active:focus,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-secondary:not(:disabled):not(.disabled):focus,
.footer-btn .bg-theme:not(:disabled):not(.disabled).active:focus,
.footer-btn .nse-bse-indices .stock-indices a.bg-theme:not(:disabled):not(.disabled):focus,
.nse-bse-indices .stock-indices .footer-btn a.bg-theme:not(:disabled):not(.disabled):focus,
.footer-btn #comppeersearch #addtowatchlist button:not(:disabled):not(.disabled).active:focus,
#comppeersearch #addtowatchlist .footer-btn button:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus,
.footer-btn .show>.dropdown-toggle.bg-theme:focus,
.footer-btn #comppeersearch #addtowatchlist .show>button.dropdown-toggle:focus,
#comppeersearch #addtowatchlist .footer-btn .show>button.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled),
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled):focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-info:not(:disabled):not(.disabled),
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-info:not(:disabled):not(.disabled):focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-warning:not(:disabled):not(.disabled),
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-warning:not(:disabled):not(.disabled):focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled),
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-danger:not(:disabled):not(.disabled):focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-light:not(:disabled):not(.disabled),
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-light:not(:disabled):not(.disabled):focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.nse-bse-indices .stock-indices a.btn-outline-dark:not(:disabled):not(.disabled),
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.nse-bse-indices .stock-indices a.btn-outline-dark:not(:disabled):not(.disabled):focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: rgba(0, 0, 0, 0)
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=submit].btn-block,
.my-acc .formcon textarea[type=submit].btn-block.input-textarea,
.my-acc .form-group textarea[type=submit].btn-block.input-textarea,
input[type=reset].btn-block,
.my-acc .formcon textarea[type=reset].btn-block.input-textarea,
.my-acc .form-group textarea[type=reset].btn-block.input-textarea,
input[type=button].btn-block,
.my-acc .formcon textarea[type=button].btn-block.input-textarea,
.my-acc .form-group textarea[type=button].btn-block.input-textarea {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    color: #245049;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0, 0, 0, 0)
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: calc(1rem / 2) 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.nse-bse-indices .stock-indices a.dropdown-item,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.nse-bse-indices .stock-indices .btn-group>a.btn,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active,
.nse-bse-indices .stock-indices .btn-group-vertical>a.btn {
    z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .btn-group-toggle>.btn textarea[type=radio].input-textarea,
.btn-group-toggle>.btn .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .btn-group-toggle>.btn textarea[type=radio].input-textarea,
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .btn-group-toggle>.btn textarea[type=checkbox].input-textarea,
.btn-group-toggle>.btn .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .btn-group-toggle>.btn textarea[type=checkbox].input-textarea,
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.custom-select,
.input-group>.custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
    display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=radio],
.input-group-text .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .input-group-text textarea[type=radio].input-textarea,
.input-group-text .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .input-group-text textarea[type=radio].input-textarea,
.input-group-text input[type=checkbox],
.input-group-text .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .input-group-text textarea[type=checkbox].input-textarea,
.input-group-text .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .input-group-text textarea[type=checkbox].input-textarea {
    margin-top: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: calc((1.5rem - 1rem)/2);
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: calc((1.5rem - 1rem)/2);
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:focus~.custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: calc((0.5rem - 1rem)/2);
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active,
.nav-tabs .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-tabs a.nav-link,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-pills a.nav-link,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active,
.nse-bse-indices .stock-indices .tab-content>a {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: calc(1rem / 2) 1rem
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width: 767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nse-bse-indices .stock-indices a>.nav-link,
.nse-bse-indices .stock-indices .navbar-light .navbar-nav a>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .navbar-light .navbar-nav a.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nse-bse-indices .stock-indices a>.nav-link,
.nse-bse-indices .stock-indices .navbar-dark .navbar-nav a>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .navbar-dark .navbar-nav a.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.subscription-plans .cams-card .card-title {
    height: 100px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #4caf50 #e0e0e0
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar {
    width: 3px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #bff5c1, #3a933e);
    border-radius: 5px
}

.subscription-plans .cams-card .card-title::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #bff5c1, #3a933e)
}

.card-subtitle {
    margin-top: calc(-0.75rem / 2);
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: calc(-1.25rem / 2);
    margin-bottom: -0.75rem;
    margin-left: calc(-1.25rem / 2);
    border-bottom: 0
}

.card-header-pills {
    margin-right: calc(-1.25rem / 2);
    margin-left: calc(-1.25rem / 2)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: calc(30px / 2)
}

@media(min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: calc(-calc(30px / 2) / 2);
        margin-left: calc(-calc(30px / 2) / 2)
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: calc(30px / 2);
        margin-bottom: 0;
        margin-left: calc(30px / 2)
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: calc(30px / 2)
}

@media(min-width: 576px) {
    .card-group {
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active,
.nse-bse-indices .stock-indices a.breadcrumb-item {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link,
.nse-bse-indices .stock-indices a.page-item .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:hover,
.badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media(min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active,
.nse-bse-indices .stock-indices a.list-group-item {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-primary.list-group-item-action {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-secondary.list-group-item-action {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-success.list-group-item-action {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-info.list-group-item-action {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-warning.list-group-item-action {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-danger.list-group-item-action {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-light.list-group-item-action {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active,
.nse-bse-indices .stock-indices a.list-group-item-dark.list-group-item-action {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (0.5rem * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }
    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^=top] .arrow {
    bottom: calc((0.5rem + 1px)*-1)
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
    border-width: .4rem 0 .4rem .4rem
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^=right] .arrow {
    left: calc((0.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
    border-width: .4rem 0 .4rem .4rem
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^=bottom] .arrow {
    top: calc((0.5rem + 1px)*-1)
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^=left] .arrow {
    right: calc((0.5rem + 1px)*-1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    backface-visibility: hidden;
    perspective: 1000px
}

.carousel-item.active,
.nse-bse-indices .stock-indices a.carousel-item,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    transition: transform .6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item.active,
    .nse-bse-indices .stock-indices a.carousel-item,
    .carousel-item-next,
    .carousel-item-prev {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-item-next,
.active.carousel-item-right,
.nse-bse-indices .stock-indices a.carousel-item-right {
    transform: translateX(100%)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right,
    .nse-bse-indices .stock-indices a.carousel-item-right {
        transform: translate3d(100%, 0, 0)
    }
}

.carousel-item-prev,
.active.carousel-item-left,
.nse-bse-indices .stock-indices a.carousel-item-left {
    transform: translateX(-100%)
}

@supports(transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left,
    .nse-bse-indices .stock-indices a.carousel-item-left {
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item.active,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
.carousel-fade .active.carousel-item-right,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-right,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-right {
    opacity: 0
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
.carousel-fade .active.carousel-item-left,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .nse-bse-indices .stock-indices a.carousel-item-prev,
.nse-bse-indices .stock-indices .carousel-fade a.carousel-item-prev {
    transform: translateX(0)
}

@supports(transform-style: preserve-3d) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item-left,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .nse-bse-indices .stock-indices a.carousel-item-prev,
    .nse-bse-indices .stock-indices .carousel-fade a.carousel-item-prev {
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0) no-repeat center center;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active,
.carousel-indicators .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .carousel-indicators a {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media(min-width: 576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media(min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports(position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: rgba(0, 0, 0, 0);
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -0.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1)
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-acquisitions-incorporated:before {
    content: ""
}

.fa-ad:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-card:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adobe:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-air-freshener:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angry:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-alt:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-atlas:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-atom:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-baby:before {
    content: ""
}

.fa-baby-carriage:before {
    content: ""
}

.fa-backspace:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-band-aid:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-baseball-ball:before {
    content: ""
}

.fa-basketball-ball:before {
    content: ""
}

.fa-bath:before {
    content: ""
}

.fa-battery-empty:before {
    content: ""
}

.fa-battery-full:before {
    content: ""
}

.fa-battery-half:before {
    content: ""
}

.fa-battery-quarter:before {
    content: ""
}

.fa-battery-three-quarters:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bible:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blender:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-bolt:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-book-dead:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-reader:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-boxes:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-broadcast-tower:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-bus-alt:before {
    content: ""
}

.fa-business-time:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-car-alt:before {
    content: ""
}

.fa-car-battery:before {
    content: ""
}

.fa-car-crash:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-chalkboard:before {
    content: ""
}

.fa-chalkboard-teacher:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-cloud-download-alt:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-cloud-upload-alt:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cocktail:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-compress-arrows-alt:before {
    content: ""
}

.fa-concierge-bell:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crop-alt:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-digital-tachograph:before {
    content: ""
}

.fa-directions:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-dizzy:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-dollar-sign:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-drafting-compass:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-equals:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-feather-alt:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-alt:before {
    content: ""
}

.fa-file-archive:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-file-download:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-file-export:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-file-import:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-file-medical:before {
    content: ""
}

.fa-file-medical-alt:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-file-signature:before {
    content: ""
}

.fa-file-upload:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-fill-drip:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-alt:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-first-aid:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-fist-raised:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-flushed:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-football-ball:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-frown:before {
    content: ""
}

.fa-frown-open:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-funnel-dollar:before {
    content: ""
}

.fa-futbol:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-gavel:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glass-cheers:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-glass-martini-alt:before {
    content: ""
}

.fa-glass-whiskey:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-globe-africa:before {
    content: ""
}

.fa-globe-americas:before {
    content: ""
}

.fa-globe-asia:before {
    content: ""
}

.fa-globe-europe:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-greater-than:before {
    content: ""
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-grimace:before {
    content: ""
}

.fa-grin:before {
    content: ""
}

.fa-grin-alt:before {
    content: ""
}

.fa-grin-beam:before {
    content: ""
}

.fa-grin-beam-sweat:before {
    content: ""
}

.fa-grin-hearts:before {
    content: ""
}

.fa-grin-squint:before {
    content: ""
}

.fa-grin-squint-tears:before {
    content: ""
}

.fa-grin-stars:before {
    content: ""
}

.fa-grin-tears:before {
    content: ""
}

.fa-grin-tongue:before {
    content: ""
}

.fa-grin-tongue-squint:before {
    content: ""
}

.fa-grin-tongue-wink:before {
    content: ""
}

.fa-grin-wink:before {
    content: ""
}

.fa-grip-horizontal:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hammer:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-hand-holding-usd:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-hand-paper:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-hand-rock:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-hands:before {
    content: ""
}

.fa-hands-helping:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-haykal:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-headphones-alt:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-broken:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-hiking:before {
    content: ""
}

.fa-hippo:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-hot-tub:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-house-damage:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-hryvnia:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-journal-whills:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaaba:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-kiss:before {
    content: ""
}

.fa-kiss-beam:before {
    content: ""
}

.fa-kiss-wink-heart:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-laugh:before {
    content: ""
}

.fa-laugh-beam:before {
    content: ""
}

.fa-laugh-squint:before {
    content: ""
}

.fa-laugh-wink:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-less-than:before {
    content: ""
}

.fa-less-than-equal:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-lock:before,
.overall-rating-cards .fa-lock:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-luggage-cart:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-mail-bulk:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-marked:before {
    content: ""
}

.fa-map-marked-alt:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-meh-blank:before {
    content: ""
}

.fa-meh-rolling-eyes:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-microphone-alt-slash:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-money-bill-wave-alt:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-money-check-alt:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-nintendo-switch:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-parking:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-pastafarianism:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-pencil-ruler:before {
    content: ""
}

.fa-penny-arcade:before {
    content: ""
}

.fa-people-carry:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-percentage:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poll:before {
    content: ""
}

.fa-poll-h:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-poo-storm:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-pray:before {
    content: ""
}

.fa-praying-hands:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-project-diagram:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-quran:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-radiation:before {
    content: ""
}

.fa-radiation-alt:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-ruble-sign:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-running:before {
    content: ""
}

.fa-rupee-sign:before {
    content: ""
}

.fa-sad-cry:before {
    content: ""
}

.fa-sad-tear:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-save:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-search-dollar:before {
    content: ""
}

.fa-search-location:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shapes:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shuttle-van:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-skating:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skiing:before {
    content: ""
}

.fa-skiing-nordic:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-smile-beam:before {
    content: ""
}

.fa-smile-wink:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-smoking-ban:before {
    content: ""
}

.fa-sms:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-snowboarding:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-square-root-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-star:before,
.testimonials .fa-star-half:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-star-half-alt:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-store-alt:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stream:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-surprise:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-swimmer:before {
    content: ""
}

.fa-swimming-pool:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-taxi:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-tenge:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-theater-masks:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-thermometer-empty:before {
    content: ""
}

.fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-tint-slash:before {
    content: ""
}

.fa-tired:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-tools:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-torah:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-tram:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-tshirt:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-vote-yea:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-walking:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-wine-glass-alt:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yen-sign:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/webfonts/fa-solid-900.eot");
    src: url("../fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg")
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/webfonts/fa-brands-400.eot");
    src: url("../fonts/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/fa-brands-400.woff2") format("woff2"), url("../fonts/webfonts/fa-brands-400.woff") format("woff"), url("../fonts/webfonts/fa-brands-400.ttf") format("truetype"), url("../fonts/webfonts/fa-brands-400.svg#fontawesome") format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit
}

html {
    font-size: 62.5%
}

@media screen and (max-width: 75em) {
    html {
        font-size: 56.25%
    }
}

@media screen and (max-width: 61.94em) {
    html {
        font-size: 50%
    }
}

@media screen and (max-width: 112.5em) {
    html {
        font-size: 75%
    }
}

body {
    box-sizing: border-box
}

@media screen and (max-width: 61.94em) {
    body {
        padding: 0
    }
}

::selection {
    background-color: #78c043;
    color: #fff
}

.container-custom {
    margin: auto
}

.container-custom-withoutNav {
    margin: auto;
    margin-top: 4rem
}

@media screen and (max-width: 47.94em) {
    .container-custom-withoutNav {
        margin-top: 4rem
    }
}

@media screen and (min-width: 112.5em) {
    .container-custom {
        width: 30%
    }
}

@media screen and (max-width: 112.5em) {
    .container-custom {
        width: 30%
    }
}

@media screen and (max-width: 75em) {
    .container-custom {
        width: 50%
    }
}

@media screen and (max-width: 61.94em) {
    .container-custom {
        width: 40%;
        margin-top: 4rem
    }
}

@media screen and (max-width: 47.94em) {
    .container-custom {
        width: 90%;
        margin-top: 4rem
    }
}

@media screen and (min-width: 112.5em) {
    .container-custom.wide {
        width: 50%
    }
}

@media screen and (max-width: 112.5em) {
    .container-custom.wide {
        width: 60%
    }
}

@media screen and (max-width: 75em) {
    .container-custom.wide {
        width: 60%
    }
}

@media screen and (max-width: 61.94em) {
    .container-custom.wide {
        width: 80%
    }
}

@media screen and (max-width: 47.94em) {
    .container-custom.wide {
        width: 98%
    }
}

@media screen and (min-width: 112.5em) {
    .container-custom.wide90 {
        width: 80%
    }
}

@media screen and (max-width: 112.5em) {
    .container-custom.wide90 {
        width: 90%
    }
}

@media screen and (max-width: 75em) {
    .container-custom.wide90 {
        width: 90%
    }
}

@media screen and (max-width: 61.94em) {
    .container-custom.wide90 {
        width: 95%
    }
}

@media screen and (max-width: 47.94em) {
    .container-custom.wide90 {
        width: 98%
    }
}

.container--shadow {
    box-shadow: 0px 0px 15px #999
}

.nav-tabs {
    background: #333
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-width: 0
}

.nav-tabs>li>a {
    border: none;
    color: #ddd;
    font-size: 1.2rem
}

@media screen and (max-width: 47.94em) {
    .nav-tabs>li>a {
        font-size: 1.1rem
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
    border: none;
    color: #000;
    background: #fff
}

.nav-tabs .nav-link::after {
    content: "";
    background: #78c043;
    height: 4px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.nav-tabs .nav-link.active::after,
.nav-tabs .nse-bse-indices .stock-indices a.nav-link::after,
.nse-bse-indices .stock-indices .nav-tabs a.nav-link::after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.tab-nav>li>a::after {
    background: #29a45a none repeat scroll 0% 0%;
    color: #fff
}

.tab-pane {
    padding: 5px 0
}

.tab-content {
    padding: 0 10px
}

.tab-content h4 {
    font-size: 1.4rem
}

.card {
    background: #fff none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
    margin-bottom: 30px
}

.omegaTabNav {
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.omegaTabNav a {
    background: #333;
    color: #fff;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-clip: padding-box;
    border-color: #333;
    border-width: 1px;
    border-style: solid;
    border-bottom: none;
    padding: 5px 3rem;
    display: inline-block;
    font-size: 1.5rem;
    margin-bottom: -1px
}

.omegaTabNav a div {
    font-size: 1rem;
    line-height: initial
}

@media screen and (max-width: 47.94em) {
    .omegaTabNav a div {
        font-size: .9rem
    }
}

@media screen and (max-width: 47.94em) {
    .omegaTabNav a {
        padding: 5px 1rem;
        font-size: 1.2rem
    }
}

.omegaTabNav a:hover,
.omegaTabNav a.active,
.omegaTabNav .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .omegaTabNav a {
    text-decoration: none;
    background: #fff;
    color: #333;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-bottom: none
}

.none {
    display: none
}

.visiblity-hidden {
    visibility: hidden
}

.scrollContent {
    height: 68vh;
    overflow-y: auto;
    overflow-x: hidden
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt-10 {
    margin-top: -10px
}

.mt15 {
    margin-top: 15px
}

.mt40 {
    margin-top: 40px
}

.mb0 {
    margin-bottom: 0px
}

.mb15 {
    margin-bottom: 15px
}

.mb17 {
    margin-bottom: 17px
}

.mb20 {
    margin-bottom: 20px
}

.mt8rem {
    margin-top: 8rem
}

.mt7rem {
    margin-top: 7rem
}

@media screen and (max-width: 47.94em) {
    .mt7rem {
        margin-top: 4rem
    }
}

.mt9rem {
    margin-top: 9rem
}

.mt11rem {
    margin-top: 11rem
}

.mt5rem {
    margin-top: 5rem
}

.mt2rem {
    margin-top: 2rem
}

.mt1rem {
    margin-top: 1rem
}

.mt3rem {
    margin-top: 3rem
}

.mb3rem {
    margin-bottom: 3rem
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml5 {
    margin-left: 5px
}

.ml-22 {
    margin-left: -22px
}

.ml30 {
    margin-left: 30px
}

.ml20 {
    margin-left: 20px
}

.mlr-15 {
    margin-left: -15px;
    margin-right: -15px
}

.mt8rem {
    margin-top: 8rem
}

@media screen and (max-width: 47.94em) {
    .mt8rem {
        margin-top: 4rem
    }
}

.col-md-offset-half {
    margin-left: 4.16665%
}

@media screen and (max-width: 61.94em) {
    .mmt5 {
        margin-top: 5px
    }
}

@media screen and (max-width: 47.94em) {
    .mmt5 {
        margin-top: 5px
    }
}

.padding0 {
    padding: 0
}

.p0 {
    padding: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pb15 {
    padding-bottom: 15px
}

.pt20 {
    padding-top: 20px
}

.pt12 {
    padding-top: 12px
}

.pb10 {
    padding-bottom: 10px
}

.pb30 {
    padding-bottom: 30px
}

.pl12 {
    padding-left: 12px
}

.plr0 {
    padding-left: 0px;
    padding-right: 0px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.p15 {
    padding: 15px
}

.p25 {
    padding: 25px
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px
}

.plr3rem {
    padding-left: 3rem;
    padding-right: 3rem
}

.pb0 {
    padding-bottom: 0px
}

.p10 {
    padding: 10px
}

.p5 {
    padding: 5px
}

.pl15 {
    padding-left: 15px
}

.pl7 {
    padding-left: 7px
}

.pr7 {
    padding-right: 7px
}

.pr0 {
    padding-right: 0px
}

.min-h-139 {
    min-height: 139px
}

@media screen and (max-width: 47.94em) {
    .plr0-mob {
        padding-left: 0px;
        padding-right: 0px
    }
}

.v-devider-eee {
    border-left: 1px solid #eee
}

@media screen and (max-width: 47.94em) {
    .v-devider-eee {
        border-left: none
    }
}

.v-devider-d7d7d7 {
    border-left: 1px solid #d7d7d7
}

@media screen and (max-width: 47.94em) {
    .v-devider-d7d7d7 {
        border-left: none
    }
}

.border-eee {
    border: 1px solid #eee
}

.borderTopDottedd7d7d7 {
    border-top: 1px solid #d7d7d7
}

.border4fff {
    border: 4px solid #fff
}

.textLightGreen {
    color: #78c043
}

.text-orange {
    color: #f0801a
}

.text-red {
    color: #d52121
}

.textLightGreen {
    color: #78c043
}

.bgWhite {
    background-color: #fff
}

.bgGrey {
    background-color: #f5f5f5
}

.color-white {
    color: #fff
}

.color-primary-green {
    background-color: #78c043
}

.grey-333 {
    background-color: #333
}

.min-h50 {
    min-height: 50px
}

.relative {
    position: relative
}

.triangle-topleft {
    left: 0;
    top: 0;
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border-top: 10px solid #369;
    border-right: 18px solid rgba(0, 0, 0, 0)
}

.font18 {
    font-size: 1.8rem
}

.font16 {
    font-size: 1.6rem
}

.font15 {
    font-size: 1.5rem
}

.font14 {
    font-size: 1.4rem
}

.font13 {
    font-size: 1.3rem
}

.font12 {
    font-size: 1.2rem
}

.font10 {
    font-size: 1rem
}

.font-10 {
    font-size: 10px
}

.font-11,
.font11 {
    font-size: 11px
}

.font1-8rem {
    font-size: 1.8rem
}

[data-toggle=tooltip] {
    color: #000
}

a .tooltip {
    display: none;
    opacity: 1;
    z-index: 0
}

a:hover .tooltip {
    display: block;
    width: 300px;
    background: #000;
    position: absolute;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    margin-top: 5px
}

@media screen and (max-width: 47.94em) {
    a:hover .tooltip {
        width: 230px
    }
}

@media screen and (max-width: 75em) {
    a:hover .tooltip {
        width: 230px
    }
}

.sensex__price {
    text-align: right;
    padding: 0px 0px 0px 0px;
    font-size: 1.5rem;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .sensex__price {
        text-align: center;
        padding: 0px 0px 10px 0px
    }
}

.list-page__heading {
    font-size: 2.16rem;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .list-page__heading {
        font-size: 2rem
    }
}

.sebiNumber {
    font-size: 11px;
    margin: -3px 0 -5px 2px
}

.width100 {
    width: 100%
}

.fontBold {
    font-weight: bold
}

.square-green {
    background: #093;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto
}

.square-orange {
    background: #ff9b21;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto
}

.square-red {
    background: red;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto
}

.square-grey {
    background: #ccc;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto
}

.circle-red-round,
.plan-pg .not-good-icon-right-stocks,
.circle-Red-round {
    background: red;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    text-align: center
}

.circle-orange-round,
.circle-Orange-round {
    background: #ff9b21;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    text-align: center
}

.circle-green-round,
.plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .very-good-icon-right-stocks,
.circle-Green-round {
    background: #093;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    text-align: center
}

.circle-grey-round {
    background: #ccc;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    text-align: center
}

.circle--round {
    border: 1px solid #ccc;
    border-radius: 45%;
    color: #ccc;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    text-align: center
}

.circle-risk-round[title="Over Valuation"] {
    background: #503c26;
    border: 1px solid #503c26;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 2px !important;
    width: 26px;
    height: 25px;
    margin: 0 1px;
    display: inline-block;
    text-align: center
}

.circle-risk-round {
    border: 1px solid #503c26;
    border-radius: 45%;
    color: #503c26;
    font-family: Arial;
    font-size: 11px;
    padding: 5px 3px !important;
    margin: 0 1px
}

.circle-no-risk-round {
    border: 1px solid #ccc;
    border-radius: 45%;
    color: #ccc;
    font-family: Arial;
    font-size: 11px;
    padding: 5.3px;
    margin: 0 1px
}

.text-decoration-underline {
    text-decoration: underline
}

.btn-loader {
    opacity: 1;
    animation: blink 1s linear infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    40% {
        opacity: .4
    }
    60% {
        opacity: .4
    }
    80% {
        opacity: .8
    }
    100% {
        opacity: 1
    }
}

.ui-datepicker {
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-datepicker * {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-datepicker table {
    font-size: 13px;
    margin: 0
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background: #245049;
    color: #fff;
    font-weight: normal
}

.ui-datepicker .ui-datepicker-header .ui-state-hover {
    background: #222;
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-datepicker thead {
    background: #c7c7c7;
    color: #fff
}

.ui-datepicker .ui-datepicker-title {
    padding-bottom: .3rem;
    color: #dcd8d4;
    font-size: 1rem;
    text-align: center
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    color: #333
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    color: #333
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    height: 1.5em;
    top: .5rem;
    border: none
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    font-family: inherit
}

.ui-datepicker .ui-datepicker-next {
    right: 0
}

.ui-datepicker .ui-datepicker-next:hover {
    background: #29a45a
}

.ui-datepicker .ui-datepicker-prev {
    left: 0
}

.ui-datepicker .ui-datepicker-prev:hover {
    background: #29a45a
}

.ui-datepicker .ui-icon-circle-triangle-w,
.ui-datepicker .ui-icon-circle-triangle-e {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px
}

.ui-datepicker .ui-icon-circle-triangle-w::before {
    content: "" !important;
    margin-right: 5px;
    vertical-align: middle
}

.ui-datepicker .ui-icon-circle-triangle-e::after {
    content: "" !important;
    margin-left: 5px;
    vertical-align: middle
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    color: #fff;
    margin-top: 0;
    top: -7px;
    font-weight: normal;
    border-radius: 100px;
    padding: .5rem;
    font-size: 1rem
}

.ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0
}

.ui-datepicker th {
    padding: .75em;
    color: #000;
    font-weight: normal;
    border: none;
    border-top: 1px solid #fff
}

.ui-datepicker td {
    background: #f0f0f0;
    border: none;
    padding: 0
}

.ui-datepicker td .ui-state-default {
    background: #f6f8f8;
    display: block;
    border: none;
    text-align: center;
    padding: 0 .5em;
    margin: 0;
    font-weight: normal;
    color: #333
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
    background: #245049;
    color: #fff;
    border-radius: 5px
}

.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
    opacity: 1;
    color: #999
}

.paginationConatiner {
    font-size: .9rem
}

.paginationConatiner span {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid #ccc;
    padding: 5px 10px;
    background-color: #f1f1f1
}

.paginationConatiner .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid #ccc;
    padding: 5px 10px
}

.paginationControl a.text-link,
.pagination a.text-link {
    color: #245049 !important
}

.breadcrumb-container {
    background: #f5f5f5;
    font-size: 1rem
}

.breadcrumb-container .breadcrumb {
    padding: 10px 5px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0) !important
}

.breadcrumb-container.p0 {
    padding: 0px
}

[embedtheme="7"] {
    top: auto !important;
    width: 230px !important;
    height: 320px !important;
    right: 10px !important;
    bottom: 0 !important
}

.zsiq_size2[embedtheme],
.zsiq-newtheme.zsiq_size2[embedtheme] {
    height: 320px !important
}

.hideChat {
    display: none !important
}

[embedtheme] iframe {
    box-shadow: none !important
}

.zsiq_custommain.siq_bR {
    display: none !important
}

@media only screen and (max-width: 555px)and (min-width: 100px) {
    [embedtheme="7"] {
        width: 230px !important;
        height: 260px !important;
        right: 5px !important;
        bottom: 0 !important
    }
    .zsiq_size2[embedtheme],
    .zsiq-newtheme.zsiq_size2[embedtheme] {
        height: 260px !important
    }
    .siqembed[embedtheme],
    .siqembed[embedtheme] iframe {
        width: 230px !important;
        height: 260px !important;
        right: 5px !important;
        bottom: 0 !important
    }
    .zls-sptwndw,
    .siqembed[embedtheme],
    .siqembed[embedtheme] iframe {
        left: auto;
        right: 5px !important;
        bottom: 0 !important
    }
}

.puchhoBefikarContainer {
    bottom: -600px;
    width: 230px;
    position: fixed;
    right: 10px;
    z-index: 99999;
    background: #fff;
    min-height: 100px;
    -webkit-box-shadow: 0 0 20px 0 #333;
    box-shadow: 0 0 20px 0 #333
}

.puchhoBefikarContainer .icon {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -35px;
    background: none
}

.puchhoBefikarContainer .minimize {
    position: absolute;
    right: 4px;
    color: #aaa
}

.puchhoBefikarContainer .content {
    box-sizing: border-box;
    padding: 10px;
    min-height: 435px;
    border-top: 0
}

.puchhoBefikarContainer .content .title {
    float: left;
    width: 100%;
    text-align: center;
    font-family: arial;
    font-style: italic;
    font-size: 14px;
    color: #df0209;
    margin-top: 0px
}

.puchhoBefikarContainer .requestCallBackContainer {
    width: 100%;
    float: left;
    min-height: 222px;
    position: relative
}

.puchhoBefikarContainer .requestCallBackContainer .requestCallBackClose {
    position: absolute;
    right: 4px;
    top: 5px;
    color: #000;
    font-size: 18px
}

.puchhoBefikarContainer .requestCallBackContainer .formContainer {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px
}

.puchhoBefikarContainer .requestCallBackContainer .formContainer .heading {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px
}

.puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent input[type=text],
.puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent .my-acc .formcon textarea[type=text].input-textarea,
.my-acc .formcon .puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent textarea[type=text].input-textarea,
.puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent .my-acc .form-group textarea[type=text].input-textarea,
.my-acc .form-group .puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent textarea[type=text].input-textarea {
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 5px
}

.puchhoBefikarContainer .requestCallBackContainer .formContainer .formContent .error-msg-demo-req-call-back-btn {
    color: red;
    font-size: 11px;
    margin-top: 4px;
    margin-bottom: 3px;
    margin-left: 20px
}

.puchhoBefikarContainer .requestCallBackContainer .thankYou {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #29a45a
}

.puchhoBefikarContainer .puchhoBefikarMenu {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    width: 100%
}

.puchhoBefikarContainer .puchhoBefikarMenu li {
    border-bottom: 1px solid #e5e5e5
}

.puchhoBefikarContainer .puchhoBefikarMenu li:last-child {
    border-bottom: none
}

.puchhoBefikarContainer .puchhoBefikarMenu li a {
    display: block;
    color: #369;
    font-size: 13px;
    padding: 8px 0;
    font-weight: 600
}

.puchhoBefikarContainer .puchhoBefikarMenu li a .fa {
    min-width: 17px;
    margin-right: 5px
}

.mr8 {
    margin-right: 8px
}

.width-129 {
    width: 129px
}

.width-40 {
    width: 40px
}

body .zsiq-mobhgt[embedtheme].siqembed {
    height: 310px !important;
    bottom: 0 !important;
    width: 225px !important
}

.mobMb10 {
    margin-bottom: 5px
}

#feedbackPopup,
#feedbackSecondSurvey,
#verifyMailIdPopup {
    font-family: arial
}

#feedbackPopup .modal-dialog {
    max-width: 680px
}

@media only screen and (max-width: 600px) {
    #feedbackPopup .modal-dialog {
        width: 96vw
    }
}

#feedbackPopup .modal-dialog {
    width: 60vw
}

.star-cb-group {
    unicode-bidi: bidi-override
}

.star-cb-group {
    font-size: 0
}

#feedbackPopup .checkbox label {
    margin-right: 10px;
    font-weight: 500
}

.font-20 {
    font-size: 20px !important
}

.mt-0 {
    margin-top: 0px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.ml-0 {
    margin-left: 0px !important
}

.mr-0 {
    margin-right: 0px !important
}

.mr-5px {
    margin-right: 5px !important
}

.font-normal {
    font-weight: 500 !important
}

#feedbackPopup .checkbox label {
    margin-right: 10px;
    font-weight: 500
}

#feedbackPopup .modal-body {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

#feedbackPopup .checkbox label input,
#feedbackPopup .checkbox label .my-acc .formcon textarea.input-textarea,
.my-acc .formcon #feedbackPopup .checkbox label textarea.input-textarea,
#feedbackPopup .checkbox label .my-acc .form-group textarea.input-textarea,
.my-acc .form-group #feedbackPopup .checkbox label textarea.input-textarea {
    margin-right: 5px;
    margin-bottom: 0 !important;
    margin-top: 4px
}

#feedbackPopup .modal-header,
#verifyMailIdPopup .modal-header {
    display: unset;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background: #88c759;
    color: #fff
}

#feedbackPopup .modal-header .close {
    color: #fff;
    opacity: 1
}

#feedbackPopup .checkbox {
    display: inline-block
}

#feedbackPopup .checkbox label {
    margin-right: 10px;
    font-weight: 500
}

#feedbackPopup .form-inline {
    color: #fff;
    opacity: 1
}

#feedbackPopup .modal-dialog .modal-content .radio-inline {
    margin-top: -8px !important
}

#feedbackPopup .modal-dialog .modal-content .radio-inline input[type=radio],
#feedbackPopup .modal-dialog .modal-content .radio-inline .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon #feedbackPopup .modal-dialog .modal-content .radio-inline textarea[type=radio].input-textarea,
#feedbackPopup .modal-dialog .modal-content .radio-inline .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group #feedbackPopup .modal-dialog .modal-content .radio-inline textarea[type=radio].input-textarea {
    margin-left: -20px !important;
    margin-top: 3px !important
}

#feedbackPopup .modal-dialog .modal-content .modal-header .greenHeading {
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

#feedbackPopup .modal-dialog .modal-content .form-control {
    width: 100%;
    height: 30px;
    padding: 2px 12px;
    font-size: 12px;
    margin-top: -2px
}

#feedbackPopup .modal-dialog .modal-content .modal-body {
    padding: 10px 26px;
    min-height: 490px;
    display: inline-block
}

#feedbackPopup .modal-dialog .modal-content .modal-body .errorMsg {
    color: red;
    font-size: 11px;
    line-height: 1.5;
    display: block;
    padding-bottom: 5px
}

#feedbackPopup label {
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 5px;
    display: inline-flex
}

#feedbackPopup label.radio-inline {
    width: 10% !important
}

#feedbackPopup input,
#feedbackPopup .my-acc .formcon textarea.input-textarea,
.my-acc .formcon #feedbackPopup textarea.input-textarea,
#feedbackPopup .my-acc .form-group textarea.input-textarea,
.my-acc .form-group #feedbackPopup textarea.input-textarea {
    margin-bottom: 15px
}

#feedbackPopup .submitBtn a {
    background: #d9534f;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
    margin: 10px 1px 0px 1px
}

#feedbackPopup .submitBtn a:hover,
#feedbackPopup .submitBtn a:active {
    background: #d9534f;
    color: #fff !important
}

#feedbackPopup select {
    width: 100%;
    padding: 5px 0px;
    font-size: 13px;
    margin-top: 4px
}

#feedbackPopup textarea,
#verifyMailIdPopup textarea {
    resize: none;
    margin-top: 5px !important
}

.none {
    display: none !important
}

.font700 {
    font-weight: 700 !important
}

.displayFlex {
    display: flex !important
}

.mt5 {
    margin-top: 5px !important
}

.ml10 {
    margin-left: 20px;
    margin-top: 10px
}

.ml40 {
    margin-left: 40px;
    margin-top: 10px
}

.mt--10 {
    margin-top: -10px
}

.star-cb-group>input+label,
.my-acc .formcon .star-cb-group>textarea.input-textarea+label,
.my-acc .form-group .star-cb-group>textarea.input-textarea+label {
    display: inline-block;
    overflow: hidden;
    text-indent: 10003px;
    width: 10%;
    white-space: nowrap;
    cursor: pointer;
    float: right
}

fieldset {
    border: 0;
    width: 50%;
    border-radius: 1px
}

.star-cb-group {
    font-size: 0;
    unicode-bidi: bidi-override
}

.star-cb-group>input,
.my-acc .formcon .star-cb-group>textarea.input-textarea,
.my-acc .form-group .star-cb-group>textarea.input-textarea {
    display: none
}

.star-cb-group * {
    font-size: 1rem
}

.star-cb-group>input:checked~label:before,
.my-acc .formcon .star-cb-group>textarea.input-textarea:checked~label:before,
.my-acc .form-group .star-cb-group>textarea.input-textarea:checked~label:before,
.star-cb-group>input+label:hover~label:before,
.my-acc .formcon .star-cb-group>textarea.input-textarea+label:hover~label:before,
.my-acc .form-group .star-cb-group>textarea.input-textarea+label:hover~label:before,
.star-cb-group>input+label:hover:before,
.my-acc .formcon .star-cb-group>textarea.input-textarea+label:hover:before,
.my-acc .form-group .star-cb-group>textarea.input-textarea+label:hover:before {
    content: "★";
    color: #e52;
    text-shadow: 0 0 1px #333
}

.star-cb-group>input+label:before,
.my-acc .formcon .star-cb-group>textarea.input-textarea+label:before,
.my-acc .form-group .star-cb-group>textarea.input-textarea+label:before {
    display: inline-block;
    text-indent: -9999px;
    content: "☆";
    color: #888
}

.star-cb-group {
    unicode-bidi: bidi-override
}

.starFont {
    font-size: 20px !important
}

#log {
    margin: 1em auto;
    width: 5em;
    text-align: center;
    background: rgba(0, 0, 0, 0)
}

#feedbackSecondSurvey .modal-dialog {
    max-width: 600px
}

#feedbackSecondSurvey .radio-inline {
    padding-left: 40px
}

#feedbackSecondSurvey .checkbox input[type=checkbox],
#feedbackSecondSurvey .checkbox .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon #feedbackSecondSurvey .checkbox textarea[type=checkbox].input-textarea,
#feedbackSecondSurvey .checkbox .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group #feedbackSecondSurvey .checkbox textarea[type=checkbox].input-textarea,
.checkbox-inline input[type=checkbox],
.checkbox-inline .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .checkbox-inline textarea[type=checkbox].input-textarea,
.checkbox-inline .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .checkbox-inline textarea[type=checkbox].input-textarea,
.radio input[type=radio],
.radio .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .radio textarea[type=radio].input-textarea,
.radio .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .radio textarea[type=radio].input-textarea,
.radio-inline input[type=radio],
.radio-inline .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .radio-inline textarea[type=radio].input-textarea,
.radio-inline .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .radio-inline textarea[type=radio].input-textarea {
    margin-bottom: 8px
}

#feedbackSecondSurvey .modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background: #88c759;
    color: #fff
}

#feedbackSecondSurvey .modal-header .close {
    color: #fff;
    opacity: 1
}

#feedbackSecondSurvey .modal-dialog .modal-content .radio-inline input[type=radio],
#feedbackSecondSurvey .modal-dialog .modal-content .radio-inline .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon #feedbackSecondSurvey .modal-dialog .modal-content .radio-inline textarea[type=radio].input-textarea,
#feedbackSecondSurvey .modal-dialog .modal-content .radio-inline .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group #feedbackSecondSurvey .modal-dialog .modal-content .radio-inline textarea[type=radio].input-textarea {
    margin-left: -10px !important;
    margin-top: 4px !important
}

#feedbackSecondSurvey .modal-dialog .modal-content .modal-header .greenHeading {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

#feedbackSecondSurvey .modal-dialog .modal-content .form-control {
    width: 100%;
    height: 30px;
    padding: 2px 12px;
    font-size: 12px
}

#feedbackSecondSurvey label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px
}

#feedbackSecondSurvey input,
#feedbackSecondSurvey .my-acc .formcon textarea.input-textarea,
.my-acc .formcon #feedbackSecondSurvey textarea.input-textarea,
#feedbackSecondSurvey .my-acc .form-group textarea.input-textarea,
.my-acc .form-group #feedbackSecondSurvey textarea.input-textarea {
    margin-bottom: 3px
}

#feedbackSecondSurvey .modal-dialog .modal-content .modal-body {
    padding: 10px 23px;
    height: 499px;
    overflow-y: scroll
}

#feedbackSecondSurvey .submitBtn a {
    background: #d9534f;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
    margin: 0 1px 10px 1px
}

#feedbackSecondSurvey .submitBtn a:hover {
    background: #d9534f;
    color: #fff !important
}

#feedbackSecondSurvey .checkRank input[type=radio],
#feedbackSecondSurvey .checkRank .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon #feedbackSecondSurvey .checkRank textarea[type=radio].input-textarea,
#feedbackSecondSurvey .checkRank .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group #feedbackSecondSurvey .checkRank textarea[type=radio].input-textarea {
    line-height: normal;
    vertical-align: sub;
    margin: 2 !important
}

#feedbackSecondSurvey .checkRanktitle label {
    margin-left: 11px
}

#feedbackSecondSurvey .modal-dialog .modal-content .modal-body .errorMsg {
    color: red;
    font-size: 11px;
    line-height: 1.5;
    display: block;
    padding-bottom: 5px
}

.hrheight {
    margin-top: 5px;
    margin-bottom: 5px
}

.starFont {
    font-size: 20px !important
}

.pt7 {
    padding-top: 7px !important
}

.qualityText {
    padding-right: 0 !important
}

.pt3 {
    padding-top: 3px !important
}

.mt8 {
    margin-top: 8px !important
}

@media only screen and (min-width: 360px)and (max-width: 640px) {
    .pastExpiredSuperstar .modal-body .dateEntry {
        margin-top: -3px;
        float: right;
        font-size: 11px
    }
    .pastExpiredSuperstar .modal-body p {
        margin: 27px 0px 0px 32px !important;
        font-weight: 400;
        font-size: 11px
    }
    .pastExpiredSuperstar .modal-body .validDate {
        margin-top: 78px;
        margin-left: 131px;
        font-size: 10px
    }
    .pastExpiredSuperstar .modal-body {
        min-height: 130px
    }
    .pastExpiredSuperstar .modal-footer a.closeLink {
        font-size: 11px;
        cursor: pointer
    }
    .pastExpiredSuperstar .modal-footer a {
        border-radius: 10px;
        padding: 4px 11px
    }
    .mobFont {
        font-size: 12px
    }
    #feedbackPopup label div:first-child {
        width: 5%;
        float: left
    }
    #feedbackPopup label div:last-child {
        width: 95%;
        float: left
    }
    .financialplan {
        margin-top: 10px
    }
    .financialplan .fptitle {
        font-size: 22px
    }
    .financialplan .fn-announce {
        width: 100%;
        min-height: 60px
    }
    .financialplan .fn-announce .bandnew {
        width: 42%
    }
    .financialplan .fn-announce .fptitle {
        text-align: center;
        width: 100%
    }
    .financialplan .triangle-right {
        display: none
    }
    .financialplan div.content-sec {
        display: block;
        width: 100%;
        padding: 1.5% 0 0 2%
    }
    .financialplan div.content-sec div.content {
        font-size: 18px
    }
    .financialsummary .content div div.mainvalue,
    .financialsummary .content div div.mainvalue2 {
        margin: 0 5px !important;
        width: calc(100% - 15px)
    }
    .financialsummary .content div div.mainvalue3 {
        margin: 10px 5px !important;
        width: calc(100% - 15px)
    }
    .financialsummary .content div div.mainvalue2 .insidevalue div.col-md-6 {
        border-bottom: 1px solid #c2c2c2
    }
    .d-none {
        display: none
    }
    .dflex {
        display: block
    }
    .fbColor {
        color: #3b5998
    }
    .twitterColor {
        color: #55acee
    }
    .utubeColor {
        color: #ee1c24
    }
    #feedbackPopup .modal-dialog .modal-content .modal-body {
        padding: 10px 12px;
        height: 42px;
        overflow-y: scroll;
        min-height: 420px;
        display: inline-block
    }
    #feedbackSecondSurvey .modal-dialog .modal-content .modal-body {
        padding: 10px 12px;
        overflow-y: scroll;
        height: 440px
    }
    #feedbackPopup .modal-dialog {
        width: 95%
    }
    #feedbackSecondSurvey .modal-dialog {
        width: 95%
    }
    #feedbackSecondSurvey .modal-dialog .modal-content .modal-body .form-group .checkRank {
        margin-left: 30px
    }
    #feedbackPopup label,
    #feedbackSecondSurvey label {
        font-size: 12px
    }
    .star-cb-group>input+label,
    .my-acc .formcon .star-cb-group>textarea.input-textarea+label,
    .my-acc .form-group .star-cb-group>textarea.input-textarea+label {
        text-indent: 9999px !important
    }
    .starFont {
        font-size: 22px !important
    }
    #feedbackSecondSurvey .checkRanktitle label {
        margin-left: 0px
    }
    .star-cb-group>input+label,
    .my-acc .formcon .star-cb-group>textarea.input-textarea+label,
    .my-acc .form-group .star-cb-group>textarea.input-textarea+label {
        width: 14% !important
    }
    #feedbackPopup select {
        font-size: 11px
    }
    #investorsDayHelp .modal-title {
        font-size: 14px
    }
    #verifyMailIdPopup .modal-dialog {
        width: 93%
    }
    #verifyMailIdPopup .editMob {
        display: flex
    }
}

form .form-group {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

#verifyMailIdPopup .width75 {
    width: 75%
}

#verifyMailIdPopup input,
#verifyMailIdPopup .my-acc .formcon textarea.input-textarea,
.my-acc .formcon #verifyMailIdPopup textarea.input-textarea,
#verifyMailIdPopup .my-acc .form-group textarea.input-textarea,
.my-acc .form-group #verifyMailIdPopup textarea.input-textarea {
    font-weight: normal
}

#verifyMailIdPopup .submitBtn {
    background: #d9534f;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin: 10px 1px 0px 1px
}

#verifyMailIdPopup .cancelBtn {
    background: #ccc;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin: 10px 1px 0px 1px
}

#verifyMailIdPopup .form-group {
    margin-bottom: 10px
}

#verifyMailIdPopup .modal-dialog .modal-content .modal-body {
    padding: 20px 20px 4px;
    min-height: 250px;
    display: inline-block
}

#verifyMailIdPopup .modal-header .close {
    color: #fff;
    opacity: .8
}

#verifyMailIdPopup .text-decoration-underline {
    text-decoration: underline
}

#verifyMailIdPopup .hrBorder {
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    margin-bottom: 6px
}

#verifyMailIdPopup .modal-dialog {
    max-width: 640px
}

#verifyMailIdPopup .editMob {
    float: left
}

#verifyMailIdPopup .width50 {
    width: 50px
}

#investorsDayHelp a {
    font-weight: bold;
    color: blue
}

#investorsDayHelp h4.modal-title {
    font-size: 18px
}

#investorsDayHelp .modal-dialog {
    max-width: 625px
}

#investorsDayHelp a:hover,
#investorsDayHelp a:active {
    font-weight: bold;
    color: blue !important
}

#investorsDayHelp .close {
    color: #fff;
    opacity: 1
}

#investorsDayHelp .modal-footer {
    font-size: 13px
}

#investors_img {
    margin: -10px 0 0 3px;
    border: 1px solid #ccc
}

#earlyBird_img {
    margin: -10px 0 0 3px;
    border: 1px solid #ccc
}

@media screen and (max-width: 47.94em) {
    #investorsDayHelp h4.modal-title {
        font-size: 16px
    }
    #investorsDayHelp .img-responsive {
        display: block;
        max-width: 100%;
        height: auto
    }
}

#freeTrialModal .modal-header {
    display: inline;
    background: #95d44b
}

.testdrivepop .modal-header {
    background: #95d44b;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px 12px
}

.testdrivepop .modal-header h4 {
    font-size: 17px
}

.testdrivepop .modal-header button {
    color: #fff;
    opacity: 1
}

.testdrivepop .modal-body {
    padding: 5px 10px
}

.testdrivepop .modal-body .title,
.testdrivepop .modal-body .tag,
.testdrivepop .modal-body hr,
.testdrivepop .modal-body ul {
    display: none
}

.testdrivepop .modal-body table,
.testdrivepop .modal-body table tbody tr td ul {
    display: block
}

.testdrivepop .modal-footer {
    padding: 0px 10px 15px;
    border-top: none !important;
    text-align: center
}

.testdrivepop .modal-footer a {
    font-size: 15px;
    color: #fff;
    background-color: #d9534f;
    font-weight: normal;
    border: 1px solid #d43f3a;
    padding: 7px 12px;
    border-radius: 7px
}

.testdrivepop .modal-footer a:hover {
    font-size: 15px;
    color: #fff !important;
    background-color: #c9302c;
    border: 1px solid #ac2925
}

.bor-left-5 {
    border-left: 5px solid #e9e9e9
}

.demolinkd {
    font-size: 14px;
    padding-left: 34px
}

.demolinkd2 {
    font-size: 14px;
    text-align: right;
    padding-right: 0px
}

.newscontent {
    background: #fff;
    height: 300px;
    border-right: 4px solid #e5e5e5
}

.testdrivepop .modal-body table {
    display: none !important
}

#freeTrialModal .modal-dialog {
    max-width: 600px
}

#superstar150offer .modal-dialog {
    max-width: 600px
}

#superstar150offer .modal-footer {
    display: inline-block
}

.pastExpiredSuperstar .modal-body {
    background-image: url("/images/dashboard/past-expired-superstar-popup-150-offer.png");
    min-height: 260px;
    background-size: contain;
    background-repeat: no-repeat
}

.pastExpiredSuperstar .modal-header,
.pastExpiredSuperstarUpdate .modal-header {
    background: #78c043;
    padding: 5px;
    color: #fff
}

.pastExpiredSuperstar .modal-header .close,
.pastExpiredSuperstarUpdate .modal-header .close {
    opacity: .9;
    color: #fff
}

.pastExpiredSuperstar .modal-header h4,
.pastExpiredSuperstarUpdate .modal-header h4 {
    font-weight: normal;
    font-size: 18px;
    padding: 0px 20px
}

.pastExpiredSuperstarUpdate .modal-header h4 {
    font-weight: normal;
    font-size: 16px;
    padding: 5px 10px
}

.pastExpiredSuperstar .modal-body {
    background-image: url("/images/dashboard/past-expired-superstar-popup.jpg");
    min-height: 260px;
    background-size: contain;
    background-repeat: no-repeat
}

.pastExpiredSuperstarUpdate .modal-body {
    background-image: url("/images/dashboard/check-popup.png");
    min-height: 260px;
    background-size: contain;
    background-repeat: no-repeat
}

.pastExpiredSuperstar .modal-body p,
.pastExpiredSuperstarUpdate .modal-body p {
    margin: 30px 0px 0px 70px;
    font-weight: 500;
    font-size: 18px
}

.pastExpiredSuperstar .modal-body .dateEntry,
.pastExpiredSuperstarUpdate .modal-body .dateEntry {
    margin-top: 12px;
    float: right;
    text-align: right
}

.pastExpiredSuperstar .modal-body .validDate,
.pastExpiredSuperstarUpdate .modal-body .validDate {
    margin-top: 116px;
    margin-left: 244px;
    font-size: 12px
}

.modal-footer {
    text-align: center !important
}

.pastExpiredSuperstar .modal-footer a,
.pastExpiredSuperstarUpdate .modal-footer a {
    background: red;
    border-radius: 16px;
    padding: 8px 25px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin-left: 10px
}

.pastExpiredSuperstar .modal-footer a:hover,
.pastExpiredSuperstarUpdate .modal-footer a:hover {
    color: #fff !important
}

.pastExpiredSuperstar .modal-footer a.closeLink,
.pastExpiredSuperstarUpdate .modal-footer a.closeLink {
    font-size: 13px;
    text-decoration: underline !important;
    padding: 0;
    background: #fff;
    color: #333;
    cursor: pointer
}

.pastExpiredSuperstar .modal-footer a.closeLink:hover,
.pastExpiredSuperstarUpdate .modal-footer a.closeLink:hover {
    color: #333 !important
}

.mobFont {
    font-size: 14px
}

@media screen and (max-width: 47.94em) {
    .mobFont {
        font-size: 12px
    }
}

@media screen and (max-width: 47.94em) {
    #freeTrialModal table {
        display: none
    }
    .telepop-main {
        display: none
    }
}

#expertsHelp .modal-dialog {
    max-width: 610px
}

#myModalExistingOmega .omegaExpiredBtn a:hover {
    color: #fff !important
}

#myModalExistingOmega .omega-close a:hover {
    color: #333 !important
}

#myModalExistingOmega .btnClose {
    text-align: left;
    padding: 10px 10px 10px
}

#myModalExistingOmega .broture-img {
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 5px
}

#myModalExistingOmega .padding10 {
    padding: 0px 10px 10px 10px
}

#myModalExistingOmega h4 {
    font-size: 16px;
    width: 100%
}

#myModalExistingOmega .omegapopup .nameofuser {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px
}

#myModalExistingOmega .thank-you {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px
}

#myModalExistingOmega .heading-green {
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0px
}

#myModalExistingOmega .heading-green-content {
    float: left;
    color: #018b1a
}

#myModalExistingOmega .pl10 {
    padding-left: 10px
}

#myModalExistingOmega .now-invest-content {
    padding-left: 36px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px
}

#myModalExistingOmega .imp-features-content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

#myModalExistingOmega .btnn-close {
    text-align: center;
    padding: 10px 10px 10px
}

#myModalExistingOmega .img-ok {
    width: 5%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px
}

#myModalExistingOmega .img-width {
    width: 16px !important;
    float: left;
    margin-right: 5px;
    padding-top: 2px
}

@media screen and (max-width: 47.94em) {
    #myModalExistingOmega .broture-img {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 5px
    }
    #myModalExistingOmega .padding10 {
        padding: 0px 10px 10px 0px
    }
    #myModalExistingOmega .headingOmega h4 {
        font-size: 14px
    }
}

.volatile-market-content .modal-body {
    text-align: center;
    background-image: url("/images/dashboard/updated-holding.jpg");
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2.5rem;
    border-radius: 3px;
    border: 2px solid #fff
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .modal-body {
        background-image: url("/images/dashboard/updated-holding-mob.jpg");
        padding: 8px;
        background-size: contain;
        background-repeat: round
    }
}

.volatile-market-content .modal-dialog {
    margin-top: 10%
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .modal-dialog {
        margin-top: 10px
    }
}

.volatile-market-content .heading {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 12px
}

.volatile-market-content .title {
    color: #512f04;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 12px
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .title {
        font-size: 18px
    }
}

.volatile-market-content .analysis-content {
    font-size: 15px;
    line-height: 18px
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .analysis-content {
        margin-top: -14px
    }
}

.volatile-market-content .updated-holding {
    color: #fff;
    background: #c93636;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    margin-top: 25px;
    display: inline-block
}

.volatile-market-content .updated-holding:hover {
    text-decoration: none
}

.volatile-market-content .content-padding {
    padding-left: 32%
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .content-padding {
        padding-left: 0
    }
}

.volatile-market-content .heading-close {
    position: absolute;
    right: -25px;
    top: -45px;
    font-size: 20px;
    background: #c93636;
    color: #fff !important;
    width: 25px;
    height: 25px;
    border-radius: 25px
}

@media screen and (max-width: 47.94em) {
    .volatile-market-content .heading-close {
        top: -11px;
        right: 4px
    }
}

.volatile-market-content .heading-close-link {
    margin-top: -2px;
    display: block;
    cursor: pointer
}

#abtestingregistration #registration .form-group {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    display: flex
}

#myRegistrationModal .portfolioLeft {
    float: left
}

#myRegistrationModal #mobileverifydiv {
    float: left;
    display: block
}

#myRegistrationModal .verificationFloat {
    float: left
}

#myRegistrationModal .form-group {
    display: flex;
    margin-bottom: 5px;
    width: 100%
}

#myRegistrationModal .mob-close {
    right: -5%
}

#myRegistrationModal form .form-group {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.assistanceLinks {
    display: flow-root !important
}

#myRegistrationModal .form-group.assistanceLinks .col-md-3,
#myRegistrationModal .form-group.assistanceLinks .col-md-5 {
    float: left
}

#myRegistrationModal .pull-left {
    float: left
}

@media(min-width: 576px) {
    #myModalReg .modal-dialog {
        max-width: 400px !important
    }
}

.footer {
    width: 88%;
    min-height: 50px;
    background: #efefef;
    font-size: 12px;
    padding-top: 20px;
    margin: 0 auto;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    line-height: 1.3
}

.footer .list-foot {
    font-size: 11px;
    list-style: none outside none
}

.footer .list-foot li a {
    color: #369
}

.footer #footer-usefullink-top {
    font-size: 11px
}

.footer h6 {
    font-weight: 600;
    font-size: 12px;
    margin: 8px 0 0 0px
}

.footer .footerContent {
    border-right: 1px solid #ccc;
    min-height: 120px;
    line-height: 1.8
}

.footer .footerContent a {
    color: #333
}

@media screen and (max-width: 61.94em) {
    .footer .footerContent:nth-child(4) {
        border-right: none
    }
    .footer .footerContent:nth-child(5) {
        padding-left: 30px
    }
}

@media screen and (max-width: 47.94em) {
    .footer .footerContent:nth-child(4) {
        border-right: 1px solid #ccc
    }
    .footer .footerContent:nth-child(5) {
        padding-left: 15px
    }
}

.footer .footerContent .sm {
    padding-top: 10px
}

.footer .footerLinks {
    margin: 0 2%
}

@media screen and (max-width: 47.94em) {
    .footer {
        border: none;
        width: 100%
    }
}

.footerOuterBox {
    background: #efefef
}

#footer-reg-bot-t {
    font-size: 10px;
    padding: 10px 8%;
    background: #efefef
}

@media screen and (max-width: 47.94em) {
    #footer-reg-bot-t {
        padding: 10px 0
    }
}

#footer-reg-main-div-d2 {
    float: right;
    padding-top: 5px
}

@media screen and (max-width: 47.94em) {
    #footer-reg-main-div-d2 {
        float: left
    }
}

.foot-base-data-d {
    float: right;
    margin-top: -10px;
    text-align: right;
    line-height: 12px
}

@media screen and (max-width: 47.94em) {
    .foot-base-data-d {
        margin-top: 0;
        text-align: left
    }
}

.footer-greeb-band {
    background: #3f9401;
    padding: 15px 0
}

#footer-usefullink-mf {
    font-size: 11px;
    line-height: 17px;
    padding-top: 5px
}

#footer-usefullink-bot a {
    color: #369;
    font-size: 11px;
    text-decoration: none;
    font-weight: 500
}

.stock-analysis {
    font-size: 11px;
    padding-bottom: 5px
}

.hidden-md .list-foot2 li {
    float: left;
    list-style-type: none
}

.mt10 {
    margin-top: 10px
}

@media screen and (max-width: 61.94em) {
    .mfLinks {
        max-width: 100%;
        word-wrap: break-word
    }
}

@media screen and (max-width: 47.94em) {
    .mfLinks {
        max-width: 100%;
        word-wrap: break-word
    }
}

.mfLinks a {
    color: #369
}

#foot-tab3-wid ul li i {
    font-size: 20px
}

#foot-tab3-wid ul li i.fa-phone-square {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fbColor {
    color: #3b5998
}

.twitterColor {
    color: #55acee
}

.utubeColor {
    color: #ee1c24
}

.telegramColor {
    color: #2aa2d6
}

.value-investing1 {
    color: #333
}

.value-investing1 a {
    color: #369
}

.footernew {
    margin: 0;
    color: #333;
    font-size: 10px;
    background: #6f6e6e;
    display: flex
}

.footernew div a.call {
    color: #fff;
    font-size: 11px;
    display: block;
    line-height: auto;
    margin: 2px 0 0
}

.footernew div a.call img {
    margin-right: 8px
}

.footernew div a.call:hover {
    color: #fff;
    text-decoration: none;
    background: #8bce59
}

.footernew div a.chat {
    color: #fff;
    font-size: 11px;
    display: block;
    line-height: auto;
    margin-top: 2px
}

.footernew div a.chat img {
    margin-right: 8px
}

.footernew div a.chat:hover {
    color: #fff;
    text-decoration: none;
    background: #8bce59
}

.footernew div footer {
    width: 100%;
    float: left;
    font-size: 10px;
    text-align: center;
    color: #333;
    padding: 3px 0;
    background: #eaeaea
}

.footernew.footermargin {
    margin: 0 0 60px 0
}

#footerfot i {
    color: #1a1f71;
    font-size: 18px
}

#footerfot i:nth-child(2) {
    color: #eb001b;
    padding-left: 5px
}

.footer-reg a {
    color: #369
}

.ui-link img {
    width: 50%
}

.ui-mobile img {
    max-width: 50%
}

.puchho-img {
    width: 50%
}

.sebi-number {
    background: #333;
    color: #fff;
    font-size: 1.16rem
}

.sebi-number img {
    padding: 5px 10px 5px 0
}

.sebi-number a {
    color: #fff
}

@media screen and (max-width: 61.94em) {
    .sebi-number {
        max-width: 100%;
        word-wrap: break-word
    }
}

@media screen and (max-width: 47.94em) {
    .sebi-number {
        background: #333;
        color: #fff;
        font-size: 11px;
        text-align: center;
        padding: 5px
    }
}

.social-media {
    padding: 15px 0px 5px 0px;
    background: #feffff
}

.social-media.shadow-grey {
    box-shadow: 0 6px 9px -2px #ccc;
    z-index: 99;
    margin-bottom: 3px
}

.social-media .navbar-brand {
    color: #898989;
    padding-left: 6%
}

.social-media .navbar-brand:hover {
    color: #898989 !important
}

.social-media div {
    line-height: 1.2
}

.social-media div .small-text {
    font-size: 8px
}

.social-media .navbar-nav .nav-item a {
    color: #369;
    font-size: 14px;
    font-weight: 600
}

.social-media .navbar-nav .nav-item a:hover {
    color: #369 !important
}

.social-media .navbar-nav .nav-item .free-trial-btn {
    background: #dc3545;
    color: #fff;
    padding: 3px 15px !important;
    border-radius: 5px;
    margin-bottom: 2px
}

.social-media .navbar-nav .nav-item .free-trial-btn:hover {
    color: #fff !important
}

.social-media .navbar-nav .nav-item .nav-link {
    padding: 0px 25px
}

.social-media .navbar-nav .nav-item .nav-link.nav-border {
    border-right: 1px solid #369
}

.social-media .navbar-nav .nav-item .nav-link.padding0 {
    padding: 0 !important
}

.social-media .font11 {
    font-size: 11px
}

.social-media .navbar {
    z-index: 0
}

.social-media .icon-social-sites {
    width: 360px;
    display: block;
    padding-top: 0
}

.social-media .icon-social-sites i {
    font-size: 24px;
    padding: 5px;
    margin-top: -4px
}

.social-media-mb {
    width: 100%;
    background: #fff;
    padding-top: 15px
}

.social-media-mb a.nav-link {
    color: #333 !important;
    font-size: 14px
}

.social-media-mb .free-trial-btn {
    background: #dc3545;
    color: #fff !important;
    padding: 3px 15px !important;
    border-radius: 5px;
    margin-bottom: 2px;
    font-size: 13px !important
}

.social-media-mb .free-trial-btn:hover {
    color: #fff !important
}

.social-media-mb hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.social-media-mb .text-333 {
    color: #333
}

.callSticky {
    float: right;
    padding: 5px;
    bottom: 5px;
    position: fixed;
    bottom: 133px;
    right: 40px;
    z-index: 999
}

.whatsupSticky {
    float: right;
    padding: 5px;
    bottom: 5px;
    position: fixed;
    bottom: 88px;
    right: 30px;
    z-index: 999
}

.footer {
    width: 88%;
    min-height: 50px;
    background: #efefef;
    font-size: 12px;
    padding-top: 20px;
    margin: 0 auto;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    line-height: 1.3
}

.footer .list-foot {
    font-size: 11px;
    list-style: none outside none
}

.footer .list-foot li a {
    color: #369
}

.footer #footer-usefullink-top {
    font-size: 11px
}

.footer h6 {
    font-weight: 600;
    font-size: 12px;
    margin: 8px 0 0 0px
}

.footer .footerContent {
    border-right: 1px solid #ccc;
    min-height: 120px;
    line-height: 1.8
}

.footer .footerContent a {
    color: #333
}

@media screen and (max-width: 61.94em) {
    .footer .footerContent:nth-child(4) {
        border-right: none
    }
    .footer .footerContent:nth-child(5) {
        padding-left: 30px
    }
}

@media screen and (max-width: 47.94em) {
    .footer .footerContent:nth-child(4) {
        border-right: 1px solid #ccc
    }
    .footer .footerContent:nth-child(5) {
        padding-left: 15px
    }
}

.footer .footerContent .sm {
    padding-top: 10px
}

.footer .footerLinks {
    margin: 0 2%
}

@media screen and (max-width: 47.94em) {
    .footer {
        border: none;
        width: 100%
    }
}

.footerOuterBox {
    background: #efefef
}

#footer-reg-bot-t {
    font-size: 10px;
    padding: 10px 8%;
    background: #efefef
}

@media screen and (max-width: 47.94em) {
    #footer-reg-bot-t {
        padding: 10px 0
    }
}

#footer-reg-main-div-d2 {
    float: right;
    padding-top: 5px
}

@media screen and (max-width: 47.94em) {
    #footer-reg-main-div-d2 {
        float: left
    }
}

.foot-base-data-d {
    float: right;
    margin-top: -10px;
    text-align: right;
    line-height: 12px
}

@media screen and (max-width: 47.94em) {
    .foot-base-data-d {
        margin-top: 0;
        text-align: left
    }
}

.footer-greeb-band {
    background: #3f9401;
    padding: 15px 0
}

#footer-usefullink-mf {
    font-size: 11px;
    line-height: 17px;
    padding-top: 5px
}

#footer-usefullink-bot a {
    color: #369;
    font-size: 11px;
    text-decoration: none;
    font-weight: 500
}

.stock-analysis {
    font-size: 11px;
    padding-bottom: 5px
}

.hidden-md .list-foot2 li {
    float: left;
    list-style-type: none
}

.mt10 {
    margin-top: 10px
}

@media screen and (max-width: 61.94em) {
    .mfLinks {
        max-width: 100%;
        word-wrap: break-word
    }
}

@media screen and (max-width: 47.94em) {
    .mfLinks {
        max-width: 100%;
        word-wrap: break-word
    }
}

.mfLinks a {
    color: #369
}

#foot-tab3-wid ul li i {
    font-size: 20px
}

#foot-tab3-wid ul li i.fa-phone-square {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fbColor {
    color: #3b5998
}

.twitterColor {
    color: #55acee
}

.utubeColor {
    color: #ee1c24
}

.telegramColor {
    color: #2aa2d6
}

.value-investing1 {
    color: #333
}

.value-investing1 a {
    color: #369
}

.footernew {
    margin: 0;
    color: #333;
    font-size: 10px;
    background: #6f6e6e;
    display: flex
}

.footernew div a.call {
    color: #fff;
    font-size: 11px;
    display: block;
    line-height: auto;
    margin: 2px 0 0
}

.footernew div a.call img {
    margin-right: 8px
}

.footernew div a.call:hover {
    color: #fff;
    text-decoration: none;
    background: #8bce59
}

.footernew div a.chat {
    color: #fff;
    font-size: 11px;
    display: block;
    line-height: auto;
    margin-top: 2px
}

.footernew div a.chat img {
    margin-right: 8px
}

.footernew div a.chat:hover {
    color: #fff;
    text-decoration: none;
    background: #8bce59
}

.footernew div footer {
    width: 100%;
    float: left;
    font-size: 10px;
    text-align: center;
    color: #333;
    padding: 3px 0;
    background: #eaeaea
}

.footernew.footermargin {
    margin: 0 0 60px 0
}

#footerfot i {
    color: #1a1f71;
    font-size: 18px
}

#footerfot i:nth-child(2) {
    color: #eb001b;
    padding-left: 5px
}

.footer-reg a {
    color: #369
}

.ui-link img {
    width: 50%
}

.ui-mobile img {
    max-width: 50%
}

.puchho-img {
    width: 50%
}

.sebi-number {
    background: #333;
    color: #fff;
    font-size: 1.16rem
}

.sebi-number img {
    padding: 5px 10px 5px 0
}

.sebi-number a {
    color: #fff
}

@media screen and (max-width: 61.94em) {
    .sebi-number {
        max-width: 100%;
        word-wrap: break-word
    }
}

@media screen and (max-width: 47.94em) {
    .sebi-number {
        background: #333;
        color: #fff;
        font-size: 11px;
        text-align: center;
        padding: 5px
    }
}

.social-media {
    padding: 15px 0px 5px 0px;
    background: #feffff
}

.social-media.shadow-grey {
    box-shadow: 0 6px 9px -2px #ccc;
    z-index: 99;
    margin-bottom: 3px
}

.social-media .navbar-brand {
    color: #898989;
    padding-left: 6%
}

.social-media .navbar-brand:hover {
    color: #898989 !important
}

.social-media div {
    line-height: 1.2
}

.social-media div .small-text {
    font-size: 8px
}

.social-media .navbar-nav .nav-item a {
    color: #369;
    font-size: 14px;
    font-weight: 600
}

.social-media .navbar-nav .nav-item a:hover {
    color: #369 !important
}

.social-media .navbar-nav .nav-item .free-trial-btn {
    background: #dc3545;
    color: #fff;
    padding: 3px 15px !important;
    border-radius: 5px;
    margin-bottom: 2px
}

.social-media .navbar-nav .nav-item .free-trial-btn:hover {
    color: #fff !important
}

.social-media .navbar-nav .nav-item .nav-link {
    padding: 0px 25px
}

.social-media .navbar-nav .nav-item .nav-link.nav-border {
    border-right: 1px solid #369
}

.social-media .navbar-nav .nav-item .nav-link.padding0 {
    padding: 0 !important
}

.social-media .font11 {
    font-size: 11px
}

.social-media .navbar {
    z-index: 0
}

.social-media .icon-social-sites {
    width: 360px;
    display: block;
    padding-top: 0
}

.social-media .icon-social-sites i {
    font-size: 24px;
    padding: 5px;
    margin-top: -4px
}

.social-media-mb {
    width: 100%;
    background: #fff;
    padding-top: 15px
}

.social-media-mb a.nav-link {
    color: #333 !important;
    font-size: 14px
}

.social-media-mb .free-trial-btn {
    background: #dc3545;
    color: #fff !important;
    padding: 3px 15px !important;
    border-radius: 5px;
    margin-bottom: 2px;
    font-size: 13px !important
}

.social-media-mb .free-trial-btn:hover {
    color: #fff !important
}

.social-media-mb hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.social-media-mb .text-333 {
    color: #333
}

.callSticky {
    float: right;
    padding: 5px;
    bottom: 5px;
    position: fixed;
    bottom: 133px;
    right: 40px;
    z-index: 999
}

.whatsupSticky {
    float: right;
    padding: 5px;
    bottom: 5px;
    position: fixed;
    bottom: 88px;
    right: 30px;
    z-index: 999
}

.asRange {
    position: relative;
    width: 98%;
    height: 8px;
    background-color: #eaebea;
    border-radius: 8px;
    margin-bottom: 12px
}

.scalevalue5 {
    position: absolute;
    background: #78c043;
    width: 5px;
    height: 12px;
    z-index: 8;
    left: 17.5%;
    top: -2px;
    border-radius: 5px;
    padding-top: 12px;
    font-size: 11px
}

.scalevalue10 {
    position: absolute;
    background: #78c043;
    width: 5px;
    height: 12px;
    z-index: 8;
    left: 34.5%;
    top: -2px;
    border-radius: 5px;
    padding-top: 12px;
    font-size: 11px
}

.scalevalueret5 {
    position: absolute;
    background: #78c043;
    width: 5px;
    height: 12px;
    z-index: 9;
    left: 13.5%;
    top: -2px;
    border-radius: 5px;
    padding-top: 12px;
    font-size: 11px
}

.scalevalueret10 {
    position: absolute;
    background: #78c043;
    width: 5px;
    height: 12px;
    z-index: 9;
    left: 25.5%;
    top: -2px;
    border-radius: 5px;
    padding-top: 12px;
    font-size: 11px
}

.asRange .asRange-pointer {
    position: absolute;
    left: 30%;
    z-index: 2;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-top: -1px;
    background-color: #fff;
    border-radius: 10px
}

.asRange .asRange-pointer:before {
    position: absolute;
    top: -4px;
    right: 0px;
    bottom: -4px;
    left: -9px;
    content: "";
    background: #390;
    border-radius: inherit
}

.asRange .asRange-pointer:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #390;
    border-radius: inherit;
    cursor: pointer
}

.asRange .asRange-pointer.start {
    left: 0;
    margin-left: 4px
}

.asRange .asRange-pointer.stop {
    left: 100%;
    margin-left: -12px
}

.asRange .asRange-pointer .asRange-tip {
    position: absolute;
    top: -25px;
    left: 10px;
    padding: 5px;
    margin-left: -15px;
    font-size: 12px;
    line-height: 8px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;
    border: 1px solid #ccc;
    background: #fff
}

.asRange .asRange-pointer .asRange-tip:before {
    position: absolute;
    bottom: -3px;
    left: 50%;
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: -3px;
    content: "";
    background-color: #5d5c58;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.asRange .asRange-selected {
    position: absolute;
    left: 30%;
    z-index: 1;
    width: 40%;
    height: 8px;
    background-color: #78c043;
    border-radius: 9px
}

.asRange .asRange-scale {
    display: none
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 100%;
    font-weight: 400
}

.styled-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}

.styled-checkbox:hover+label:before {
    background: #78c043
}

.styled-checkbox:focus+label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}

.styled-checkbox:checked+label:before {
    background: #78c043
}

.styled-checkbox:disabled+label {
    color: #999;
    cursor: auto
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 12px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg)
}

header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 3
}

@media screen and (max-width: 47.94em) {
    header {
        box-shadow: 0 0 4px 1px #e3e3e3;
        -moz-box-shadow: 0 0 4px 1px #e3e3e3;
        -webkit-box-shadow: 0 0 4px 1px #e3e3e3
    }
}

header.withoutNav .row1 {
    background: #78c043;
    color: #fff
}

header.withoutNav .row1 .logo a {
    color: #fff
}

.overlay-black {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    z-index: 1
}

.row1 {
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5px;
    background: #fff
}

@media screen and (max-width: 47.94em) {
    .row1 .searchIcon.fa-search {
        color: #78c043
    }
}

@media screen and (max-width: 61.94em) {
    .row1 .searchIcon.fa-search {
        color: #78c043
    }
}

.row1 .brandName {
    color: #78c043
}

.row1 .logo {
    align-items: center
}

.row1 .logo .fa-bars {
    color: #000
}

@media screen and (max-width: 47.94em) {
    .row1 .logo {
        display: flex
    }
}

.row1 .logo h1 {
    font-size: 2.3rem;
    margin: 0
}

@media screen and (max-width: 112.5em) {
    .row1 .logo h1 {
        margin-top: -5px
    }
}

@media screen and (max-width: 75em) {
    .row1 .logo h1 {
        margin-top: -5px
    }
}

@media screen and (max-width: 61.94em) {
    .row1 .logo h1 {
        margin-top: -5px
    }
}

.row1 .logo h1 a {
    color: red
}

.row1 .logo h1 a:hover,
.row1 .logo h1 a:active {
    text-decoration: none
}

.row1 .logo h2 {
    margin: 7px 0 0 0;
    text-align: left
}

@media screen and (max-width: 75em) {
    .row1 .logo h2 {
        margin: .5rem 0 0 0
    }
}

@media screen and (max-width: 61.94em) {
    .row1 .logo h2 {
        margin: .5rem 0 0 0
    }
}

@media screen and (max-width: 47.94em) {
    .row1 .logo h2 {
        margin: 1rem 0 0 -3px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 112.5em) {
    .row1 .rightUser {
        margin-top: 3px;
        color: #000;
        display: table-cell;
        margin-left: 20px
    }
}

@media screen and (max-width: 47.94em) {
    .row1 .rightUser {
        margin-left: 0px
    }
}

.row1 .logoImg {
    margin: 0
}

.row1 .mbGreenMw4meLogo {
    width: 100%;
    justify-content: space-between
}

.flipkart-navbar-input {
    padding: .5rem;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 1.2rem;
    background: #f0f0f0;
    border: 1px solid #e2e2e2;
    display: flex;
    flex-grow: 1;
    display: flex;
    flex-grow: 1
}

.flipkart-navbar-button {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 0 2px 2px 0;
    color: #fff;
    padding: 5px 10px;
    height: 35px;
    cursor: pointer;
    max-width: 40px
}

@media screen and (max-width: 61.94em) {
    .flipkart-navbar-button {
        background-color: #78c043;
        border: 1px solid #78c043
    }
}

@media screen and (max-width: 47.94em) {
    .flipkart-navbar-button {
        background-color: #78c043;
        border: 1px solid #78c043
    }
}

.smallsearch {
    margin-top: 5px;
    width: 59%
}

@media screen and (max-width: 75em) {
    .smallsearch {
        margin-top: 0px;
        width: 54%
    }
}

@media screen and (max-width: 47.94em) {
    .smallsearch {
        margin-top: 0px;
        width: 89%
    }
}

@media only screen and (min-width: 1000px)and (max-width: 1280px) {
    .smallsearch {
        width: 54%
    }
}

.btn-link {
    color: #337ab7
}

.flipkart h2 {
    margin: 1rem 0 0 0
}

@media screen and (max-width: 47.94em) {
    .flipkart h2 {
        margin-top: 5px;
        margin-left: -4px
    }
}

@media screen and (max-width: 47.94em) {
    .flipkart-navbar-search .mobSearch {
        display: none
    }
}

@media screen and (max-width: 47.94em) {
    .mbMw4meLogo {
        font-size: 21px
    }
}

.logo-78c043 {
    color: #78c043
}

.logo-139b4a {
    color: #139b4a
}

.logo-color-black {
    color: #000
}

.main-nav {
    background-color: #78c043;
    padding: 1px
}

.main-nav .row2 {
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 6px
}

.main-nav .row2 ul {
    margin-bottom: 0
}

.upper-links {
    display: inline-block;
    letter-spacing: 0;
    color: inherit;
    border-left: 1px solid #fff;
    outline: none;
    font-size: 1.2rem;
    padding: 2px 12px
}

.upper-links:first-child {
    border-left: none
}

@media screen and (max-width: 75em) {
    .upper-links {
        font-size: 1.1rem;
        padding: 0 .3rem 0 .3rem
    }
}

@media screen and (max-width: 61.94em) {
    .upper-links {
        font-size: 1.1rem;
        padding: 0 .4rem 0 .4rem
    }
}

.dropdown.headerDropdown {
    position: relative;
    margin-bottom: 0px
}

.dropdown.headerDropdown:hover {
    background-color: #fff
}

.dropdown.headerDropdown:hover .links {
    color: #000
}

.dropdown.headerDropdown:hover .dropdown-menu {
    display: block
}

.dropdown.headerDropdown .profile-li-width {
    width: 225%;
    background: red
}

.dropdown.headerDropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    background-color: #fff;
    color: #333;
    left: 0px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 4px 8px -3px #333;
    margin: 0;
    padding: 0px;
    width: 200px
}

.dropdown.headerDropdown a:hover {
    text-decoration: none
}

.links {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem
}

@media screen and (max-width: 75em) {
    .links {
        font-size: 1.1rem
    }
}

.links:hover {
    color: #fff;
    text-decoration: none
}

.profile-links {
    font-size: 1.2rem;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    display: block;
    padding: 0 1rem;
    line-height: 2rem
}

.profile-li {
    padding-top: 2px
}

.menu {
    cursor: pointer
}

.rightNav {
    color: #e2e2e2
}

@media screen and (max-width: 112.5em) {
    .rightNav {
        text-align: right;
        margin-top: 10px
    }
}

@media screen and (max-width: 61.94em) {
    .rightNav {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media screen and (max-width: 75em) {
    .rightNav {
        padding-left: 0px;
        padding-right: 0px
    }
}

.rightNav .btn-link {
    padding-left: 0px;
    padding-right: 0px;
    border: none
}

@media screen and (max-width: 61.94em) {
    .rightNav .btn-link {
        font-size: .9rem
    }
}

@media screen and (max-width: 61.94em) {
    .rightNav a {
        padding: .175rem
    }
}

@media screen and (max-width: 47.94em) {
    .rightNav {
        padding-left: 0;
        margin-top: 0
    }
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    box-shadow: 0 4px 8px -3px #333;
    padding-top: 0px
}

.sidenav .container {
    background: #3f9401;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    color: #fff;
    display: block;
    transition: .3s;
    font-size: 1.4rem
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 2.4rem;
    margin-left: 50px;
    color: #fff
}

.sidenav .sidenav-heading {
    font-size: 1.4rem;
    color: #fff
}

.sidenav .upper-links {
    width: 100%;
    border-bottom: 1px solid #ccc
}

.sidenav .upper-links .links {
    color: #333;
    font-size: 1.4rem
}

@media screen and (max-width: 112.5em) {
    .sidenav.open {
        width: 30%
    }
}

@media screen and (max-width: 75em) {
    .sidenav.open {
        width: 30%
    }
}

@media screen and (max-width: 61.94em) {
    .sidenav.open {
        width: 40%
    }
}

@media screen and (max-width: 47.94em) {
    .sidenav.open {
        width: 70%
    }
}

.sidenav .dropdown:hover .dropdown-menu {
    display: none
}

.sidenav .dropdown.open .dropdown-menu {
    display: block
}

.sidenav .dropdown.open .links::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    content: "";
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px
}

.sidenav .dropdown .links::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    content: "";
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px
}

.sidenav .dropdown .dropdown-menu {
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    box-shadow: none;
    top: 3px;
    left: auto;
    margin: 0;
    padding: 0 0 10px 0;
    z-index: auto
}

.sidenav .dropdown .dropdown-menu li a {
    padding-left: 35px;
    color: #333
}

.sidenav2 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    box-shadow: 0 4px 8px -3px #333;
    padding-top: 0px
}

.sidenav2 .container {
    background: #3f9401;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.sidenav2 a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1.4rem;
    color: #000;
    display: block;
    transition: .3s
}

.sidenav2 a.subscribeBtn {
    max-width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #d52121;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    clear: left
}

.sidenav2 a.create-your-profile-btn-mob {
    max-width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #337ab7;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    clear: left;
    font-size: 13px
}

.sidenav2 a.upgradeBtn {
    max-width: 80%;
    margin-left: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #1194e7;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    clear: left
}

.sidenav2 .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 2.4rem;
    margin-left: 50px;
    color: #fff
}

.sidenav2 .sidenav-heading {
    font-size: 1.4rem;
    color: #fff
}

.sidenav2:hover .dropdown-menu {
    display: none
}

.sidenav2 .dropdown.open .dropdown-menu {
    display: block
}

.sidenav2 .dropdown.open .links::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    content: "";
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px
}

.sidenav2 .links::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    content: "";
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px
}

.sidenav2 .dropdown-menu {
    position: relative;
    display: none;
    width: 100%;
    font-size: 1.4rem;
    box-shadow: none;
    top: 3px;
    left: auto;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    z-index: auto
}

.sidenav2 .dropdown-menu li a {
    padding-left: 35px
}

.sidenav2 .upper-links {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.sidenav2 .upper-links .links {
    color: #333;
    font-size: 1.4rem
}

@media screen and (max-width: 112.5em) {
    .sidenav2.open {
        width: 20%
    }
}

@media screen and (max-width: 75em) {
    .sidenav2.open {
        width: 30%
    }
}

@media screen and (max-width: 61.94em) {
    .sidenav2.open {
        width: 30%
    }
}

@media screen and (max-width: 47.94em) {
    .sidenav2.open {
        width: 60%
    }
}

.my-plan {
    background: #e9f4e1;
    padding: 5px 0;
    font-size: 14px;
    text-align: left
}

.my-plan a:visited {
    background: #ededed
}

.my-plan a:hover {
    background: #ededed
}

.my-plan a:active {
    background: #ededed
}

.upgadeBtnContent.upgradeBtn {
    background: #1194e7;
    color: #fff
}

.rightUser {
    margin-left: 8px;
    color: #333
}

.headerBtns {
    display: flex;
    align-self: flex-start
}

@media screen and (max-width: 47.94em) {
    .headerBtns {
        margin-left: -15px
    }
}

@media screen and (max-width: 61.94em) {
    .headerBtns {
        margin-top: 8px
    }
}

.brandName {
    display: inline-block !important
}

@media screen and (max-width: 47.94em) {
    .brandName {
        display: none !important
    }
}

#nav {
    display: flex
}

#nav a {
    text-align: center;
    display: block
}

#nav a {
    display: flex;
    align-items: center
}

@media screen and (max-width: 47.94em) {
    .nav-mob {
        font-size: 15px
    }
}

.superstarInveting .title {
    width: 22%;
    font-size: 12px;
    margin-right: 0px
}

.superstarInveting ul {
    font-size: 12px
}

.dash-base {
    background: #fff;
    padding: 0 7rem
}

.dash-base .margin-top-10 {
    margin-top: -10px
}

.dash-base .font-13 {
    font-size: 13px
}

.dash-base .colorBox {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media screen and (max-width: 47.94em) {
    .dash-base .colorBox {
        margin-bottom: 10px
    }
}

.dash-base .red {
    background: #e23042
}

.dash-base .blue {
    background: #158daa
}

.dash-base .purple {
    background: #141349
}

.dash-base .yellow {
    background: #f7941e
}

.dash-base .plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.dash-base .card {
    margin-bottom: 20px
}

.dash-base .shadow {
    box-shadow: 0 0 5px #ccc
}

.dash-base h1 {
    font-size: 1.5em;
    padding: 5px 0
}

@media screen and (max-width: 47.94em) {
    .dash-base h1 {
        font-size: 1.2em;
        margin-bottom: 0
    }
}

.dash-base .rating {
    color: #333;
    font-size: .9em;
    padding: 5px 6px;
    font-size: 16px
}

.dash-base .rating .fa-star,
.dash-base .rating .testimonials .fa-star-half,
.testimonials .dash-base .rating .fa-star-half {
    color: #ccc
}

.dash-base .rating .fa-star.checked,
.dash-base .rating .testimonials .checked.fa-star-half,
.testimonials .dash-base .rating .checked.fa-star-half {
    color: #f0801a
}

@media screen and (max-width: 47.94em) {
    .dash-base .rating a.btn {
        color: #fff;
        border: none;
        padding: 5px 15px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box
    }
}

.dash-base .checklist {
    display: flex
}

.dash-base .checklist .title-superstar {
    width: 23%;
    margin-right: 1px;
    display: inline-block;
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 12px
}

.dash-base .checklist div.title {
    min-width: 38%;
    margin-right: 10px;
    display: inline-block;
    padding: 3px 0px;
    margin-bottom: 5px;
    font-size: 12px
}

@media screen and (max-width: 47.94em) {
    .dash-base .checklist div.title {
        width: 99%
    }
}

.dash-base .checklist div.alert {
    font-size: 13px;
    padding: 3px 6px;
    text-align: center
}

.dash-base .checklist div.alert-success {
    margin-top: 10px;
    width: 100%
}

.dash-base .checklist ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    font-size: 11px;
    text-align: left;
    width: 100%
}

.dash-base .checklist ul li {
    display: inline-block;
    min-width: 19%;
    vertical-align: top
}

.dash-base .checklist ul li .container {
    position: relative;
    padding-left: 20px;
    padding-right: 0;
    text-align: left
}

.dash-base .checklist ul li .container input,
.dash-base .checklist ul li .container .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .dash-base .checklist ul li .container textarea.input-textarea,
.dash-base .checklist ul li .container .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .dash-base .checklist ul li .container textarea.input-textarea {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.dash-base .checklist ul li .container .checkmark,
.dash-base .checklist ul li .container .checkunchk,
.dash-base .checklist ul li .container .dashboard .checkuncheck,
.dashboard .dash-base .checklist ul li .container .checkuncheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    font-size: 16px;
    text-align: center;
    background-color: #f5f5f5;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid
}

.dash-base .checklist ul li .container .checkmark:after,
.dash-base .checklist ul li .container .checkunchk:after,
.dash-base .checklist ul li .container .dashboard .checkuncheck:after,
.dashboard .dash-base .checklist ul li .container .checkuncheck:after {
    content: "";
    position: absolute;
    display: none
}

.dash-base .checklist ul li .container .checkunchk,
.dash-base .checklist ul li .container .dashboard .checkuncheck,
.dashboard .dash-base .checklist ul li .container .checkuncheck {
    border: none;
    line-height: 1.2
}

.dash-base .checklist ul li .container .checkunchk .fa-check,
.dash-base .checklist ul li .container .dashboard .checkuncheck .fa-check,
.dashboard .dash-base .checklist ul li .container .checkuncheck .fa-check {
    color: #29a45a
}

.dash-base .checklist ul li .container .checkunchk .fa-times,
.dash-base .checklist ul li .container .dashboard .checkuncheck .fa-times,
.dashboard .dash-base .checklist ul li .container .checkuncheck .fa-times {
    color: #d52121
}

.dash-base .checklist ul li .container:hover input~.checkmark,
.dash-base .checklist ul li .container:hover .my-acc .formcon textarea.input-textarea~.checkmark,
.my-acc .formcon .dash-base .checklist ul li .container:hover textarea.input-textarea~.checkmark,
.dash-base .checklist ul li .container:hover .my-acc .form-group textarea.input-textarea~.checkmark,
.my-acc .form-group .dash-base .checklist ul li .container:hover textarea.input-textarea~.checkmark {
    background-color: #78c043
}

.dash-base .checklist ul li .container input:checked~.checkmark,
.dash-base .checklist ul li .container .my-acc .formcon textarea.input-textarea:checked~.checkmark,
.my-acc .formcon .dash-base .checklist ul li .container textarea.input-textarea:checked~.checkmark,
.dash-base .checklist ul li .container .my-acc .form-group textarea.input-textarea:checked~.checkmark,
.my-acc .form-group .dash-base .checklist ul li .container textarea.input-textarea:checked~.checkmark {
    background-color: #78c043
}

.dash-base .checklist ul li .container input:checked~.checkmark:after,
.dash-base .checklist ul li .container .my-acc .formcon textarea.input-textarea:checked~.checkmark:after,
.my-acc .formcon .dash-base .checklist ul li .container textarea.input-textarea:checked~.checkmark:after,
.dash-base .checklist ul li .container .my-acc .form-group textarea.input-textarea:checked~.checkmark:after,
.my-acc .form-group .dash-base .checklist ul li .container textarea.input-textarea:checked~.checkmark:after {
    display: block
}

.dash-base .checklist ul li .container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 47.94em) {
    .dash-base .checklist ul li {
        min-width: 42%
    }
}

.dash-base .checklist button.before-investing-save-button {
    background: #000;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-clip: padding-box;
    border: 0;
    padding: 3px 3%;
    margin-bottom: 10px;
    cursor: pointer;
    display: inherit
}

@media screen and (max-width: 47.94em) {
    .dash-base .checklist button.before-investing-save-button {
        float: none
    }
}

@media screen and (max-width: 47.94em) {
    .dash-base .checklist {
        display: block
    }
}

.dash-base .checklistContent {
    display: flex
}

.dash-base .checklistContent ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    font-size: 11px;
    text-align: left;
    width: 100%
}

.dash-base .checklistContent ul li {
    display: inline-block;
    min-width: 19%;
    vertical-align: top
}

.dash-base .checklistContent ul li .container {
    position: relative;
    padding-left: 20px;
    padding-right: 0;
    text-align: left
}

.dash-base .checklistContent ul li .container input,
.dash-base .checklistContent ul li .container .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .dash-base .checklistContent ul li .container textarea.input-textarea,
.dash-base .checklistContent ul li .container .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .dash-base .checklistContent ul li .container textarea.input-textarea {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.dash-base .checklistContent ul li .container .checkmark,
.dash-base .checklistContent ul li .container .checkunchk,
.dash-base .checklistContent ul li .container .dashboard .checkuncheck,
.dashboard .dash-base .checklistContent ul li .container .checkuncheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    font-size: 16px;
    text-align: center;
    background-color: #f5f5f5;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid
}

.dash-base .checklistContent ul li .container .checkmark:after,
.dash-base .checklistContent ul li .container .checkunchk:after,
.dash-base .checklistContent ul li .container .dashboard .checkuncheck:after,
.dashboard .dash-base .checklistContent ul li .container .checkuncheck:after {
    content: "";
    position: absolute;
    display: none
}

.dash-base .checklistContent ul li .container .checkunchk,
.dash-base .checklistContent ul li .container .dashboard .checkuncheck,
.dashboard .dash-base .checklistContent ul li .container .checkuncheck {
    border: none;
    line-height: 1.2
}

.dash-base .checklistContent ul li .container .checkunchk .fa-check,
.dash-base .checklistContent ul li .container .dashboard .checkuncheck .fa-check,
.dashboard .dash-base .checklistContent ul li .container .checkuncheck .fa-check {
    color: #29a45a
}

.dash-base .checklistContent ul li .container .checkunchk .fa-times,
.dash-base .checklistContent ul li .container .dashboard .checkuncheck .fa-times,
.dashboard .dash-base .checklistContent ul li .container .checkuncheck .fa-times {
    color: #d52121
}

.dash-base .checklistContent ul li .container:hover input~.checkmark,
.dash-base .checklistContent ul li .container:hover .my-acc .formcon textarea.input-textarea~.checkmark,
.my-acc .formcon .dash-base .checklistContent ul li .container:hover textarea.input-textarea~.checkmark,
.dash-base .checklistContent ul li .container:hover .my-acc .form-group textarea.input-textarea~.checkmark,
.my-acc .form-group .dash-base .checklistContent ul li .container:hover textarea.input-textarea~.checkmark {
    background-color: #78c043
}

.dash-base .checklistContent ul li .container input:checked~.checkmark,
.dash-base .checklistContent ul li .container .my-acc .formcon textarea.input-textarea:checked~.checkmark,
.my-acc .formcon .dash-base .checklistContent ul li .container textarea.input-textarea:checked~.checkmark,
.dash-base .checklistContent ul li .container .my-acc .form-group textarea.input-textarea:checked~.checkmark,
.my-acc .form-group .dash-base .checklistContent ul li .container textarea.input-textarea:checked~.checkmark {
    background-color: #78c043
}

.dash-base .checklistContent ul li li a {
    color: red
}

.dash-base .checklistContent ul li .container input:checked~.checkmark:after,
.dash-base .checklistContent ul li .container .my-acc .formcon textarea.input-textarea:checked~.checkmark:after,
.my-acc .formcon .dash-base .checklistContent ul li .container textarea.input-textarea:checked~.checkmark:after,
.dash-base .checklistContent ul li .container .my-acc .form-group textarea.input-textarea:checked~.checkmark:after,
.my-acc .form-group .dash-base .checklistContent ul li .container textarea.input-textarea:checked~.checkmark:after {
    display: block
}

.dash-base .checklistContent ul li .container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 47.94em) {
    .dash-base .checklistContent ul li {
        min-width: 42%
    }
}

.dash-base .checklistContent .title-superstar {
    font-size: 13px;
    width: 28%;
    padding-top: 4px
}

.dash-base #portfolio-summary-div #portfolio-aallocation-chart {
    max-height: 180px
}

@media screen and (max-width: 47.94em) {
    .dash-base #portfolio-summary-div #portfolio-aallocation-chart {
        min-height: 180px;
        margin-bottom: 10px
    }
}

.dash-base #portfolio-summary-div table.pmdetail {
    margin: 0px;
    font-size: 12px
}

.dash-base #portfolio-summary-div table.pmdetail td {
    padding: 3px 5px;
    text-align: right;
    vertical-align: middle;
    line-height: 1.1
}

.dash-base #portfolio-summary-div table.pmdetail td:first-child {
    text-align: left;
    background: #eaebea
}

.dash-base .titleportfolio {
    background: #78c043
}

.dash-base .titlefpt {
    background: #f0801a
}

.dash-base .titlestock {
    background: #5f529f
}

.dash-base .titlemf {
    background: #038ab0
}

.dash-base .titleportfolio,
.dash-base .titlefpt,
.dash-base .titlestock,
.dash-base .titlemf {
    color: #fff;
    font-size: 13px;
    padding: 5px
}

.dash-base .titleportfolio .right-star,
.dash-base .titlefpt .right-star,
.dash-base .titlestock .right-star,
.dash-base .titlemf .right-star {
    color: #ccc;
    margin-top: 2px;
    opacity: .5
}

@media screen and (max-width: 47.94em) {
    .dash-base .titleportfolio .right-star,
    .dash-base .titlefpt .right-star,
    .dash-base .titlestock .right-star,
    .dash-base .titlemf .right-star {
        display: none
    }
}

.dash-base .titleportfolio .right-star-updated,
.dash-base .titlefpt .right-star-updated,
.dash-base .titlestock .right-star-updated,
.dash-base .titlemf .right-star-updated {
    color: #fff;
    margin-top: 2px;
    opacity: 1
}

@media screen and (max-width: 47.94em) {
    .dash-base .titleportfolio .right-star-updated,
    .dash-base .titlefpt .right-star-updated,
    .dash-base .titlestock .right-star-updated,
    .dash-base .titlemf .right-star-updated {
        display: none
    }
}

@media screen and (max-width: 47.94em) {
    .dash-base .titleportfolio,
    .dash-base .titlefpt,
    .dash-base .titlestock,
    .dash-base .titlemf {
        padding: 3px;
        font-weight: 600;
        font-size: 14px
    }
}

.dash-base .datawraper {
    background: #f5f5f5;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    padding: 0 7px;
    border-bottom-color: #e2e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.dash-base .datawraper div {
    padding: 4px 0
}

.dash-base .datawraper div a i {
    font-size: 11px;
    color: #333
}

.dash-base .datawraper .porttext {
    font-weight: bold
}

@media screen and (max-width: 47.94em) {
    .dash-base .datawraper .porttext {
        font-weight: 400
    }
}

@media screen and (max-width: 47.94em) {
    .dash-base .datawraper {
        background: rgba(0, 0, 0, 0);
        border: none
    }
}

.dash-base .datawraperguest {
    font-size: 14px;
    padding: 5px 18px
}

.dash-base .datawraperguest strong {
    font-weight: 600
}

.dash-base .datawraperguest a {
    color: #139b4a;
    text-decoration: underline
}

.dash-base .fptguesttitle {
    margin-left: 3%;
    font-size: 14px
}

@media screen and (max-width: 47.94em) {
    .dash-base .fptguesttitle {
        margin-left: 3%
    }
}

.dash-base ul.fptlistdash {
    margin-left: 3%
}

.dash-base ul.fptlistdash li {
    line-height: 1.5
}

@media screen and (max-width: 47.94em) {
    .dash-base ul.fptlistdash {
        margin-left: 3%
    }
}

.dash-base .fpticon {
    text-align: center;
    padding: 2px 4px;
    font-size: 12px
}

.dash-base .fpticon:first-child {
    background: #f7941d;
    color: #fff;
    margin-bottom: 3px;
    width: 90%;
    min-height: 10px;
    margin-top: 22px
}

.dash-base .fpticon:nth-child(2) {
    background: #1cbcb4;
    color: #fff;
    margin-bottom: 3px;
    width: 90%;
    min-height: 10px
}

.dash-base .fpticon:nth-child(3) {
    background: #78c043;
    color: #fff;
    margin-bottom: 3px;
    width: 90%;
    min-height: 10px
}

.dash-base .fpticon:last-child {
    background: #038ab0;
    color: #fff;
    width: 90%;
    min-height: 10px
}

.dash-base .fpticon-img {
    padding-left: 0;
    margin: 10px 1px 1px -28px
}

@media screen and (max-width: 47.94em) {
    .dash-base .fpticon-img {
        margin: 0
    }
}

.dash-base .sprite {
    background: url(../images/registration/financial-planning/sprite-img-v1.png) no-repeat 0 0
}

.dash-base .retirementicon {
    background-position: -341px -3px;
    width: 35px;
    height: 35px
}

.dash-base .datawrapercenter {
    background: #f5f5f5;
    font-size: 12px;
    padding: 0 7px;
    border-color: #e2e2e2;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-right: none
}

.dash-base .datawrapercenter div {
    padding: 4px 0
}

.dash-base .dividevalue1 {
    height: 20px;
    background: #fc6f23;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px
}

.dash-base .dividevalue2 {
    height: 20px;
    background: #00a89b;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px
}

.dash-base .nav.nav-tabs {
    background: #f5f5f5
}

.dash-base .nav.nav-tabs li a.nav-link {
    font-size: 1rem;
    padding: .5rem 1rem;
    color: #333
}

.dash-base .nav.nav-tabs li a.nav-link.active,
.dash-base .nav.nav-tabs li .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .dash-base .nav.nav-tabs li a.nav-link {
    background: #ebebeb;
    font-weight: 600
}

.dash-base .nav.nav-tabs li a.nav-link::after {
    background: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 47.94em) {
    .dash-base .nav.nav-tabs li a.nav-link {
        padding: .5rem 5px
    }
}

.dash-base .nav.nav-tabs li a.nav-link.news-link {
    padding: .6rem 1rem
}

.dash-base .nav.nav-tabs .nav-item {
    margin-bottom: 0px
}

.dash-base .tab-content {
    padding: 0
}

.dash-base .tab-content .tab-pane .freeTrialTable .colorBox {
    width: 10px;
    height: 10px;
    float: left;
    margin: 1px 6px 10px 2px
}

.dash-base .tab-content .tab-pane .freeTrialTable td {
    font-style: normal;
    padding: 6px 2px
}

.dash-base .tab-content .tab-pane .freeTrialTable td:last-child {
    text-align: center
}

.dash-base .tab-content .tab-pane .freeTrialTable th {
    padding: 8px 2px;
    width: 18%
}

.dash-base .tab-content .tab-pane .freeTrialTable th:last-child {
    width: 8%;
    text-align: center
}

.dash-base .tab-content .tab-pane .freeTrialTable th:first-child {
    width: 22%
}

.dash-base .tab-content .tab-pane .superstarTable td,
.dash-base .tab-content .tab-pane .superstarTable th {
    padding: 8px 2px
}

.dash-base .tab-content .tab-pane table {
    font-size: 12px
}

.dash-base .tab-content .tab-pane table tr th,
.dash-base .tab-content .tab-pane table tr td {
    border-top: none;
    padding: 2px 0;
    vertical-align: text-top;
    line-height: 1.1
}

.dash-base ul.goallist {
    list-style-type: none;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 10px
}

.dash-base ul.goallist li {
    width: 48%;
    display: inline-block;
    margin-top: 3px
}

.dash-base ul.goallist li i {
    color: #900
}

.dash-base table.tabledash {
    font-size: 12px;
    width: 100%;
    border-bottom-color: #e2e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 5px
}

.dash-base table.tabledash thead tr th {
    border-bottom-color: #e2e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    min-width: 15%;
    padding: 2px 0
}

.dash-base table.tabledash tbody tr td .verygood {
    width: 10px;
    height: 10px;
    background: #093;
    display: inline-block;
    margin-top: 3px;
    vertical-align: sub
}

.dash-base table.tabledash tbody tr td .notverygood {
    width: 10px;
    height: 10px;
    background: #d52121;
    display: inline-block;
    margin-top: 3px;
    vertical-align: sub
}

.dash-base table.tabledash tbody tr td .smwatgood {
    width: 10px;
    height: 10px;
    background: #ff9b21;
    display: inline-block;
    margin-top: 3px;
    vertical-align: sub
}

.dash-base table.tabledash tbody tr td .nagood {
    width: 10px;
    height: 10px;
    background: #999;
    display: inline-block;
    margin-top: 3px;
    vertical-align: sub
}

.dash-base .right-bg1 {
    background: #ccc;
    padding: 0 5px
}

.dash-base .right-bg1 ul.rightquiz {
    list-style-type: none;
    padding: 10px
}

.dash-base .right-bg1 ul.rightquiz li {
    width: 100%;
    display: flex;
    margin-top: 5px
}

.dash-base .right-bg1 ul.rightquiz li div:first-child {
    width: 12%;
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    font-size: 2.7rem
}

.dash-base .right-bg1 ul.rightquiz li div:first-child.one {
    background: #55acee
}

.dash-base .right-bg1 ul.rightquiz li div:first-child.two {
    background: #f1705c
}

.dash-base .right-bg1 ul.rightquiz li div:first-child.three {
    background: #ff9b21
}

.dash-base .right-bg1 ul.rightquiz li div:first-child.four {
    background: #9cbc72
}

.dash-base .right-bg1 ul.rightquiz li div:last-child {
    width: 100%;
    background: #f5f5f5;
    padding: 5px 10px;
    font-size: 13px
}

.dash-base .right-bg1 ul.rightquiz li div:last-child a {
    text-decoration: underline
}

.dash-base .right-bg1 ul.rightquiz div.collapse,
.dash-base .right-bg1 ul.rightquiz div.collapsing {
    background: #f5f5f5;
    padding: 5px 10px 10px;
    font-size: 13px
}

.dash-base .right-bg1 ul.rightquiz div.collapse li,
.dash-base .right-bg1 ul.rightquiz div.collapsing li {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    list-style-type: decimal;
    display: list-item;
    margin-left: 7%;
    width: 93%
}

.dash-base .right-bg1 ul.rightquiz .show ol {
    border-bottom: none
}

.dash-base .right-bg2 {
    background: #ddd;
    line-height: 1.1
}

.dash-base .right-bg2 ul.rightquiz {
    list-style-type: none
}

.dash-base .right-bg2 ul.rightquiz li {
    margin-bottom: 5px;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.dash-base .right-bg2 ul.rightquiz li a {
    width: 100%;
    display: flex
}

.dash-base .right-bg2 ul.rightquiz li a div {
    padding: 3px 0;
    color: #333;
    font-size: 12px;
    min-width: 70px
}

.dash-base .right-bg2 ul.rightquiz li a div img {
    width: 100%;
    padding-right: 10px
}

@media screen and (max-width: 47.94em) {
    .dash-base {
        padding: 0 20px;
        margin-top: 4rem
    }
    .dash-base .formobile-bgwhite {
        background: #fff;
        padding: 3px
    }
    .dash-base .formobile-bgwhite .col-12 {
        margin-bottom: 3px;
        border-bottom-color: #ccc;
        border-bottom-width: 2px;
        border-bottom-style: solid
    }
    .dash-base .formobile-bgwhite .col-12:last-child {
        border-bottom: none
    }
}

.dash-base .investorStar .fa-star,
.dash-base .investorStar .testimonials .fa-star-half,
.testimonials .dash-base .investorStar .fa-star-half {
    margin-right: 3px
}

@media screen and (max-width: 47.94em) {
    .dash-base .investorStar .fa-star,
    .dash-base .investorStar .testimonials .fa-star-half,
    .testimonials .dash-base .investorStar .fa-star-half {
        margin-right: 0px
    }
}

.dash-base .investorStar .fa-star:first-child,
.dash-base .investorStar .testimonials .fa-star-half:first-child,
.testimonials .dash-base .investorStar .fa-star-half:first-child {
    margin-right: -1px
}

.dash-base .investorStar .black-tooltip .fa-question-circle:hover {
    color: #333
}

.dash-base .contentFPT {
    margin-left: -15px
}

@media screen and (max-width: 47.94em) {
    .dash-base .contentFPT {
        padding-right: 0px
    }
}

.dash-base .contentFPT .text-green {
    color: #15994d
}

.dash-base .investing-stocks .title {
    font-size: 1.66rem;
    font-weight: normal;
    line-height: 1.1;
    color: #344035
}

.dash-base .investing-stocks .green-text {
    color: #33a963;
    font-size: 1.5rem;
    margin-top: -4px
}

@media screen and (max-width: 47.94em) {
    .dash-base .investing-stocks .green-text {
        font-size: 1.3rem
    }
}

.dash-base .investing-stocks .stocks-img {
    background: url(/images/dashboard/time-watch.png) no-repeat 0 0 #fff;
    background-size: cover;
    min-height: 212px;
    padding-top: 10px;
    margin-bottom: -18px;
    padding-bottom: 0
}

@media screen and (max-width: 47.94em) {
    .dash-base .investing-stocks .stocks-img {
        background-size: auto;
        min-height: 222px
    }
}

.dash-base .investing-stocks .stocks-img-padding {
    padding: 0
}

@media screen and (max-width: 47.94em) {
    .dash-base .investing-stocks .stocks-img-padding {
        padding: 5px
    }
    .dash-base .investing-stocks .stocks-img-padding img {
        width: 100%
    }
}

.dash-base .investing-stocks .border-radius {
    border-radius: 10px;
    padding: 3px 18px
}

.dash-base .investing-stocks .sher-bill-title {
    font-size: 1.83rem;
    padding-top: 0px;
    line-height: 1.1
}

@media screen and (max-width: 47.94em) {
    .dash-base .investing-stocks .sher-bill-title {
        padding-top: 10px
    }
}

.dash-base .investing-stocks .sher-billi-chknw {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media screen and (max-width: 47.94em) {
    .dash-base .investing-stocks .sher-billi-chknw {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.dash-base .investing-stocks .check-now-btn {
    font-size: 16px;
    padding: 0px 12px
}

.dash-base .border-radius {
    border-radius: 10px;
    padding: 3px 18px
}

.dash-base .mf-analysis .title {
    font-weight: 700;
    font-size: 1.4rem
}

.dash-base .mf-analysis .alert-danger {
    margin-top: -52px;
    margin-bottom: -42px;
    border-radius: 8px
}

.dash-base .mf-analysis .sub-heading {
    font-size: 1.33rem
}

.dash-base .mf-analysis .content {
    font-size: 1.14rem;
    line-height: 1.4;
    margin-top: 15px
}

.dash-base .news-section ul {
    list-style-type: none
}

.dash-base .news-section ul li {
    cursor: pointer;
    display: block;
    color: #000;
    margin-top: 3px;
    text-decoration: none;
    background-color: #f5f5f5;
    border-left: 2px solid #f5f5f5;
    width: 100%
}

.dash-base .news-section ul li:hover {
    background-color: #fff
}

.dash-base .news-section ul li:last-child {
    margin-bottom: 10px
}

.dash-base .news-section ul li a:hover {
    text-decoration: none
}

.dash-base .news-section ul .dateFont {
    font-size: 12px
}

.dash-base .news-section ul .newsSection {
    display: table;
    width: 100%;
    border: 1px solid #f5f5f5;
    border-left: 5px solid #2fa2d2;
    font-size: 14px;
    height: 67px
}

.dash-base .news-section ul .dateSection {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
    width: 60px;
    cursor: context-menu
}

.dash-base .news-section ul .news-text {
    font-family: Arial, helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    margin-top: 10px
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .firstVideoMargin {
        text-align: center
    }
}

.dash-base.registerUserSection .firstVideoMargin img {
    border: 1px solid #ccc
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .become-mem-mb {
        margin-top: 40px
    }
}

.dash-base.registerUserSection .black-bg {
    background: #435046;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px
}

.dash-base.registerUserSection .black-bg p {
    color: #fff;
    font-size: 1.33rem
}

.dash-base.registerUserSection .black-bg p:first-child {
    font-size: 1.66rem
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg p:first-child {
        font-size: 1.33rem
    }
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg p {
        text-align: center;
        font-size: 1.08rem
    }
}

.dash-base.registerUserSection .black-bg a {
    color: #fff
}

.dash-base.registerUserSection .black-bg a:hover {
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg .joinNowMargin {
        margin-top: -15px;
        margin-bottom: .5rem;
        text-align: center
    }
}

.dash-base.registerUserSection .black-bg .joinNowMargin a {
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg .joinNowMargin.now-join-mb {
        margin-top: -3px
    }
}

.dash-base.registerUserSection .black-bg .bandnew {
    background: #e95412;
    color: #fff;
    position: absolute;
    transform: rotate(-40deg);
    font-size: 18px;
    text-align: center;
    left: -14%;
    top: 12%;
    width: 32%;
    box-shadow: 3px 1px 5px #777
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg .bandnew {
        width: 36%;
        left: -34px;
        top: -1px;
        margin-top: 11px;
        font-size: 13px
    }
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .black-bg {
        margin-top: 10px
    }
}

.dash-base.registerUserSection .border-btm {
    border-bottom: 1px solid #ccc;
    margin: 0 -10px
}

.dash-base.registerUserSection .videoSection {
    padding: 0;
    margin-left: -10px;
    margin-top: 14px
}

.dash-base.registerUserSection .videoSection.demo-section {
    margin-top: 10px
}

.dash-base.registerUserSection .videoSection.demo-section p {
    font-size: 1.2rem;
    margin-bottom: 0
}

.dash-base.registerUserSection .videoSection.demo-section a {
    font-size: 11px
}

.dash-base.registerUserSection .videoSection.demo-section a:first-child {
    font-size: 15px
}

.dash-base.registerUserSection .videoSection a {
    font-size: 15px;
    line-height: 0
}

.dash-base.registerUserSection .videoSection p {
    font-size: 11px
}

.dash-base.registerUserSection .videoSection.noBorder {
    border-bottom: none
}

@media screen and (max-width: 47.94em) {
    .dash-base.registerUserSection .videoSection {
        text-align: center;
        margin-left: 0px;
        margin-top: 0px
    }
}

.dash-base.registerUserSection .ml-18 {
    margin-left: 18px
}

.telepop-main {
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0%;
    background: url("/images/dashboard/telegram-popbg-v2.png") no-repeat;
    width: 400px;
    min-height: 240px
}

.telepop-main .telegram-logo {
    position: absolute;
    z-index: 9999;
    left: 5%;
    top: -5%
}

.telepop-main .title {
    color: #fff;
    margin: 18% 0 0 25%;
    width: 70%
}

.telepop-main .title strong {
    font-size: 20px;
    line-height: auto;
    padding-bottom: 12px;
    float: left
}

.telepop-main .title a {
    color: #fff !important;
    font-size: 18px;
    line-height: auto;
    text-decoration: underline !important
}

.telepop-main a.close-pop {
    float: right;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
    padding: 3.5% 12% 0 0
}

.testdrivepop.testDriveContent .modal-body table {
    display: block !important
}

.testdrivepop .modal-header {
    background: #95d44b;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px 12px
}

.testdrivepop .modal-header.h4 {
    font-size: 17px
}

.testdrivepop .modal-header button {
    color: #fff;
    opacity: 1
}

.testdrivepop .modal-body {
    padding: 5px 10px
}

.testdrivepop .modal-body .title {
    display: none
}

@media screen and (max-width: 47.94em) {
    .testdrivepop .modal-body .title {
        display: block;
        color: #333;
        font-size: 16px;
        padding: 5px 0
    }
}

.testdrivepop .modal-body .tag {
    display: none
}

@media screen and (max-width: 47.94em) {
    .testdrivepop .modal-body .tag {
        display: block;
        color: #393;
        font-size: 20px;
        font-weight: bold
    }
}

.testdrivepop .modal-body .hr {
    display: none
}

@media screen and (max-width: 47.94em) {
    .testdrivepop .modal-body .hr {
        display: block;
        background: #ccc;
        height: 1px;
        width: 100%;
        margin: 10px 0;
        border: none
    }
}

.testdrivepop .modal-body ul {
    display: none
}

@media screen and (max-width: 47.94em) {
    .testdrivepop .modal-body ul {
        display: block;
        list-style-type: none;
        font-size: 14px;
        font-weight: normal;
        padding-left: 3px;
        margin: 10px 0
    }
}

.testdrivepop .modal-body .li {
    display: none
}

@media screen and (max-width: 47.94em) {
    .testdrivepop .modal-body .li {
        padding-left: 15px;
        background: url("/images/my-account/green-tick.png") no-repeat 0 3px;
        padding-left: 20px;
        margin-top: 15px
    }
}

.testdrivepop .modal-body table {
    display: block
}

.testdrivepop .modal-body tbody tr td ul {
    display: block
}

.testdrivepop .modal-footer {
    padding: 0px 10px 15px;
    border-top: none !important;
    text-align: center
}

.testdrivepop .modal-footer a {
    font-size: 15px;
    color: #fff;
    background-color: #d9534f;
    font-weight: normal;
    border: 1px solid #d43f3a;
    padding: 7px 12px;
    border-radius: 7px
}

.testdrivepop .modal-footer a:hover {
    font-size: 15px;
    color: #fff !important;
    background-color: #c9302c;
    border: 1px solid #ac2925
}

.bor-left-5 {
    border-left: 5px solid #e9e9e9
}

.demolinkd {
    font-size: 14px;
    padding-left: 34px
}

.demolinkd2 {
    font-size: 14px;
    text-align: right;
    padding-right: 0px
}

.newscontent {
    background: #fff;
    height: 300px;
    border-right: 4px solid #e5e5e5
}

.fptlistdash li {
    padding-bottom: 0px
}

ul {
    margin-bottom: 0
}

ul.fptlistdash {
    padding-left: 15px;
    width: 100%
}

.financialPlan .cardBox {
    width: 100%;
    height: 25px;
    text-align: center;
    margin-bottom: 3px
}

.financialPlan .cardBox i {
    color: #fff;
    font-size: 15px
}

.financialPlan .cardBox .sprite-img {
    background: url(/images/homepage/new-home/sprite-img.png) 0 0 no-repeat
}

.financialPlan .cardBox.card1 {
    background: #f7941d;
    margin-top: 8px
}

.financialPlan .cardBox.card2 {
    background: #1cbcb4
}

.financialPlan .cardBox.card2 .marriage-icon {
    width: 34px;
    height: 22px;
    background-position: -322px -77px
}

.financialPlan .cardBox.card3 {
    background: #99cc01
}

.financialPlan .cardBox.card3 .retirement-icon {
    width: 34px;
    height: 20px;
    background-position: -358px -79px
}

.financialPlan .cardBox.card4 {
    background: #2fa2d2
}

@media screen and (max-width: 47.94em) {
    .portfolio-view-img {
        width: 100%
    }
}

.portfolio-view-img-regUser {
    padding: 10px;
    width: 100%;
    padding-bottom: 0px
}

.pmHeight {
    min-height: 274px
}

.sensible-investor {
    font-size: 1.2rem;
    background: #fff
}

.sensible-investor .fa-star,
.sensible-investor .testimonials .fa-star-half,
.testimonials .sensible-investor .fa-star-half {
    color: #ccc
}

.sensible-investor .fa-star.checked,
.sensible-investor .testimonials .checked.fa-star-half,
.testimonials .sensible-investor .checked.fa-star-half {
    color: #ffd564
}

.sensible-investor .portfolioHeight a {
    font-size: 1rem
}

.sensible-investor .investfollow a {
    font-size: 11px
}

.sensible-investor a {
    font-size: 12px
}

.sensible-investor h1 i {
    font-size: 1.5rem;
    font-weight: bold
}

@media screen and (max-width: 47.94em) {
    .sensible-investor h1 i {
        font-size: 1.7rem
    }
}

.sensible-investor strong.userName {
    white-space: nowrap;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 20px;
    padding-top: 3px
}

@media screen and (max-width: 47.94em) {
    .sensible-investor strong.userName {
        width: 92px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        font-size: 20px;
        padding-top: 3px
    }
}

.sensible-investor i {
    font-size: 1.1rem
}

.sensible-investor .title {
    font-weight: 700
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .title {
        min-height: 30px
    }
}

.sensible-investor .border-bottom-grey {
    border-bottom: 1px solid #ccc
}

.sensible-investor .divShadow {
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px
}

.sensible-investor .btnWatchlist {
    border-radius: 14px;
    background: #e9e9e9;
    padding: 5px 25px;
    color: #369;
    font-weight: 600
}

.sensible-investor .right-bg3 {
    background: #fff;
    padding: 0
}

.sensible-investor .updateNow {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .updateNow {
        margin-bottom: 10px
    }
}

.sensible-investor .alert-warning .roundDiv {
    width: 15px;
    height: 15px;
    background: #70614f;
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin-left: 10px;
    opacity: 1
}

.sensible-investor thead th {
    padding: .4rem;
    font-size: .9rem
}

.sensible-investor tbody td {
    padding: .2rem .8rem;
    font-size: 1rem;
    font-style: italic
}

.sensible-investor tbody td:first-child {
    font-style: normal
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .mbcenter {
        text-align: center
    }
}

.sensible-investor .col-md-4-half {
    flex: 0 0 33.3333333333%;
    max-width: 29.333333%
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .col-md-4-half {
        flex: 0 0 94%;
        max-width: 100%;
        margin-top: 20px
    }
}

.sensible-investor .myPortfolioBorder {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-left: 2px
}

.sensible-investor .watchListFloat {
    text-align: right;
    margin-top: 4px;
    margin-bottom: 4px
}

.sensible-investor .watchListFloat a {
    font-size: 14px
}

.sensible-investor .financialBorder {
    border-right: 1px solid #ccc;
    margin-bottom: 10px
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .financialBorder {
        border-right: none
    }
}

.sensible-investor .mt-8 {
    margin-top: -8%
}

.sensible-investor .fa-calendar-alt {
    color: #9f1725
}

.sensible-investor .ftpList ul {
    font-size: 12px;
    list-style-type: none;
    padding-left: 20px
}

.sensible-investor .ftpList ul li {
    font-size: 12px;
    padding: 5px;
    border-bottom: 1px solid #ccc
}

.sensible-investor .ftpList ul li:last-child {
    border-bottom: none
}

.sensible-investor .ftpList ul i {
    padding-right: 5px
}

.sensible-investor .fa-star,
.sensible-investor .testimonials .fa-star-half,
.testimonials .sensible-investor .fa-star-half {
    color: #cecccc
}

.sensible-investor .investingMargin {
    margin-bottom: 1.6rem
}

.sensible-investor .buttonUdate {
    border-radius: 10px;
    padding: 3px 18px
}

.sensible-investor .investMargin {
    margin-left: 1.6rem
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .investMargin {
        margin-left: 0;
        margin-top: 20px
    }
}

.sensible-investor .investMarginAll {
    margin-left: 10px
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .investMarginAll {
        margin-left: 0;
        margin-top: 20px
    }
}

.sensible-investor .ml-30 {
    margin-left: -30px
}

.sensible-investor .fontItalic {
    font-style: italic
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .riskProfile {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 10px
    }
}

.sensible-investor .superstarTable td {
    font-style: normal;
    padding: 2px
}

.sensible-investor .superstarTable td:last-child {
    text-align: center
}

.sensible-investor .superstarTable th {
    width: 18%
}

.sensible-investor .superstarTable th:last-child {
    width: 10%
}

.sensible-investor .superstarTable th:first-child {
    width: 40%
}

.sensible-investor .whats-new-section td:first-child {
    width: 15%
}

.sensible-investor .whats-new-section td:last-child {
    width: 85%;
    text-align: left
}

.sensible-investor .superstarContent .financialBorder {
    border-right: none
}

.sensible-investor .superstarContent .dividevalue1 {
    margin-bottom: 0
}

.sensible-investor .superstarContent .dividevalue2 {
    margin-bottom: 0
}

.sensible-investor .superstarContent .fa-youtube {
    color: #d52121
}

.sensible-investor .superstarContent .fPtVideoLink {
    float: right
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .superstarContent .fPtVideoLink {
        float: initial;
        margin-bottom: 15px
    }
}

.sensible-investor .omegaAction {
    min-height: 234px
}

.sensible-investor .omegaAction .omegaNumber {
    color: #369;
    font-size: 54px
}

.sensible-investor .ftpToolPadding {
    padding-right: 0
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .ftpToolPadding {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media screen and (max-width: 47.94em) {
    .sensible-investor .portfolio-tablePadding {
        padding: 0
    }
}

.portfolio-table th {
    vertical-align: top;
    text-align: center
}

@media screen and (max-width: 47.94em) {
    .portfolio-table th {
        vertical-align: top
    }
}

.portfolio-table td {
    text-align: right
}

.portfolio-table td:first-child {
    text-align: left
}

.colorBox {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px
}

.greenColor {
    background: green
}

.yellowColor,
.orangeColor {
    background: orange
}

.redColor {
    background: #ee1c24
}

.greyColor {
    background: #ccc
}

.font15 {
    font-size: 1.5rem
}

.oneTimeFee {
    color: #fff;
    font-size: 1.3rem
}

@media screen and (max-width: 47.94em) {
    .mbNone {
        display: none
    }
}

.imgModiOffer {
    border: 1px solid #ccc
}

.demo-section a {
    font-size: 1px
}

#bigDiscountOffer .modal-body {
    padding: 0
}

#bigDiscountOffer .modal-dialog {
    max-width: 500px;
    margin-top: 5%
}

#bigDiscountOffer .round {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    padding: 1px 4px;
    right: -5px;
    top: -9px;
    font-size: 16px;
    cursor: pointer
}

#investor-policy-popup .investor-policy-heading {
    background: #333;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold
}

@media screen and (max-width: 47.94em) {
    #investor-policy-popup .investor-policy-heading {
        font-weight: normal
    }
}

#investor-policy-popup .heading-border {
    border: 1px solid #333;
    margin: 10px
}

@media screen and (max-width: 47.94em) {
    #investor-policy-popup .heading-border {
        padding: 10px
    }
}

#investor-policy-popup .modal-body {
    height: 532px;
    overflow-x: hidden;
    padding: 0
}

@media screen and (max-width: 47.94em) {
    #investor-policy-popup .mb-text-left {
        text-align: left !important
    }
}

@media screen and (max-width: 47.94em) {
    #investor-policy-popup .mob-font-12 {
        font-size: 12px
    }
}

.active-member {
    padding: 10px;
    font-size: 14px
}

.active-member .alert-warning {
    color: #333;
    line-height: 1.3;
    margin-top: 10px;
    border-radius: 10px;
    padding: 8px 15px;
    min-height: 50px;
    margin-bottom: 10px
}

@media screen and (max-width: 47.94em) {
    .active-member .alert-warning {
        padding: 8px;
        margin-top: 10px
    }
}

.active-member .alert-warning i {
    font-size: 1rem
}

.active-member img {
    margin-left: 10px;
    margin-right: 25px
}

@media screen and (max-width: 47.94em) {
    .active-member img {
        margin-left: 0px;
        margin-right: 5px
    }
}

.active-member .border-right-grey {
    border-right: 2px solid #cfcfcf
}

@media screen and (max-width: 47.94em) {
    .active-member .border-right-grey {
        border-right: none
    }
}

@media screen and (max-width: 47.94em) {
    .active-member .mob-border-top {
        border-top: 1px solid #cfcfcf;
        padding-top: 10px
    }
}

@media screen and (max-width: 47.94em) {
    .active-member {
        font-size: 12px
    }
}

.active-member .heading {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2
}

.active-member .sub-heading {
    font-size: 12px
}

.active-member .card-columns {
    column-gap: 5px;
    margin-top: 20px
}

.active-member .activeMemebrHeight {
    min-height: 110px
}

.expired-member {
    padding: 10px;
    font-size: 14px
}

.expired-member .alert-warning {
    color: #333;
    line-height: 1.3;
    margin-top: 2px;
    border-radius: 10px;
    padding: 8px 15px;
    min-height: 50px;
    margin-bottom: 0px
}

@media screen and (max-width: 47.94em) {
    .expired-member .alert-warning {
        padding: 8px;
        margin-top: 10px
    }
}

.expired-member .alert-warning i {
    font-size: 1rem
}

.expired-member img {
    margin-left: 10px;
    margin-right: 15px;
    width: 10%
}

@media screen and (max-width: 47.94em) {
    .expired-member img {
        margin-left: 0px;
        margin-right: 5px
    }
}

.expired-member .border-right-grey {
    border-right: 2px solid #cfcfcf
}

@media screen and (max-width: 47.94em) {
    .expired-member .border-right-grey {
        border-right: none
    }
}

@media screen and (max-width: 47.94em) {
    .expired-member .mob-border-top {
        border-top: 2px solid #cfcfcf;
        padding-top: 10px
    }
}

@media screen and (max-width: 47.94em) {
    .expired-member {
        font-size: 12px
    }
}

.expired-member .heading {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2
}

.expired-member .sub-heading {
    font-size: 12px
}

.expired-member .card-columns {
    column-gap: 5px;
    margin-top: 20px
}

.expired-member .card {
    color: #fff;
    line-height: 1;
    font-size: 12px;
    border-radius: 0;
    margin-bottom: 10px;
    min-height: 60px;
    box-shadow: none
}

.expired-member .card .count {
    font-size: 36px;
    font-weight: 600;
    padding-top: 0px;
    padding-bottom: 3px
}

.expired-member .card p {
    font-size: 13px
}

.expired-member .card .card-body {
    padding: .5rem
}

.expired-member .card.bg-primary {
    background: #55acee !important
}

.expired-member .card.bg-success {
    background: #f1705c !important
}

.expired-member .card.bg-warning {
    background: #ff9b21 !important
}

.expired-member .card.bg-dark {
    background: #9cbc72 !important
}

.expired-member .card.bg-green {
    background: #00a89b !important
}

.expired-member .card.bg-danger {
    background: #dc3545 !important
}

.expired-member .card.hurry-up-card {
    min-height: 50%;
    width: 96%;
    border-radius: 10px;
    margin-top: 12px;
    line-height: 1.5
}

@media screen and (max-width: 47.94em) {
    .expired-member .card.hurry-up-card {
        width: 100%;
        margin-top: 25px
    }
}

.expired-member .card .card-text a {
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .expired-member .card {
        margin-bottom: 10px;
        min-height: 87px
    }
}

.expired-member .border-bottom-grey {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    min-height: 70px
}

@media screen and (max-width: 47.94em) {
    .expired-member .border-bottom-grey {
        min-height: 40px;
        border-bottom: none
    }
}

.expired-member .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

@media screen and (max-width: 47.94em) {
    .expired-member .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.pos-abs {
    position: absolute;
    z-index: 999
}

#top-200-superstars-popup .modal-dialog,
#top-200-sup-registed-popup .modal-dialog,
#top-50-user-popup .modal-dialog,
#top-100-user-popup .modal-dialog,
#top-150-user-popup .modal-dialog {
    max-width: 700px;
    background: #fff;
    font-size: 1.2rem
}

#top-200-superstars-popup .modal-dialog .modal-body,
#top-200-sup-registed-popup .modal-dialog .modal-body,
#top-50-user-popup .modal-dialog .modal-body,
#top-100-user-popup .modal-dialog .modal-body,
#top-150-user-popup .modal-dialog .modal-body {
    font-size: 1.1rem;
    padding: .5rem 1rem
}

#top-200-superstars-popup .modal-dialog .note-content,
#top-200-sup-registed-popup .modal-dialog .note-content,
#top-50-user-popup .modal-dialog .note-content,
#top-100-user-popup .modal-dialog .note-content,
#top-150-user-popup .modal-dialog .note-content {
    font-size: 13px
}

#top-200-superstars-popup .modal-dialog table,
#top-200-sup-registed-popup .modal-dialog table,
#top-50-user-popup .modal-dialog table,
#top-100-user-popup .modal-dialog table,
#top-150-user-popup .modal-dialog table {
    margin-top: 10px;
    background: #e4f6f9
}

#top-200-superstars-popup .modal-dialog table td:first-child,
#top-200-sup-registed-popup .modal-dialog table td:first-child,
#top-50-user-popup .modal-dialog table td:first-child,
#top-100-user-popup .modal-dialog table td:first-child,
#top-150-user-popup .modal-dialog table td:first-child {
    text-align: left !important
}

#top-200-superstars-popup .modal-dialog table th:first-child,
#top-200-sup-registed-popup .modal-dialog table th:first-child,
#top-50-user-popup .modal-dialog table th:first-child,
#top-100-user-popup .modal-dialog table th:first-child,
#top-150-user-popup .modal-dialog table th:first-child {
    text-align: left !important
}

#top-200-superstars-popup .modal-dialog th,
#top-200-sup-registed-popup .modal-dialog th,
#top-50-user-popup .modal-dialog th,
#top-100-user-popup .modal-dialog th,
#top-150-user-popup .modal-dialog th {
    background: #e4f6f9;
    padding: .3rem
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .modal-dialog th,
    #top-200-sup-registed-popup .modal-dialog th,
    #top-50-user-popup .modal-dialog th,
    #top-100-user-popup .modal-dialog th,
    #top-150-user-popup .modal-dialog th {
        font-size: 12px !important;
        vertical-align: top
    }
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .modal-dialogtd,
    #top-200-sup-registed-popup .modal-dialogtd,
    #top-50-user-popup .modal-dialogtd,
    #top-100-user-popup .modal-dialogtd,
    #top-150-user-popup .modal-dialogtd {
        font-size: 12px !important
    }
}

#top-200-superstars-popup .modal-dialog th,
#top-200-superstars-popup .modal-dialog td,
#top-200-sup-registed-popup .modal-dialog th,
#top-200-sup-registed-popup .modal-dialog td,
#top-50-user-popup .modal-dialog th,
#top-50-user-popup .modal-dialog td,
#top-100-user-popup .modal-dialog th,
#top-100-user-popup .modal-dialog td,
#top-150-user-popup .modal-dialog th,
#top-150-user-popup .modal-dialog td {
    font-size: 14px;
    color: #333;
    padding: .3rem;
    font-weight: 600;
    text-align: center
}

#top-200-superstars-popup .modal-dialog .alert-warning,
#top-200-sup-registed-popup .modal-dialog .alert-warning,
#top-50-user-popup .modal-dialog .alert-warning,
#top-100-user-popup .modal-dialog .alert-warning,
#top-150-user-popup .modal-dialog .alert-warning {
    font-size: 12px
}

#top-200-superstars-popup .modal-dialog .modal-header,
#top-200-sup-registed-popup .modal-dialog .modal-header,
#top-50-user-popup .modal-dialog .modal-header,
#top-100-user-popup .modal-dialog .modal-header,
#top-150-user-popup .modal-dialog .modal-header {
    padding: 2px 20px
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .modal-dialog .modal-header,
    #top-200-sup-registed-popup .modal-dialog .modal-header,
    #top-50-user-popup .modal-dialog .modal-header,
    #top-100-user-popup .modal-dialog .modal-header,
    #top-150-user-popup .modal-dialog .modal-header {
        font-size: 1.3rem
    }
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .modal-dialog,
    #top-200-sup-registed-popup .modal-dialog,
    #top-50-user-popup .modal-dialog,
    #top-100-user-popup .modal-dialog,
    #top-150-user-popup .modal-dialog {
        max-width: 600px
    }
}

#top-200-superstars-popup .alert-box,
#top-200-sup-registed-popup .alert-box,
#top-50-user-popup .alert-box,
#top-100-user-popup .alert-box,
#top-150-user-popup .alert-box {
    border-color: #ccc;
    border-radius: 8px;
    color: #333;
    font-size: 13px;
    padding: 3px 10px
}

#top-200-superstars-popup .alert-box strong,
#top-200-sup-registed-popup .alert-box strong,
#top-50-user-popup .alert-box strong,
#top-100-user-popup .alert-box strong,
#top-150-user-popup .alert-box strong {
    font-size: 13px
}

#top-200-superstars-popup .content-padding strong,
#top-200-sup-registed-popup .content-padding strong,
#top-50-user-popup .content-padding strong,
#top-100-user-popup .content-padding strong,
#top-150-user-popup .content-padding strong {
    font-size: 14px
}

#top-200-superstars-popup .modal-header,
#top-200-sup-registed-popup .modal-header,
#top-50-user-popup .modal-header,
#top-100-user-popup .modal-header,
#top-150-user-popup .modal-header {
    padding: 2px 8px !important
}

#top-200-superstars-popup .modal-header h4,
#top-200-sup-registed-popup .modal-header h4,
#top-50-user-popup .modal-header h4,
#top-100-user-popup .modal-header h4,
#top-150-user-popup .modal-header h4 {
    margin-top: 15px;
    font-size: 1.3rem;
    font-weight: bold
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .modal-header h4,
    #top-200-sup-registed-popup .modal-header h4,
    #top-50-user-popup .modal-header h4,
    #top-100-user-popup .modal-header h4,
    #top-150-user-popup .modal-header h4 {
        font-size: 1.2rem;
        margin-top: 5px
    }
}

#top-200-superstars-popup .anim,
#top-200-sup-registed-popup .anim,
#top-50-user-popup .anim,
#top-100-user-popup .anim,
#top-150-user-popup .anim {
    margin-right: 10px
}

#top-200-superstars-popup .animRound,
#top-200-sup-registed-popup .animRound,
#top-50-user-popup .animRound,
#top-100-user-popup .animRound,
#top-150-user-popup .animRound {
    margin-top: -15px
}

@media screen and (max-width: 47.94em) {
    #top-200-superstars-popup .animRound,
    #top-200-sup-registed-popup .animRound,
    #top-50-user-popup .animRound,
    #top-100-user-popup .animRound,
    #top-150-user-popup .animRound {
        margin-top: 5px
    }
}

#top-200-superstars-popup .element,
#top-200-sup-registed-popup .element,
#top-50-user-popup .element,
#top-100-user-popup .element,
#top-150-user-popup .element {
    opacity: .3;
    animation: pulse 2s infinite
}

@keyframes pulse {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

#offer-counter {
    font-size: 12px !important;
    margin-top: 18%
}

@media screen and (max-width: 47.94em) {
    #offer-counter {
        margin: 15px
    }
}

.pre-booking {
    color: #fff;
    font-size: 17px;
    margin-top: -20px;
    margin-left: 1%
}

@media screen and (max-width: 47.94em) {
    .pre-booking {
        margin-top: 0;
        font-size: 14px
    }
}

.pre-booking-offer {
    color: #fff;
    font-size: 17px;
    margin-top: -20px;
    margin-left: 3em
}

@media screen and (max-width: 47.94em) {
    .pre-booking-offer {
        margin-top: 0;
        font-size: 14px;
        margin-left: 0em
    }
}

.popular-demand .title {
    font-size: 26px
}

@media screen and (max-width: 47.94em) {
    .popular-demand .title {
        font-size: 22px
    }
}

.popular-demand-user .title-user {
    font-size: 20px
}

.superstarDB {
    margin-top: 7%
}

.superstarDB .profiling {
    font-size: 15px;
    border: 2px solid #ccc;
    padding: 10px 15px;
    text-align: center;
    margin-bottom: 3px
}

.superstarDB .profiling i {
    font-size: 18px;
    text-decoration: underline
}

.superstarDB .profiling i a {
    color: #139b4a
}

.superstarDB .video-section .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    margin-bottom: 20px
}

.superstarDB .video-section .carousel-indicators li.active {
    background: #77bf43
}

.superstarDB #steps-container {
    margin-left: -40px
}

.superstarDB a:hover {
    text-decoration: none
}

.superstarDB h1 {
    font-size: 18px;
    font-weight: 600
}

.superstarDB .welcomeBg {
    background: #f0f0f1
}

.superstarDB .heading {
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px
}

@media screen and (max-width: 47.94em) {
    .superstarDB .heading {
        padding-left: 0px
    }
}

.superstarDB .startInvesting ul {
    list-style-type: none
}

.superstarDB .startInvesting ul li {
    padding: 3px 0
}

.superstarDB .startInvesting ul li .fa-check-circle {
    color: #ccc;
    font-size: 21px;
    margin-right: 18px
}

.superstarDB .startInvesting ul li .fa-check-circle.active,
.superstarDB .startInvesting ul li .nse-bse-indices .stock-indices a.fa-check-circle,
.nse-bse-indices .stock-indices .superstarDB .startInvesting ul li a.fa-check-circle {
    color: #78c043
}

.superstarDB .startInvesting ul li a {
    font-size: 13px
}

.superstarDB .startInvesting .progress {
    height: .8rem;
    border-radius: 1rem
}

.superstarDB .startInvesting .progress .progress-bar {
    border-radius: 10px;
    background: #1085dd
}

@media screen and (max-width: 47.94em) {
    .superstarDB .startInvesting {
        margin-top: 5px
    }
}

.superstarDB .border-superstar-demo {
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 7px
}

.superstarDB .completePercentage {
    font-size: 11px;
    padding: 3px 0
}

.superstarDB .borderGreen {
    border-top: 5px solid #78c043
}

@media screen and (max-width: 47.94em) {
    .superstarDB .borderGreen {
        margin-top: 10px
    }
}

.superstarDB .analyst-noteDB .create-list {
    font-size: 13px
}

.superstarDB .analyst-noteDB .create-list .btn-dark {
    border-radius: 10px;
    padding: 3px 18px
}

.superstarDB .analyst-noteDB #sectorid {
    padding: 3px
}

.superstarDB .analyst-noteDB #indicesid {
    padding: 3px
}

.superstarDB .analyst-noteDB .tigersClawsContent {
    color: #333
}

.superstarDB .analyst-noteDB .readContent .card {
    border: none;
    box-shadow: none;
    padding: 0 5px
}

.superstarDB .analyst-noteDB a.collapsed .tigersClawsContent::after {
    content: "+";
    float: right;
    margin-top: -16px
}

.superstarDB .analyst-noteDB a .tigersClawsContent::after {
    content: "-";
    float: right;
    margin-top: -16px
}

.superstarDB .analyst-noteDB #filter .form-group {
    margin: 12px 0
}

.superstarDB .analyst-noteDB a {
    font-size: 12px
}

.superstarDB .analyst-noteDB a.badge.badge-pill {
    font-size: 11px
}

.superstarDB .analyst-noteDB hr {
    margin-top: 32px;
    margin-bottom: .1em;
    border-top: 2px solid rgba(0, 0, 0, .1)
}

.superstarDB .analyst-noteDB ul li {
    font-size: 12px;
    border-bottom: 1px solid #eee;
    padding: 8px
}

.superstarDB .analyst-noteDB ul li:last-child {
    border-bottom: none
}

.superstarDB .analyst-noteDB .date {
    color: #878fa4;
    font-size: 11px
}

.superstarDB .analyst-noteDB .company-color {
    height: 10px;
    width: 10px;
    float: left;
    margin: 4px;
    padding: 5px
}

.superstarDB .analyst-noteDB .orange {
    background: #ff9b21
}

.superstarDB .analyst-noteDB .red {
    background: red
}

.superstarDB .analyst-noteDB .green,
.superstarDB .analyst-noteDB .mutual-fund .grey,
.mutual-fund .superstarDB .analyst-noteDB .grey,
.superstarDB .analyst-noteDB .mutual-fund .red,
.mutual-fund .superstarDB .analyst-noteDB .red,
.superstarDB .analyst-noteDB .mutual-fund .orange,
.mutual-fund .superstarDB .analyst-noteDB .orange {
    background: #093
}

.superstarDB .analyst-noteDB .nagood {
    background: #ccc
}

.superstarDB .analyst-noteDB .portfolio-table td,
.superstarDB .analyst-noteDB .portfolio-table th {
    padding: 4px
}

.superstarDB .analyst-noteDB .alert-warning .roundDiv {
    width: 15px;
    height: 15px;
    background: #70614f;
    text-align: center;
    font-size: 10px;
    color: #fff;
    margin-left: 10px;
    opacity: 1
}

.superstarDB .analyst-noteDB .rounded-circle {
    border-radius: 50% !important
}

.superstarDB .analyst-noteDB i {
    font-size: 1.1rem
}

.superstarDB .analyst-noteDB .buttonUdate {
    border-radius: 10px;
    padding: 3px 18px
}

.superstarDB .analyst-noteDB .analyst-note-content {
    font-size: 11px
}

.superstarDB .analyst-noteDB.news a {
    color: #2192fa
}

.superstarDB .analyst-noteDB.news img {
    width: 7% !important;
    margin-right: 10px;
    position: unset;
    height: 20px
}

.superstarDB .analyst-noteDB.market-outlook img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    position: unset;
    margin-right: 10px
}

.superstarDB .analyst-noteDB.popular-list li:nth-child(even) {
    padding: 3px 12px;
    margin-bottom: 3px;
    border-bottom: none
}

@media screen and (max-width: 47.94em) {
    .superstarDB .analyst-noteDB.popular-list li:nth-child(even) {
        padding: 5px 12px
    }
}

.superstarDB .analyst-noteDB.popular-list li:nth-child(odd) {
    padding: 3px 12px;
    background: #f2f2f2;
    margin-bottom: 3px;
    border-bottom: none
}

@media screen and (max-width: 47.94em) {
    .superstarDB .analyst-noteDB.popular-list li:nth-child(odd) {
        padding: 5px 12px
    }
}

.superstarDB .analyst-noteDB.investment-shastra .fa-chevron-circle-right {
    color: #ccc;
    margin-right: 10px;
    margin-top: 6px;
    font-size: 20px
}

.superstarDB .analyst-noteDB .event-update {
    font-size: 11px
}

.superstarDB .analyst-noteDB.filter label {
    font-size: 13px
}

.superstarDB .analyst-noteDB.filter strong {
    font-size: 14px
}

.superstarDB .analyst-noteDB.filter .border-btm-grey {
    border-bottom: 5px solid #e9e9e9;
    margin-top: 55px
}

.superstarDB .analyst-noteDB.filter #steps-content-heading {
    line-height: 1.2;
    float: left;
    height: 30px;
    width: 100%;
    background: #0a7bb7;
    color: #fff;
    padding: 3px 0 3px 10px
}

.superstarDB .analyst-noteDB.filter #steps-content {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    height: 155px;
    background: #f1f9ff;
    padding: 10px 5px 5px 15px;
    margin-left: 0px
}

@media screen and (max-width: 47.94em) {
    .superstarDB .analyst-noteDB.filter #steps-content {
        width: 100%;
        margin-bottom: 10px;
        height: 100%
    }
}

.superstarDB .analyst-noteDB.filter img {
    position: unset;
    left: unset;
    margin-top: unset;
    width: unset;
    float: right
}

.superstarDB .analyst-noteDB.filter #steps-content-heading-strenth {
    line-height: 1.2;
    float: left;
    height: 30px;
    width: 100%;
    background: #0a7bb7;
    color: #fff;
    padding: 3px 0 3px 10px
}

.superstarDB .analyst-noteDB.filter #steps-content-new {
    border: 1px solid #ccc;
    float: left;
    width: 264px;
    min-height: 155px;
    background: #f1f9ff;
    padding: 15px 10px 4px 22px
}

@media screen and (max-width: 47.94em) {
    .superstarDB .analyst-noteDB.filter #steps-content-new {
        margin-bottom: 10px;
        width: 100%
    }
}

.superstarDB .analyst-noteDB.filter .left {
    float: left
}

.superstarDB .analyst-noteDB.filter #steps-content-heading-last {
    line-height: 1.2;
    float: left;
    height: 30px;
    width: 100%;
    background: #0a7bb7;
    color: #fff;
    padding: 3px 0 3px 10px
}

.superstarDB .analyst-noteDB.filter #steps-content-last {
    float: left;
    width: 100%;
    height: 155px;
    background: #f1f9ff;
    padding: 25px 17px 5px 20px;
    border: 1px solid #ccc
}

.superstarDB .analyst-noteDB.filter .margin-top-3 {
    margin-top: 3px
}

.superstarDB .analyst-noteDB.filter .very-good-big {
    background: url("/images/mw4me-filter/stock-filter/very-good-icon-filter-v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.superstarDB .analyst-noteDB.filter .somewhat-good-big,
.superstarDB .analyst-noteDB.filter .very-good-big,
.superstarDB .analyst-noteDB.filter .not-good-big,
.superstarDB .analyst-noteDB.filter .not-analysis-big.somewhat-good-big,
.superstarDB .analyst-noteDB.filter .not-analysis-big,
.superstarDB .analyst-noteDB.filter .somewhat-good-icon-s,
.superstarDB .analyst-noteDB.filter .orange,
.superstarDB .analyst-noteDB.filter .very-good-icon-s,
.superstarDB .analyst-noteDB.filter .green,
.superstarDB .analyst-noteDB.filter .mutual-fund .grey,
.mutual-fund .superstarDB .analyst-noteDB.filter .grey,
.superstarDB .analyst-noteDB.filter .not-good-icon-s,
.superstarDB .analyst-noteDB.filter .red,
.superstarDB .analyst-noteDB.filter .no-image-icon-s,
.superstarDB .analyst-noteDB.filter .noimage,
.superstarDB .analyst-noteDB.filter .no-analysis-icon-s,
.superstarDB .analyst-noteDB.filter .gray {
    display: inline-block;
    vertical-align: middle
}

.superstarDB .analyst-noteDB.filter .somewhat-good-big {
    background: url("/images/mw4me-filter/stock-filter/somewhat-good-icon-filter-v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.superstarDB .analyst-noteDB.filter .somewhat-good-big,
.superstarDB .analyst-noteDB.filter .very-good-big,
.superstarDB .analyst-noteDB.filter .not-good-big,
.superstarDB .analyst-noteDB.filter .not-analysis-big {
    float: left;
    height: 37px;
    width: 88px
}

.superstarDB .analyst-noteDB.filter .not-good-big {
    float: left;
    height: 37px;
    width: 88px
}

.superstarDB .analyst-noteDB.filter .somewhat-good-big {
    float: left;
    height: 37px;
    width: 88px
}

.superstarDB .analyst-noteDB.filter .very-good-big {
    float: left;
    height: 37px;
    width: 88px
}

.superstarDB .analyst-noteDB.filter .not-good-big {
    background: url("/images/mw4me-filter/stock-filter/not-good-icon-filter-v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.superstarDB .analyst-noteDB.filter .not-analysis-big {
    background: url("/images/mw4me-filter/stock-filter/na-icon-filter-v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.superstarDB .analyst-noteDB.filter .new-left-content {
    background-color: #fff;
    border: 1px solid #bdbcbd;
    float: left;
    height: 301px;
    margin: -353px 75px 56px 702px;
    padding-bottom: 50px;
    width: 272px
}

.superstarDB .analyst-noteDB.filter #mrp-label input,
.superstarDB .analyst-noteDB.filter #mrp-label .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .superstarDB .analyst-noteDB.filter #mrp-label textarea.input-textarea,
.superstarDB .analyst-noteDB.filter #mrp-label .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .superstarDB .analyst-noteDB.filter #mrp-label textarea.input-textarea {
    margin: 5px
}

.superstarDB .analyst-noteDB.filter #steps-content-new input,
.superstarDB .analyst-noteDB.filter #steps-content-new .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .superstarDB .analyst-noteDB.filter #steps-content-new textarea.input-textarea,
.superstarDB .analyst-noteDB.filter #steps-content-new .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .superstarDB .analyst-noteDB.filter #steps-content-new textarea.input-textarea {
    margin-right: 10px;
    margin-top: 5px
}

.superstarDB .analyst-noteDB.filter input.tab-search-f3,
.superstarDB .analyst-noteDB.filter .my-acc .formcon textarea.tab-search-f3.input-textarea,
.my-acc .formcon .superstarDB .analyst-noteDB.filter textarea.tab-search-f3.input-textarea,
.superstarDB .analyst-noteDB.filter .my-acc .form-group textarea.tab-search-f3.input-textarea,
.my-acc .form-group .superstarDB .analyst-noteDB.filter textarea.tab-search-f3.input-textarea {
    margin: 9px 0px !important;
    text-decoration: none;
    font-family: Arial, helvetica, sans-serif;
    font-size: 1rem;
    background: none repeat scroll 0 0 #0a7bb7;
    border: medium none;
    cursor: pointer;
    display: block;
    float: right;
    margin: 8px 64px;
    position: relative;
    color: #fff;
    border-radius: .25rem;
    padding: .375rem .75rem;
    border: 1px solid rgba(0, 0, 0, 0)
}

.superstarDB .analyst-noteDB .portfolioHeight .title {
    display: none
}

.superstarDB .analyst-noteDB .portfolioHeight .buttonUdate {
    float: right
}

.superstarDB .analyst-noteDB .portfolioHeight .watchListFloat {
    display: none
}

.superstarDB .analyst-noteDB .portfolioHeight .updateNow {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
}

@media screen and (max-width: 47.94em) {
    .superstarDB .analyst-noteDB .portfolioHeight .updateNow {
        display: unset
    }
}

.superstarDB .analyst-noteDB #steps-mrp-tooptip-div:hover .mrp-tooltip2 {
    display: block
}

.superstarDB .analyst-noteDB .mrp-tooltip2 {
    display: none;
    position: absolute;
    background-color: #e4f7f9;
    border: 5px solid #cde2e4;
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    padding: 5px 10px;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    width: 165px;
    margin: -21px 0 0 -33px;
    *margin: 114px 0 0 -164px;
    cursor: pointer
}

.superstarDB ul {
    list-style-type: none
}

.superstarDB #carouselExampleControls .carousel-control-prev {
    left: 493px;
    top: 233px;
    background: #000;
    width: 28px;
    height: 28px;
    opacity: 1;
    border-radius: 5px
}

@media screen and (max-width: 47.94em) {
    .superstarDB #carouselExampleControls .carousel-control-prev {
        left: 20px;
        top: 70px
    }
}

.superstarDB #carouselExampleControls .carousel-control-next {
    top: 233px;
    background: #000;
    width: 25px;
    height: 28px;
    opacity: 1;
    border-radius: 5px;
    right: 20px
}

@media screen and (max-width: 47.94em) {
    .superstarDB #carouselExampleControls .carousel-control-next {
        top: 70px
    }
}

.superstarDB #carouselExampleControls .carousel-control-prev-icon {
    width: 14px !important;
    height: 14px !important
}

.superstarDB #carouselExampleControls .carousel-control-next-icon {
    width: 14px !important;
    height: 14px !important
}

@media screen and (max-width: 47.94em) {
    .superstarDB #carouselExampleControls {
        min-height: 160px
    }
}

.superstarDB .table-bordered th {
    color: #333 !important
}

@media screen and (max-width: 47.94em) {
    .superstarDB .sensex__price {
        text-align: left;
        font-size: 1rem
    }
}

.superstarDB .watchList td span {
    text-align: left
}

.superstarDB .watchList th {
    width: 60%
}

.superstarDB .why-subscribe {
    border: 1px solid #ccc
}

.superstarDB .why-subscribe .sub-heading {
    font-size: 11px
}

.superstarDB .why-subscribe .icons {
    padding: 5px 5px
}

.superstarDB .why-subscribe .border-grey {
    border-bottom: 1px solid #ccc
}

.superstarDB .why-subscribe .green-bg {
    background: #099547;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    padding: 12px
}

.superstarDB .why-subscribe .green-bg .content {
    font-size: 12px
}

.superstarDB .why-subscribe .green-bg .borderFFF {
    border-right: 1px solid #fff
}

@media screen and (max-width: 47.94em) {
    .superstarDB .why-subscribe .green-bg .borderFFF {
        border-right: 0
    }
}

@media screen and (max-width: 47.94em) {
    .superstarDB .why-subscribe .green-bg {
        margin-top: 2px
    }
}

.superstarDB .why-subscribe a {
    color: #333
}

@media screen and (max-width: 47.94em) {
    .superstarDB {
        margin-top: 15%
    }
}

.superstarDB .carousel-indicators {
    z-index: 2
}

.chk-list {
    padding: 20px;
    background: url(/images/dashboard/superstar-dashboard/check-list-bg-superstar.png) no-repeat 0 0 #9eda72;
    background-size: cover;
    height: 135px
}

.chk-list strong {
    font-size: 25px;
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .chk-list strong {
        font-size: 17px
    }
}

.chk-list i {
    color: #fff;
    text-decoration: underline;
    font-size: 14px
}

#filter .screener-udate-list {
    background: #0a7bb7
}

#superstarExpired .titleModal {
    color: #139b4a;
    font-size: 24px;
    font-weight: 600
}

#superstarExpired .sub-titleModal {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 8px
}

#superstarExpired {
    font-size: 14px
}

#superstarExpired input,
#superstarExpired .my-acc .formcon textarea.input-textarea,
.my-acc .formcon #superstarExpired textarea.input-textarea,
#superstarExpired .my-acc .form-group textarea.input-textarea,
.my-acc .form-group #superstarExpired textarea.input-textarea {
    font-weight: 600;
    padding: 2px
}

#superstarExpired .modal-body {
    font-size: 14px
}

#superstarExpired .modal-dialog {
    max-width: 700px
}

#superstarExpired .border-grey {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px
}

#superstarExpired .border-grey .textWhite {
    color: #fff
}

#superstarExpired .price-content {
    margin-top: -28px
}

#subExpiredSuperstar .modal-dialog {
    margin-top: 0px;
    margin-bottom: 0;
    height: 276px;
    border: none
}

#subExpiredSuperstar {
    overflow-y: hidden
}

@media screen and (max-width: 47.94em) {
    #superstarExpired .titleModal {
        font-size: 18px
    }
    #superstarExpired .sub-titleModal {
        font-size: 14px
    }
    #superstarExpired .price-content {
        margin-top: 0
    }
}

.opportunity .titleModal {
    color: #1e9c4a;
    font-size: 24px;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .opportunity .titleModal {
        font-size: 18px
    }
}

.opportunity .sub-titleModal {
    font-size: 16px;
    font-style: italic;
    font-weight: 600
}

.opportunity .price-content {
    margin-top: -23px
}

@media screen and (max-width: 47.94em) {
    .opportunity .price-content {
        margin-top: 0px
    }
}

.opportunity .textWhite {
    color: #fff !important
}

.opportunity .btn-dark:focus,
.opportunity .btn-dark.focus {
    box-shadow: NONE
}

.opportunity #subExpiredSuperstarDesk {
    position: absolute;
    top: 17px;
    background: #fff;
    width: 97%;
    height: 225px;
    padding: 10px
}

@media screen and (max-width: 47.94em) {
    .opportunity #subExpiredSuperstarDesk {
        height: 385px
    }
}

.opportunity .new-content {
    background: #e11f13;
    height: 46px;
    width: 111px;
    position: absolute;
    top: -1px;
    left: -41px;
    transform: rotate(-50deg);
    overflow: hidden;
    text-align: center;
    padding-top: 18px;
    color: #fff;
    font-weight: bold
}

.opportunity .new-content-parent {
    position: relative;
    overflow: hidden
}

.opportunity .border-grey {
    margin-left: 50px
}

#nifty50Cheap .nifty50CheapBg {
    background: url(/images/dashboard/popup-nifty-50-stocks-at-cheap.png) no-repeat 0 0 #fff;
    height: 315px;
    padding: 5px
}

#nifty50Cheap .btn-danger {
    border-radius: 15px
}

#nifty50Cheap .modal-dialog {
    max-width: 325px;
    margin-top: 5rem
}

@media screen and (max-width: 47.94em) {
    #nifty50Cheap .modal-dialog {
        max-width: 600px
    }
}

#nifty50Cheap .font23 {
    font-size: 23px
}

#nifty50Cheap .font26 {
    font-size: 26px
}

.investment-strategy-bg {
    background: url(/images/dashboard/superstar-dashboard/investment-strategy-for-you.jpg) no-repeat 0 0;
    height: 90px;
    border: 1px solid #ccc
}

.investment-strategy-bg-guest-user {
    background: url(/images/dashboard/superstar-dashboard/investment-strategy-for-you-guest-user.jpg) no-repeat 0 0;
    height: 90px;
    border: 1px solid #ccc;
    background-size: contain
}

@media screen and (max-width: 47.94em) {
    .investment-strategy-bg-guest-user {
        background-size: cover
    }
}

.step-guide-investing {
    background: url(/images/dashboard/superstar-dashboard/step-by-stytep-guide-by-stock-investing.jpg) no-repeat 0 0;
    height: 90px;
    border: 1px solid #ccc
}

.step-guide-investing .btn-black {
    background: #333;
    color: #fff
}

.investor-must-do {
    background: url(/images/dashboard/superstar-dashboard/top-things-investor-must-do.jpg) no-repeat 0 0;
    height: 90px;
    border: 1px solid #ccc
}

.investor-must-do .btn-black {
    background: #333;
    color: #fff
}

#choose-investment-solution {
    font-size: 15px
}

#choose-investment-solution .greenHeading {
    background: #3d9609;
    color: #fff;
    border-radius: 15px;
    font-size: 15px;
    text-align: center;
    padding: 5px 36px
}

#choose-investment-solution .greenHeading .mtMon10 {
    margin-top: -5px
}

@media screen and (max-width: 47.94em) {
    #choose-investment-solution .greenHeading {
        padding: 6px 15px;
        display: block;
        width: 100%;
        text-align: left
    }
}

#choose-investment-solution .greenHeading .yellowTitle {
    font-weight: bold;
    color: #ff0;
    font-weight: 13px
}

#choose-investment-solution .modal-dialog {
    max-width: 1070px
}

#choose-investment-solution .modal-header {
    background: #fff;
    color: #333;
    border-bottom: none;
    padding-top: 14px
}

#choose-investment-solution .modal-body {
    font-size: 14px
}

#choose-investment-solution ol {
    padding-left: 12px;
    padding-top: 5px
}

#choose-investment-solution img {
    margin-bottom: 15px
}

#choose-investment-solution .border-right-grey {
    border-right: 1px solid #ccc
}

@media screen and (max-width: 47.94em) {
    #choose-investment-solution .border-right-grey {
        border-right: none
    }
}

@media screen and (max-width: 47.94em) {
    #choose-investment-solution h2 {
        text-align: center
    }
}

.omegaDB .fontItalic {
    font-style: italic;
    padding-left: 0 !important;
    margin-left: 8px !important
}

.omegaDB .contentFPT {
    margin-left: -23px
}

.omegaDB .stocksContent {
    font-size: 13px !important;
    line-height: 18px
}

.omegaDB ul.fptlistdash {
    list-style-type: unset
}

.omegaDB ul.fptlistdash li {
    font-size: 11px !important;
    border-bottom: none !important;
    padding: 0px !important
}

.omegaDB .msg-frm-founder {
    border: 1px solid #ccc;
    padding: 5px 22px
}

.omegaDB .profiling {
    border: 1px solid #ccc
}

@media screen and (max-width: 47.94em) {
    .omegaDB .mob-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .omegaDB .superstarDB #carouselExampleControls {
        min-height: 160px
    }
}

.chk-list-superstar .border-right-fff {
    border-right: 1px solid #fff
}

.chk-list-superstar strong {
    font-size: 22px
}

.chk-list-superstar .w-10 {
    width: 10%
}

@media screen and (max-width: 47.94em) {
    .chk-list-superstar {
        height: 125px !important
    }
    .chk-list-superstar .w-10 {
        width: 33%
    }
    .chk-list-superstar strong {
        font-size: 19px
    }
}

@media only screen and (max-width: 320px) {
    .chk-list-superstar .btn-danger {
        font-size: 10px
    }
}

.howItWorks {
    margin-top: 9rem;
    font-size: 12px
}

@media screen and (max-width: 47.94em) {
    .howItWorks {
        margin-top: 5rem
    }
    .howItWorks h1 {
        font-size: 2.1rem
    }
}

.howItWorks .w3-button {
    font-size: 15px;
    padding: 5px 10px 0 5px
}

.howItWorks .navigationLeft li {
    border-bottom: 1px solid #ccc;
    padding: 3px
}

.howItWorks .navigationLeft li a {
    font-size: 12px;
    color: #093d72;
    text-decoration: none
}

.howItWorks .navigationLeft li.listStyleNone {
    list-style-type: none
}

.howItWorks .navigationLeft .heading {
    font-weight: 600;
    background: #f1f3f4;
    font-size: 13px;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 5px
}

.howItWorks .navigationLeft .heading .whiteStar {
    color: #f7f7f7
}

.howItWorks .navigationLeft .heading .orangeStar {
    color: #f0801a
}

@media screen and (max-width: 47.94em) {
    .howItWorks .navigationLeft .heading {
        margin: 0 10px;
        padding: 5px 10px
    }
}

.howItWorks .navigationLeft .progress {
    width: 100%;
    margin: 15px 5px
}

.howItWorks .navigationLeft .progress .progress-bar {
    background-color: #1eaf6d
}

.howItWorks .navigationLeft .progress .progress-bar .progressContent {
    color: #333;
    height: 25px;
    position: absolute;
    font-size: 11px;
    margin-top: -20px
}

@media screen and (max-width: 47.94em) {
    .howItWorks .navigationLeft .progress {
        margin-right: 5%
    }
}

.howItWorks .navigationLeft .btn-margin-8 {
    margin: 8px 0 8px 0
}

.howItWorks .navigationLeft .linkWidth {
    width: 95%
}

.howItWorks .rightHeading {
    background: #333;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 5px
}

@media screen and (max-width: 47.94em) {
    .howItWorks .rightHeading {
        font-size: 13px
    }
}

.howItWorks .icon-bar {
    margin-top: 3px;
    background: #78c043 none repeat scroll 0 0;
    height: 3px;
    width: 64%
}

.howItWorks .sidebarBox .w3-button {
    font-size: 16px;
    display: block
}

.howItWorks .w3-sidebar {
    margin-top: -28px
}

.howItWorks .slideBar {
    position: absolute;
    width: 98%;
    z-index: 2;
    transition: .5s;
    margin-top: -12%;
    left: -100%;
    background: #fff
}

.howItWorks .paddingContentLi {
    padding-left: 15px
}

@media screen and (max-width: 47.94em) {
    .howItWorks .paddingContentLi {
        padding-left: 25px
    }
}

.howItWorks .borderRight-dfdfdf {
    border-right: 1px solid #dfdfdf
}

.howItWorks .borderRight-ccc {
    border-right: 1px solid #ccc
}

.howItWorks .content-div h3 {
    color: #3f3f72 !important
}

.howItWorks .content-div ol {
    padding-left: 2rem
}

.closeArrow {
    text-align: right;
    display: block;
    font-size: 20px;
    font-weight: bolder;
    padding: 5px 15px;
    background: #d3d3d3;
    border-radius: 50%
}

.blog-container .blog-nav li.nav-item {
    padding-bottom: 0px;
    background: #f6f8f8;
    margin-right: 5px;
    border-radius: 5px;
    padding: 10px
}

.blog-container .blog-nav li.nav-item a.nav-link {
    color: #343a40;
    padding: 0px;
    margin-right: 5px;
    border-radius: 5px;
    border-bottom: 0px;
    width: auto
}

.blog-container .blog-nav li.nav-item a.nav-link img {
    max-width: 25px
}

@media screen and (max-width: 1024px) {
    .blog-container .blog-nav li.nav-item {
        padding: 8px;
        margin-right: 2px
    }
}

@media screen and (max-width: 768px) {
    .blog-container .blog-nav li.nav-item {
        padding: 8px;
        margin-right: 2px;
        font-size: 12px
    }
}

.blog-container .blog-nav .dropdown {
    position: relative
}

.blog-container .blog-nav .dropdown .dropdown-toggle:hover+.dropdown-menu,
.blog-container .blog-nav .dropdown .dropdown-toggle.show+.dropdown-menu {
    display: block
}

.blog-container .blog-nav .dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175)
}

.blog-container .blog-nav .dropdown .dropdown-menu:hover {
    display: block
}

.blog-container .blog-search input,
.blog-container .blog-search .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .blog-container .blog-search textarea.input-textarea,
.blog-container .blog-search .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .blog-container .blog-search textarea.input-textarea {
    border-radius: 20px;
    border: 1px solid #245049;
    padding: 20px 20px 20px 40px;
    font-size: 14px
}

.blog-container .blog-search i.fa-search {
    position: absolute;
    margin-left: 20px;
    margin-top: 15px;
    font-size: 15px;
    color: #a6a6a6
}

.blog-container .blog-search .dropdown-content {
    width: 90%;
    max-width: 90%;
    background: #fff;
    padding: 5px 10px;
    list-style: none;
    max-height: 60vh;
    overflow-y: hidden;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border-radius: 10px
}

.blog-container .blog-search .dropdown-content li {
    padding: 5px;
    border-bottom: 1px solid #d3d3d3
}

.blog-container .blog-search .dropdown-content li a {
    color: #343a40
}

@media screen and (max-width: 767px) {
    .blog-container .blog-search {
        position: fixed;
        right: -90%;
        width: 90%;
        transition: .3s
    }
    .blog-container .blog-search i.fa-search.float-search {
        margin-left: -35px;
        padding: 15px 5px 15px 15px;
        background: #fff;
        border-radius: 20px 0 0 20px;
        box-shadow: 5px 5px 10px;
        margin-top: 0px
    }
    .blog-container .blog-search i.fas.fa-times.float-close {
        float: right;
        margin-top: -40px;
        font-size: 20px;
        margin-right: -30px;
        padding: 10px
    }
    .blog-container .blog-search.active,
    .blog-container .nse-bse-indices .stock-indices a.blog-search,
    .nse-bse-indices .stock-indices .blog-container a.blog-search {
        right: 20px;
        transition: .3s
    }
}

.blog-container .bg-faintgreen {
    background: #edfcf3
}

.blog-container .blog-card {
    transition: .3s;
    min-height: 250px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .0509803922);
    margin-bottom: 10px;
    background: #fff
}

.blog-container .blog-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    border: 1px solid #b5964d !important
}

.blog-container .blog-card img.blog-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 150px;
    width: 100%;
    background-color: #fff
}

.blog-container .blog-card .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.blog-container .blog-card .content a.a-none .blog-title {
    color: #245049;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-weight: 400;
    -webkit-box-orient: vertical
}

.blog-container .blog-card .content a.a-none .blog-title:before {
    content: "";
    position: relative;
    background: #19af6e;
    height: 4px;
    width: 12%;
    border-radius: 10px
}

.blog-container .blog-card .content a.a-none .blog-title:hover {
    text-decoration: none
}

@media screen and (max-width: 425px) {
    .blog-container .blog-card .content a.a-none .blog-title {
        font-size: 130% !important
    }
}

.blog-container .blog-card .content a.a-none:hover {
    text-decoration: none;
    color: #245049
}

.blog-container .blog-card .content .blog-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-container .blog-card .content img.icon {
    margin-right: 2px
}

.blog-container .blog-card .content:hover {
    background-color: #f6f8f8
}

.blog-container .featured-box {
    display: flex;
    gap: 20px
}

.blog-container .featured-box .blog-main {
    flex: 2
}

.blog-container .featured-box .blog-card {
    min-height: 200px
}

.blog-container .featured-box .blog-card .content {
    min-height: auto
}

.blog-container .featured-box .blog-card .content a.a-none .blog-title {
    padding-top: 0px;
    margin-bottom: 0px;
    min-height: 30px;
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.blog-container .featured-box .blog-card .content a.a-none .blog-title::before {
    content: none
}

.blog-container .featured-box .featured-blog-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    min-width: 100%;
    min-height: 365px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

@media screen and (max-width: 727px) {
    .blog-container .featured-box .featured-blog-box {
        min-height: 125px
    }
}

.blog-container .featured-box .featured-blog-box .featured {
    position: relative
}

.blog-container .featured-box .featured-blog-box .featured::before {
    position: absolute;
    top: 29px;
    right: 0px;
    content: "";
    background-color: #245049;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
    z-index: -1
}

.blog-container .featured-box .featured-blog-box .featured::after {
    position: absolute;
    content: attr(data-label);
    top: 11px;
    right: -6px;
    padding: .5rem;
    width: 10rem;
    background-color: #245049;
    color: #fff;
    text-align: center;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, .2);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.blog-container .featured-box .blog-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.blog-container .featured-box .blog-side img.blog-img {
    max-height: 130px;
    min-height: 130px
}

@media(max-width: 727px) {
    .blog-container .featured-box {
        display: block
    }
}

.tag.premium {
    position: absolute;
    display: block;
    padding: 5px 8px
}

.topic-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0 auto
}

.topic-section .topic-box {
    background: #fff;
    border: 1px solid #b5964d;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center
}

.topic-section .topic-box img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.topic-section .topic-box h3 {
    color: #245049;
    font-size: 15px;
    line-height: 20px
}

.topic-section .topic-box:hover {
    background-color: #f6f8f8;
    text-decoration: none
}

.topic-section .topic-box:hover h3 {
    color: #245049
}

@media screen and (max-width: 768px) {
    .topic-section {
        grid-template-columns: repeat(4, 1fr)
    }
    .topic-section .topic-box {
        padding: 20px 15px
    }
}

@media screen and (max-width: 425px) {
    .topic-section {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5px
    }
    .topic-section .topic-box {
        padding: 20px 15px
    }
    .topic-section .topic-box h3 {
        font-size: 12px
    }
}

.blog-detail-section h1.blog-title {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
    text-align: left;
    color: #245049
}

@media screen and (max-width: 768px) {
    .blog-detail-section h1.blog-title {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.blog-detail-section .gridlove-author .gridlove-author-desc p {
    font-size: 1.1rem;
    margin-top: 10px
}

.blog-detail-section .comment-form-container {
    background: #f0f0f0;
    border: #e0dfdf 1px solid;
    padding: 20px;
    border-radius: 2px
}

.blog-detail-section .comment-form-container .input-field {
    width: 100%;
    border-radius: 2px;
    padding: 10px;
    border: #e0dfdf 1px solid;
    margin-bottom: 10px
}

.blog-detail-section .comment-form-container #comment-message {
    margin-left: 20px;
    color: #189a18;
    display: none
}

.blog-detail-section .comment-form-container #error-message {
    margin-left: 20px;
    display: none
}

.blog-detail-section .comment-form-container ul.outer-comment {
    padding: 10px;
    border: #dedddd 1px solid;
    background: #fff;
    list-style-type: none
}

.blog-detail-section .blog-content figure.image img {
    max-width: 100%;
    height: auto
}

.blog-detail-section .blog-content img {
    max-width: 100%;
    height: auto
}

.blog-detail-section .related-div .related-list .list-item:hover {
    text-decoration: none;
    background-color: #f6f8f8;
    color: #245049
}

.blog-detail-section .related-div .related-list .list-item:hover a.a-none:hover {
    text-decoration: none;
    color: #245049
}

.blog-detail-section .category-link {
    border: 1px solid #b5964d;
    border-radius: 10px;
    width: 100%;
    padding: 10px 20px;
    font-weight: 600;
    margin: 5px 0px;
    color: #245049
}

.blog-detail-section .category-link img.category-icon {
    max-width: 30px
}

.blog-detail-section .category-link:hover {
    background-color: #f6f8f8;
    text-decoration: none
}

#floating-share-buttons {
    list-style-type: none;
    padding: 0px;
    display: inline-flex
}

#floating-share-buttons li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 5px;
    line-height: 30px
}

@media(max-width: 727px) {
    #floating-share-buttons #floating-share-buttons {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center
    }
    #floating-share-buttons #floating-share-buttons li {
        display: inline-block;
        width: 16.6666666667%;
        padding: 0;
        margin: 0
    }
    #floating-share-buttons #floating-share-buttons li a {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        height: 3rem;
        width: 100%
    }
}

@media only screen and (max-width: 600px) {
    .blog-nav {
        display: inline-block;
        text-align: left
    }
}

.mobile-nav .hamburger {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    width: 20px;
    height: 15px
}

.mobile-nav .hamburger span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
    transition: .3s
}

.mobile-nav.active .hamburger,
.nse-bse-indices .stock-indices a.mobile-nav .hamburger {
    display: none;
    right: 10px
}

.mobile-nav.active .close-button,
.nse-bse-indices .stock-indices a.mobile-nav .close-button {
    display: block
}

.mobile-nav.active .blog-nav,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .5);
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .3s ease
}

.mobile-nav.active .blog-nav .close-button,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .close-button {
    text-align: right;
    padding: 5px 10px;
    color: #343a40;
    font-size: 20px
}

.mobile-nav.active .blog-nav .nav-item,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.mobile-nav.active .blog-nav .nav-item .nav-link,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item .nav-link {
    display: block;
    width: calc(100% - 30px);
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.mobile-nav.active .blog-nav .nav-item .dropdown-toggle,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item .dropdown-toggle {
    display: inline-block;
    width: 30px;
    text-align: center;
    cursor: pointer
}

.mobile-nav.active .blog-nav .nav-item .dropdown-toggle::after,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item .dropdown-toggle::after {
    border: 0
}

.mobile-nav.active .blog-nav .nav-item .dropdown-menu,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item .dropdown-menu {
    display: none
}

.mobile-nav.active .blog-nav .nav-item .dropdown-menu .dropdown-item,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item .dropdown-menu .dropdown-item {
    padding-left: 30px
}

.mobile-nav.active .blog-nav .nav-item.open .dropdown-menu,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item.open .dropdown-menu {
    display: block
}

.mobile-nav.active .blog-nav .nav-item.dropdown,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav .nav-item.dropdown {
    display: flex
}

.mobile-nav.active .blog-nav.open,
.nse-bse-indices .stock-indices a.mobile-nav .blog-nav.open {
    transform: translateX(0);
    display: block;
    z-index: 3
}

.mobile-nav .close-button {
    display: none
}

.blog-nav {
    display: flex
}

.blog-nav .nav-item {
    position: relative
}

.blog-nav .nav-item .nav-link {
    display: inline-block;
    padding: 10px 15px;
    position: relative
}

.blog-nav .nav-item .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
    z-index: 1000
}

.blog-nav .nav-item .dropdown-menu .dropdown-item {
    padding: 2px 8px;
    font-size: 13px
}

.blog-nav .nav-item:hover .dropdown-menu {
    display: block
}

@media(max-width: 727px) {
    .mobile-nav .blog-nav {
        display: none
    }
}

.review-container .testimonial-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: auto
}

.review-container .testimonial-grid .testimonial-card {
    flex: 1 1 calc(50% - 20px);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3.49px 7.84px 0px rgba(63, 63, 114, .2);
    padding: 20px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto
}

.review-container .testimonial-grid .testimonial-card.with-video {
    flex: 1 1 calc(50% - 20px)
}

.review-container .testimonial-grid .testimonial-card.text-only {
    flex: 1 1 100%;
    max-width: 850px;
    margin: 25px auto
}

.review-container .testimonial-grid .testimonial-card .avatar {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f0f0f0;
    overflow: hidden;
    border: 1px solid #b5964d
}

.review-container .testimonial-grid .testimonial-card .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review-container .testimonial-grid .testimonial-card .content {
    margin-top: 25px
}

.review-container .testimonial-grid .testimonial-card .content .rating {
    font-size: 24px;
    color: #b5964d;
    margin-bottom: 10px
}

.review-container .testimonial-grid .testimonial-card .content h3.title {
    color: #245049;
    margin: 0
}

.review-container .testimonial-grid .testimonial-card .content .location {
    color: #3e3e71;
    font-weight: 600;
    margin-bottom: 20px
}

.review-container .testimonial-grid .testimonial-card .content .testimonial {
    font-size: 16px;
    line-height: 1.6
}

.review-container .testimonial-grid .testimonial-card .content .video {
    margin-bottom: 20px
}

.review-container .testimonial-grid .testimonial-card .content .video img {
    width: 100%;
    border-radius: 10px
}

@media(max-width: 727px) {
    .review-container .testimonial-grid {
        display: flex;
        flex-direction: column
    }
}

.mfpromo-base {
    padding: 10px 1em;
    max-width: 800px
}

.mfpromo-base .sher-billi {
    background: url("/images/dashboard/sher-billi.jpg") no-repeat 0 0;
    min-width: 290px;
    min-height: 350px;
    position: relative
}

.mfpromo-base .sher-billi i {
    position: absolute;
    z-index: 1;
    right: -7%;
    top: 35%;
    background: #fa774d;
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    padding: 9px 13px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .sher-billi i {
        display: none
    }
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .sher-billi {
        margin: 5px auto 10px;
        background: url("/images/dashboard/sher-billi.jpg") no-repeat center 0
    }
}

.mfpromo-base .form-outer {
    padding: 15px 10px 5px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    color: #333
}

.mfpromo-base .form-outer form div#input_fields {
    width: 100%
}

.mfpromo-base .form-outer form div#input_fields div.inputlist {
    width: 95%;
    margin-left: 5%;
    margin-bottom: 5px
}

.mfpromo-base .form-outer form div#input_fields div.inputlist span {
    display: inline-block;
    width: 3%
}

.mfpromo-base .form-outer form div#input_fields div.inputlist .fundname {
    width: 65%
}

.mfpromo-base .form-outer form div#input_fields div.inputlist select {
    width: 27%
}

.mfpromo-base .form-outer form div#input_fields div.inputlist input,
.mfpromo-base .form-outer form div#input_fields div.inputlist .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mfpromo-base .form-outer form div#input_fields div.inputlist textarea.input-textarea,
.mfpromo-base .form-outer form div#input_fields div.inputlist .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mfpromo-base .form-outer form div#input_fields div.inputlist textarea.input-textarea,
.mfpromo-base .form-outer form div#input_fields div.inputlist select {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.2;
    height: calc(2.4rem + 2px)
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .form-outer form div#input_fields div.inputlist {
        display: flex;
        align-items: center;
        margin: 0;
        width: 100%;
        justify-content: center
    }
    .mfpromo-base .form-outer form div#input_fields div.inputlist .fundname {
        margin: 0 5px
    }
}

.mfpromo-base .form-outer .btn-orange {
    background: #fa774d;
    border: none;
    color: #fff;
    width: 40%;
    padding: .6rem 0
}

.mfpromo-base .form-outer .btn-dark {
    border: none;
    color: #fff;
    width: 40%;
    padding: .6rem 0
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .form-outer {
        margin: 0 5px
    }
}

.mfpromo-base .border-bot {
    border-bottom-color: #e2e2e2;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.mfpromo-base .commonmis {
    text-align: left
}

.mfpromo-base .commonmis .title {
    background: #ebebeb;
    padding: 5px 7px
}

.mfpromo-base .commonmis .title .form-check-inline {
    margin-right: 0
}

.mfpromo-base .commonmis .title .fa-thumbs-up {
    color: #093
}

.mfpromo-base .commonmis .title .fa-thumbs-down {
    color: #d52121
}

.mfpromo-base .commonmis .title:before {
    content: "•";
    padding-right: 5px
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .commonmis .title {
        font-size: .8em
    }
}

.mfpromo-base .commonmis .expdetail {
    font-size: .9em;
    padding: 0 5px 5px
}

.mfpromo-base .commonmis .expdetail div {
    color: #093
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base {
        margin: 4rem auto 10px
    }
}

.mfpromo-base .contentH1 {
    font-size: 2.1rem;
    margin-top: -3px
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .contentH1 {
        font-size: 1.2em;
        font-weight: 500
    }
}

.mfpromo-base .d-flex-mb {
    display: flex
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .d-flex-mb {
        display: inline-block;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 47.94em) {
    .mfpromo-base .d-flex-mb h2 {
        padding: 0;
        margin-bottom: 0
    }
}

.bg-lightgreenshade {
    background-color: #f6f8f8 !important
}

.bg-gold {
    background-color: #b5964d
}

.bg-greenshade {
    background-color: #245049
}

.bg-omega-theme {
    background-color: #245049
}

@media(max-width: 768px) {
    .omega-logo h1 img {
        max-height: 36px !important
    }
}

@media(max-width: 768px) {
    .mw4me-logo-white {
        max-width: 65px !important
    }
}

.omega-header {
    background-color: #245049
}

.omega-header .border-info {
    border-color: #b5964d !important;
    color: #b5964d !important
}

.omega-header .border-info .fa-user {
    color: #b5964d !important
}

.omega-header .login-init {
    background-color: #b5984d !important
}

.omega-header .mobile_btn {
    color: #f4f4f4
}

.omega-header .desktopMenu .main_menu .mega_menu,
.omega-header .desktopMenu .main_menu ul.sub_menu {
    background: #fff;
    box-shadow: -1px 3px 5px 0px rgba(181, 152, 77, .75);
    border-bottom: 1px solid #b5964d;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.omega-header .desktopMenu .main_menu .mega_menu a .menu-sub-heading,
.omega-header .desktopMenu .main_menu ul.sub_menu a .menu-sub-heading {
    color: #245049 !important
}

.omega-header .desktopMenu .main_menu ul li #mypremiummenu img {
    display: none !important
}

.omega-header .desktopMenu .main_menu ul li a {
    color: #b5964d !important
}

.omega-header .desktopMenu .main_menu span.mega-title {
    color: #b5964d;
    border-bottom: 2px solid #b5964d
}

.btn-greenshade {
    background-color: #245049 !important;
    border: 1px solid #245049 !important;
    color: #fff !important
}

.btn-greenshade:hover {
    background-color: #fff !important;
    border: 1px solid #245049 !important;
    color: #245049 !important
}

.btn-outline-greenshade {
    background-color: #f6f8f8;
    border: 1px solid #245049 !important;
    color: #245049
}

.btn-outline-greenshade:hover {
    background-color: #245049 !important;
    border: 1px solid #245049 !important;
    color: #fff !important
}

.btn-call {
    border-radius: 20px;
    color: #fff;
    background-color: #b5964d
}

.btn-call:hover {
    background-color: #245049;
    border: 1px solid #b5964d !important;
    color: #b5964d !important
}

.btn-golden {
    border-radius: 10px;
    color: #fff !important;
    background-color: #b5964d !important
}

.btn-golden:hover {
    background-color: #fff !important;
    border: 1px solid #b5964d !important;
    color: #b5964d !important
}

.btn-outline-golden {
    border: 1px solid #b5964d !important;
    color: #b5964d !important
}

.btn-outline-golden:hover {
    color: #fff !important;
    background-color: #b5964d
}

.text-greenshade {
    color: #245049
}

.text-darkgreenshade {
    color: #132a26
}

.text-golden {
    color: #b5964d
}

.border-gold {
    border: 1px solid #b5964d !important
}

.border-greenshade {
    border: 1px solid #245049 !important
}

#omega-clients-review a.btn-outline-golden {
    border: 1px solid #b5964d !important;
    color: #b5964d
}

#omega-clients-review a.btn-outline-golden:hover {
    color: #fff !important;
    background-color: #b5964d
}

#omega-clients-review #omega-customers-testimonials .owl-dots .owl-dot span {
    opacity: .4;
    background: #b5964d !important
}

#omega-clients-review #omega-customers-testimonials .owl-dots .owl-dot.active span,
#omega-clients-review #omega-customers-testimonials .owl-dots .nse-bse-indices .stock-indices a.owl-dot span,
.nse-bse-indices .stock-indices #omega-clients-review #omega-customers-testimonials .owl-dots a.owl-dot span {
    opacity: 1
}

@media(max-width: 768px) {
    #omega-clients-review #omega-customers-testimonials .owl-dots {
        display: none
    }
}

#omega-clients-review #omega-customers-testimonials .owl-item .item .border-info {
    border-color: #b5964d !important;
    color: #b5964d !important
}

@media(max-width: 768px) {
    #omega-clients-review #omega-customers-testimonials .owl-item .item {
        opacity: .6
    }
}

#omega-clients-review #omega-customers-testimonials .owl-item.active.center .item,
#omega-clients-review #omega-customers-testimonials .nse-bse-indices .stock-indices a.owl-item.center .item,
.nse-bse-indices .stock-indices #omega-clients-review #omega-customers-testimonials a.owl-item.center .item {
    opacity: 1
}

#omega-clients-review .client-details h4 {
    color: #b5964d;
    font-size: 1.2rem;
    font-family: 500;
    margin-bottom: 0
}

#omega-clients-review .client-details p.city {
    font-size: 1rem
}

#omega-clients-review .review-text p {
    font-size: .9rem
}

#omega-clients-review1 a.btn-outline-golden {
    border: 1px solid #b5964d !important;
    color: #b5964d
}

#omega-clients-review1 a.btn-outline-golden:hover {
    color: #fff !important;
    background-color: #b5964d
}

#omega-clients-review1 #omega-customers-testimonials1 .owl-dots .owl-dot span {
    opacity: .4;
    background: #b5964d !important
}

#omega-clients-review1 #omega-customers-testimonials1 .owl-dots .owl-dot.active span,
#omega-clients-review1 #omega-customers-testimonials1 .owl-dots .nse-bse-indices .stock-indices a.owl-dot span,
.nse-bse-indices .stock-indices #omega-clients-review1 #omega-customers-testimonials1 .owl-dots a.owl-dot span {
    opacity: 1
}

@media(max-width: 768px) {
    #omega-clients-review1 #omega-customers-testimonials1 .owl-dots {
        display: none
    }
}

#omega-clients-review1 #omega-customers-testimonials1 .owl-item .item {
    opacity: 1
}

#omega-clients-review1 #omega-customers-testimonials1 .owl-item .item .border-info {
    border-color: #b5964d !important;
    color: #b5964d !important
}

#omega-clients-review1 #omega-customers-testimonials1 .owl-item .item div.border {
    background-color: #245049 !important
}

@media(max-width: 768px) {
    #omega-clients-review1 #omega-customers-testimonials1 .owl-item .item {
        opacity: .6
    }
}

#omega-clients-review1 .client-details h4 {
    color: #b5964d;
    font-size: 1.2rem;
    font-family: 500;
    margin-bottom: 0
}

#omega-clients-review1 .client-details p.city {
    font-size: 1rem
}

#omega-clients-review1 .review-text p {
    font-size: .9rem
}

.timeline-div .title-box {
    width: 50%;
    text-align: right;
    border-right: 1px solid #b5964d;
    padding: 10px 25px 5px 20px
}

.timeline-div .title-box::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #b5964d;
    position: absolute;
    margin-top: 10px;
    right: 49.3%;
    transform: rotate(45deg)
}

.timeline-div .description-box {
    width: 50%;
    text-align: justify;
    border-left: 1px solid #b5964d;
    padding: 10px 20px 5px 25px
}

@media only screen and (max-width: 727px) {
    .timeline-div .title-box {
        width: 100%;
        text-align: left;
        border-right: 0px;
        border-left: 1px solid #b5964d;
        padding-left: 35px;
        padding-right: 0px;
        min-height: 40px;
        display: flex;
        align-content: center;
        flex-direction: column-reverse;
        padding-bottom: 26px
    }
    .timeline-div .title-box::before {
        border-radius: 0;
        background-color: rgba(0, 0, 0, 0);
        left: 25px;
        width: 0px;
        height: 0px;
        border: 20px solid;
        border-top-color: rgba(0, 0, 0, 0);
        border-left-color: rgba(0, 0, 0, 0);
        border-right-color: rgba(0, 0, 0, 0);
        border-bottom-color: #b5964d;
        transform: rotate(90deg);
        transition: .5s ease
    }
    .timeline-div .title-box h3 {
        margin-bottom: 0
    }
    .timeline-div .description-box {
        width: 100%;
        padding-right: 0px;
        padding-top: 0px
    }
    .timeline-div .accordion-item .description-box {
        display: none
    }
    .timeline-div .accordion-item .title-box {
        cursor: pointer
    }
    .timeline-div .accordion-item.active .title-box::before,
    .timeline-div .nse-bse-indices .stock-indices a.accordion-item .title-box::before,
    .nse-bse-indices .stock-indices .timeline-div a.accordion-item .title-box::before {
        transition: .5s ease;
        transform: rotate(180deg);
        margin-left: -20px
    }
    .timeline-div .accordion-item.active .description-box,
    .timeline-div .nse-bse-indices .stock-indices a.accordion-item .description-box,
    .nse-bse-indices .stock-indices .timeline-div a.accordion-item .description-box {
        transition: .5s ease;
        display: block
    }
}

.testimonials #omega-customers-testimonials .item,
.testimonials #omega-customers-testimonials1 .item {
    padding: 15px;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 3px
}

.testimonials #omega-customers-testimonials .item .card,
.testimonials #omega-customers-testimonials1 .item .card {
    height: 390px;
    margin-bottom: 0px;
    border: 1px solid #b5964d
}

.testimonials #omega-customers-testimonials .item .card p,
.testimonials #omega-customers-testimonials1 .item .card p {
    height: 280px;
    background-color: #f6f8f8;
    font-style: italic;
    color: #132a26;
    border-radius: 10px;
    display: flex;
    font-weight: 600;
    align-items: center
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: -60px;
    border: 1px solid #b5964d;
    border-radius: 50%;
    padding: 14px !important;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-nav button.owl-prev span {
    font-size: 32px;
    line-height: 1.2;
    color: #245049;
    font-weight: 600
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    right: -60px;
    border: 1px solid #b5964d;
    border-radius: 50%;
    padding: 14px !important;
    height: 14px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-nav button.owl-next span {
    font-size: 32px;
    line-height: 1.2;
    color: #245049;
    font-weight: 600
}

@media(max-width: 768px) {
    .testimonials #omega-customers-testimonials.owl-carousel .owl-nav {
        display: none
    }
}

.testimonials #omega-customers-testimonials.owl-carousel .fa-star,
.testimonials #omega-customers-testimonials.owl-carousel .fa-star-half {
    color: #b5964d;
    font-size: 14px
}

.testimonials #omega-customers-testimonials .owl-item:hover .item .card {
    box-shadow: rgba(11, 11, 12, .48) 1px 5px 9px 0px;
    -webkit-transform: scale3d(1.01, 1.01, 1);
    transform: scale3d(1.01, 1.01, 1)
}

.testimonials #omega-customers-testimonials1 .owl-item.active.center .item,
.testimonials #omega-customers-testimonials1 .nse-bse-indices .stock-indices a.owl-item.center .item,
.nse-bse-indices .stock-indices .testimonials #omega-customers-testimonials1 a.owl-item.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: translate3d(0px, -50%, 0px) scale(0.6)
}

.testimonials #omega-customers-testimonials1 .owl-item.active.center .item div.border,
.testimonials #omega-customers-testimonials1 .nse-bse-indices .stock-indices a.owl-item.center .item div.border,
.nse-bse-indices .stock-indices .testimonials #omega-customers-testimonials1 a.owl-item.center .item div.border {
    background-color: #1b1b1b
}

.testimonials .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: -7px auto 5px
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
.testimonials #omega-customers-testimonials.owl-carousel .owl-dots .nse-bse-indices .stock-indices a.owl-dot span,
.nse-bse-indices .stock-indices .testimonials #omega-customers-testimonials.owl-carousel .owl-dots a.owl-dot span,
.testimonials #omega-customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3bcfd5;
    transform: translate3d(0px, -50%, 0px) scale(0.6)
}

.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots .owl-dot.active span,
.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots .nse-bse-indices .stock-indices a.owl-dot span,
.nse-bse-indices .stock-indices .testimonials #omega-customers-testimonials1.owl-carousel .owl-dots a.owl-dot span,
.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3bcfd5;
    transform: translate3d(0px, -50%, 0px) scale(0.6)
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center
}

.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    outline: none
}

.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    outline: none
}

.testimonials #omega-customers-testimonials.owl-carousel .owl-dots .owl-dot span,
.testimonials #omega-customers-testimonials1.owl-carousel .owl-dots .owl-dot span {
    background: #94ebc1;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
    border-radius: 100%
}

.testimonials .item p.text-muted {
    font-size: 1.1rem
}

.testimonials .commo img {
    width: 25px !important;
    height: auto;
    float: left;
    filter: contrast(0)
}

.testimonials .author-img img {
    width: 60px !important;
    height: auto;
    border-radius: 100%;
    margin-bottom: 0 !important
}

.testimonials .fa-star,
.testimonials .fa-star-half {
    color: #b5964d
}

.omega-container {
    background-color: #245049;
    color: #f6f6f6
}

.omega-container .marketing-omega {
    background-color: #245049
}

.omega-container .marketing-omega .form-container .form .form-input,
.omega-container .marketing-omega .form-container .form #datetimepicker1>input[type=text],
.omega-container .marketing-omega .form-container .form .my-acc .formcon #datetimepicker1>textarea[type=text].input-textarea,
.my-acc .formcon .omega-container .marketing-omega .form-container .form #datetimepicker1>textarea[type=text].input-textarea,
.omega-container .marketing-omega .form-container .form .my-acc .form-group #datetimepicker1>textarea[type=text].input-textarea,
.my-acc .form-group .omega-container .marketing-omega .form-container .form #datetimepicker1>textarea[type=text].input-textarea {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: .25rem !important;
    font-size: unset !important
}

.omega-container .marketing-omega .form-container .form .form-input:-webkit-autofill {
    color: #000 !important;
    box-shadow: 0 0 0px 1000px #353434 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s !important
}

.omega-container .marketing-omega .form-container .form .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #495057
}

.omega-container .marketing-omega .form-container .form .iti--separate-dial-code .iti__selected-flag {
    background-color: unset !important
}

.omega-container .marketing-omega .formula-div {
    background-color: #245049;
    border: 2px solid #b5964d
}

.omega-container .marketing-omega .what-do-you-get .tabs {
    width: 40%
}

.omega-container .marketing-omega .what-do-you-get .tabs a {
    background-color: #b5964d;
    color: #fff
}

.omega-container .marketing-omega .what-do-you-get .tabs a.active,
.omega-container .marketing-omega .what-do-you-get .tabs .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .omega-container .marketing-omega .what-do-you-get .tabs a {
    background-color: #fff;
    color: #245049
}

.omega-container .marketing-omega .what-do-you-get .tabs .image-wrapper {
    width: 60%
}

.omega-container .marketing-omega #toolsSection .nav-tabs .nav-item {
    text-align: center
}

.omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    border-radius: 15px;
    color: #fff;
    line-height: 1.2;
    background-color: #b5964d !important;
    border: 1px solid #b5964d;
    min-height: 50px
}

.omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link i {
    display: none
}

@media only screen and (max-width: 525px) {
    .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link i {
        display: inline-block
    }
}

@media only screen and (max-width: 525px) {
    .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        padding: 5px;
        width: 100%
    }
}

.omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link.active,
.omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item a.nav-link {
    color: #245049;
    background-color: #fff !important;
    border: 1px solid #b5964d
}

@media only screen and (max-width: 525px) {
    .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nav-link.active i,
    .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link i,
    .nse-bse-indices .stock-indices .omega-container .marketing-omega #toolsSection .nav-tabs .nav-item a.nav-link i {
        display: inline-block;
        animation: blink 1s linear infinite
    }
}

.omega-container .marketing-omega #toolsSection #content {
    border-radius: 30px
}

.omega-container .marketing-omega #toolsSection #content .tab-title {
    text-align: center
}

.omega-container .marketing-omega #toolsSection #content .tab-title h4 {
    font-size: 20px;
    color: #245049 !important
}

.omega-container .marketing-omega #toolsSection #content .tab-para {
    text-align: justify;
    background-color: #245049;
    color: #fff;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px
}

.omega-container .marketing-omega #toolsSection #content .tab-para p {
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 0
}

@media only screen and (max-width: 525px) {
    .omega-container .marketing-omega #toolsSection #content .tab-para p {
        font-size: 12px;
        letter-spacing: normal
    }
}

.omega-container .marketing-omega #toolsSection #content .tab-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.omega-container .marketing-omega #toolsSection #content .tab-img-wrapper img {
    width: 100%
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item {
    margin-bottom: 10px
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-button {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #b5964d;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border: none;
    border-radius: 15px;
    transition: background-color .3s ease, color .3s ease;
    cursor: pointer
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-button i {
    font-size: 12px;
    margin-left: 10px;
    transition: transform .3s ease
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-button.active i,
.omega-container .marketing-omega #toolsSection .accordion .accordion-item .nse-bse-indices .stock-indices a.accordion-button i,
.nse-bse-indices .stock-indices .omega-container .marketing-omega #toolsSection .accordion .accordion-item a.accordion-button i {
    transform: rotate(180deg)
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-button.active,
.omega-container .marketing-omega #toolsSection .accordion .accordion-item .nse-bse-indices .stock-indices a.accordion-button,
.nse-bse-indices .stock-indices .omega-container .marketing-omega #toolsSection .accordion .accordion-item a.accordion-button {
    background-color: #fff;
    color: #000
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-content {
    display: none
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-content .tab-title h4 {
    text-align: center
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-content .tab-img-wrapper img {
    width: 100%;
    height: auto
}

.omega-container .marketing-omega #toolsSection .accordion .accordion-item .accordion-content .tab-para {
    border-bottom: 1px solid #b5964d
}

.omega-container .marketing-omega .banner-section {
    min-height: 70vh;
    background-image: url(/images/omega-solution/omega-marketing/omega-marketing-hero-image.png);
    background-repeat: repeat
}

@media(max-width: 768px) {
    .omega-container .marketing-omega .banner-section {
        min-height: 50vh;
        background-size: cover;
        background-position-x: center
    }
}

@media(max-width: 768px) {
    .omega-container .marketing-omega .banner-section h3 {
        font-size: 22px
    }
}

.omega-container .marketing-omega #omega-customers-testimonials .owl-stage-outer.owl-height {
    height: auto !important
}

.omega-container .top-nav ul.nav li.nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px
}

.omega-container .top-nav ul.nav li.nav-item a {
    display: block;
    color: #f6f6f6;
    padding: 8px 4px 2px;
    border-radius: 5px 5px 0 0;
    text-decoration: none
}

.omega-container .top-nav ul.nav li.nav-item a:hover {
    color: #b5964d
}

.omega-container .top-nav ul.nav li.nav-item a.active,
.omega-container .top-nav ul.nav li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .omega-container .top-nav ul.nav li.nav-item a {
    color: #b5964d
}

.omega-container .nav-border a {
    padding: .5rem 4rem;
    font-size: 1.2rem;
    font-weight: 500
}

.omega-container .nav-border a.active,
.omega-container .nav-border .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .omega-container .nav-border a {
    border: 1px solid #b5964d
}

.omega-container section {
    min-height: 50vh
}

.omega-container section .py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.omega-container section.h-auto {
    min-height: auto
}

.omega-container .tilted-bg-green,
.omega-container .tilted-bg-dark {
    position: relative;
    padding: 0px 5px;
    z-index: 1;
    display: inline-block
}

.omega-container .tilted-bg-green::before,
.omega-container .tilted-bg-dark::before {
    content: "";
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    top: -14%;
    left: 0%;
    z-index: -1;
    background: #b6ffdc;
    transform: rotate(-2deg)
}

.omega-container .tilted-bg-dark::before {
    color: #fff;
    background-color: #333
}

.omega-container .formula-div {
    background: #245049;
    border: 2px solid #b5964d;
    border-radius: 20px;
    padding: 15px 5%;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    margin-top: -45px
}

.omega-container .text-highlight {
    color: #b5964d
}

.omega-container i.fa-li.fa.fa-circle {
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    text-indent: 6px
}

.omega-container ul.navtop {
    background-color: rgba(255, 255, 255, .1490196078);
    padding: 10px;
    border-radius: 10px
}

.omega-container ul.navtop li {
    padding-bottom: 0
}

.omega-container ul.navtop li a {
    color: #245049;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #245049;
    border-radius: 10px;
    padding: 10px 15px
}

.omega-container ul.navtop li a.active,
.omega-container ul.navtop li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .omega-container ul.navtop li a {
    background-color: #b5964d;
    color: #fff
}

.omega-container .table-div tbody tr {
    border-bottom: 1px solid rgba(66, 233, 240, .2901960784)
}

.omega-container .table-div tbody tr:last-child {
    border-bottom: 0 !important
}

.omega-container .table-div tbody tr th {
    border-bottom: 0px
}

.omega-container .table-div tbody tr th::after {
    position: absolute;
    content: " ";
    display: block;
    width: 1px;
    height: 89%;
    background: linear-gradient(rgba(139, 250, 255, 0.11) 0%, hsla(42deg, 41%, 51%, 0.55) 10%, rgba(181, 150, 77, 0.5215686275) 90%, rgba(139, 250, 255, 0.11) 100%);
    top: 0;
    margin-left: -10px
}

.omega-container .table-div tbody tr th:first-child::after {
    background: none
}

.omega-container .table-div tbody tr td {
    padding: 10px 0px;
    border-bottom: 0px
}

@media(max-width: 768px) {
    .omega-container #ouroffering .subscribe-fee .font-18rem {
        font-size: 1.2rem !important
    }
    .omega-container #ouroffering .subscribe-fee .font-12rem {
        font-size: 1rem !important
    }
    .omega-container #ouroffering .subscribe-fee .omega-container .most-preferred {
        width: 75px !important;
        right: -15px !important;
        margin-top: -35px !important
    }
}

@media(max-width: 425px) {
    .omega-container #ouroffering .subscribe-fee .omega-container .most-preferred {
        width: 65px !important
    }
}

@media(max-width: 375px) {
    .omega-container #ouroffering .subscribe-fee .nav.nav-border {
        justify-content: start !important
    }
}

.omega-container #ouroffering .subscribe-fee .table-div .table tbody tr td {
    font-size: 15px;
    font-weight: 800
}

.omega-container #ouroffering .square-grid-container {
    display: grid;
    justify-content: center;
    grid-template-columns: 160px 160px;
    padding: 20px;
    position: relative
}

.omega-container #ouroffering .square-grid-container .grid-item {
    text-align: center;
    padding: 20px 10px
}

.omega-container #ouroffering .square-grid-container .grid-item:after {
    position: absolute;
    content: " ";
    display: block;
    width: 1px;
    height: 80%;
    background: linear-gradient(#245049 0%, #b5984d 10%, #b5984d 90%, #245049 100%);
    top: 10%;
    right: 50%
}

@media(max-width: 375px) {
    .omega-container #ouroffering .square-grid-container {
        grid-template-columns: 150px 150px
    }
}

.omega-container .form .form-input,
.omega-container .form #datetimepicker1>input[type=text],
.omega-container .form .my-acc .formcon #datetimepicker1>textarea[type=text].input-textarea,
.my-acc .formcon .omega-container .form #datetimepicker1>textarea[type=text].input-textarea,
.omega-container .form .my-acc .form-group #datetimepicker1>textarea[type=text].input-textarea,
.my-acc .form-group .omega-container .form #datetimepicker1>textarea[type=text].input-textarea {
    background: rgba(0, 0, 0, 0) !important;
    color: #f4f4f4
}

.omega-container #make-it-happen .card-icon {
    max-width: 60px;
    max-height: 60px;
    margin: -50px auto 30px;
    background: #fff;
    border-radius: 50%;
    border: 5px solid #a3ffc3;
    padding: 5px
}

.omega-container #implementing-steps h2 {
    margin-bottom: 50px
}

.omega-container #implementing-steps .step-box {
    margin-top: 20px
}

.omega-container #implementing-steps .step-box img.icon {
    border-radius: 50%;
    margin-top: -50px;
    padding: 8px;
    width: 61px;
    background-color: #fff
}

.omega-container #implementing-steps .step-box .step {
    margin-top: 20px;
    position: absolute;
    z-index: 1
}

.omega-container #implementing-steps .step-box .step-number {
    color: #b5964d
}

.omega-container #implementing-steps .step-box span.step-number {
    position: absolute;
    font-size: 22px;
    margin-top: -35px;
    margin-left: -6px
}

.omega-container #implementing-steps .step-box img.step-img {
    position: absolute;
    height: 50px;
    margin-top: -45px;
    margin-left: -10px
}

.omega-container #implementing-steps .step-box img.step-end {
    position: absolute;
    height: 39px;
    margin-top: -38px;
    margin-left: -10px;
    border-radius: 5px
}

.omega-container #implementing-steps .step-box .hover-card {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #b5964d;
    margin-bottom: 0px
}

@media screen and (max-width: 425px) {
    .omega-container #implementing-steps .step-box .hover-card img.icon,
    .omega-container #implementing-steps .step-box .hover-card img.step-img {
        margin-top: 0px
    }
}

.omega-container .team-section {
    font-family: inherit !important
}

.omega-container .team-section .team-member-div {
    text-align: center
}

.omega-container .team-section .team-member-div .overlay {
    position: absolute;
    bottom: 0;
    background: #fff;
    color: #b5964d;
    width: 100%;
    margin: 0 auto;
    transition: .5s ease;
    opacity: 0;
    font-size: 20px;
    padding: 30px 20px;
    text-align: center;
    border-bottom: 2px solid #b5964d
}

.omega-container .team-section .team-member-div .overlay a {
    color: #b5964d
}

@media screen and (max-width: 425px) {
    .omega-container .team-section .team-member-div .overlay {
        width: 95%
    }
}

.omega-container .team-section .team-member-div:hover {
    transform: scale(1.05);
    transition: .5s ease
}

.omega-container .team-section .team-member-div:hover .overlay {
    opacity: 1
}

.omega-container .team-member-modal .modal-lg .modal-content {
    background: #030504;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid #b5964d;
    padding-bottom: 40px
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-header {
    border-bottom: none
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-body .text-highlight {
    color: #3bcfd5
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-body p {
    font-size: 1.1rem;
    color: #f6f6f6
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-body .hr-title {
    max-width: 200px;
    margin-left: 0
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-footer {
    border-bottom: none
}

.omega-container .FAQ .panel-head {
    border-bottom: 1px solid #b5964d
}

.omega-container .FAQ .panel-head h3 {
    color: #b5964d !important
}

.omega-container .FAQ .panel-head .arrow-open-close::after,
.omega-container .FAQ .panel-head .arrow-open-close::before {
    background: #b5964d !important
}

.omega-container .FAQ .panel-body {
    border-bottom: 1px solid #b5964d
}

.omega-container .FAQ .panel-body p a {
    font-weight: 500;
    color: #b5964d
}

.omega-container .our-mission div {
    color: #245049 !important
}

@media only screen and (max-width: 525px) {
    .omega-container .key-benefits h3.text-dark {
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 800
    }
}

@media only screen and (max-width: 525px) {
    .omega-container .font-22rem {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .omega-container section .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .omega-container .top-nav ul.nav li.nav-item a {
        width: 95px;
        font-size: 1rem;
        padding: 6px 4px
    }
    .omega-container .nav {
        flex-wrap: nowrap;
        overflow: auto
    }
    .omega-container .nav .nav-link {
        width: 168px;
        border: 1px solid #b5964d
    }
    .omega-container .our-fee .nav .nav-link {
        width: auto
    }
    .omega-container .subscribe-fee li a {
        min-height: 35px !important;
        max-width: max-content
    }
    .omega-container #ouroffering .subscribe-fee .table-div .table tbody tr td {
        font-size: 1rem
    }
    .omega-container #ouroffering .subscribe-fee .table-div .table tbody tr td.font-12rem {
        font-size: 1.1rem !important
    }
    .omega-container .nav.justify-content-around {
        justify-content: flex-start !important
    }
    .omega-container .nav-border a {
        padding: 1rem 1rem;
        font-size: 1.3rem;
        font-weight: 500;
        width: 170px;
        text-align: center
    }
    .omega-container section {
        min-height: auto
    }
}

.omega-container .card-container .cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    pointer-events: none
}

.omega-container .card-container .card {
    color: rgba(255, 255, 255, .8549019608);
    padding: 1.5rem;
    background-color: #f4f4f4;
    pointer-events: auto;
    transform: scale(1);
    opacity: 1;
    transition: all 150ms ease-in-out;
    display: flex;
    flex-direction: column
}

.omega-container .card-container .card .card-title {
    position: relative
}

.omega-container .card-container .card .card-title::before {
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    box-shadow: inset 0 0 3px #bb86fc;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    right: 0
}

@media only screen and (max-width: 525px) {
    .omega-container .card-container .cards {
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem
    }
    .omega-container .card-container .cards .card {
        width: 90%;
        margin: 0 auto;
        padding: 5px
    }
}

.omega-container .cards:hover>.card:hover {
    transform: scale(1.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 1
}

@media only screen and (max-width: 525px) {
    .omega-container .cards:hover>.card:hover {
        transform: none
    }
}

.omega-container .cards:hover>.card:not(:hover) {
    opacity: .5
}

@media only screen and (max-width: 525px) {
    .omega-container .cards:hover>.card:not(:hover) {
        opacity: 1
    }
}

.omega-container.ca,
.omega-container.doctor {
    --primary-color: #6b91a5;
    --secondary-color: #456175;
    --button-color: #456175;
    --table-even: #E2ECF1;
    --table-odd: #D2DDE5;
    background-color: #fff;
    color: #212529
}

.omega-container.ca span.omega-title-highlighted,
.omega-container.doctor span.omega-title-highlighted {
    color: var(--primary-color)
}

.omega-container.ca .compounding-section,
.omega-container.doctor .compounding-section {
    background: linear-gradient(94.45deg, rgba(249, 249, 249, 0.64) 42.23%, rgba(225, 229, 229, 0.63) 114.98%), url(/images/omega-solution/ca-compounding-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom
}

.omega-container.ca .omega-partner-section,
.omega-container.doctor .omega-partner-section {
    background: url(/images/omega-solution/omega-compounding-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right
}

.omega-container.ca .bg-research,
.omega-container.doctor .bg-research,
.omega-container.ca .bg-behaviour,
.omega-container.doctor .bg-behaviour {
    text-align: center;
    padding: 20px;
    background-color: var(--primary-color)
}

.omega-container.ca .bg-behaviour,
.omega-container.doctor .bg-behaviour {
    background-color: var(--secondary-color)
}

.omega-container.ca .testimonial-card,
.omega-container.doctor .testimonial-card {
    background: #d2dde5 !important
}

.omega-container.ca .btn-primary,
.omega-container.doctor .btn-primary {
    background-color: var(--button-color);
    color: #fff;
    border: 1px solid var(--button-color)
}

.omega-container.ca .btn-primary:hover,
.omega-container.doctor .btn-primary:hover {
    color: var(--button-color) !important;
    background-color: #fff
}

.omega-container.ca .btn-outline-primary,
.omega-container.doctor .btn-outline-primary {
    color: var(--button-color);
    background-color: #fff;
    border: 1px solid var(--button-color)
}

.omega-container.ca .btn-outline-primary:hover,
.omega-container.doctor .btn-outline-primary:hover {
    background-color: var(--button-color) !important;
    color: #fff
}

.omega-container.ca .what-customers-say h2.font-16rem.fw-300,
.omega-container.doctor .what-customers-say h2.font-16rem.fw-300 {
    font-weight: 800;
    font-size: 2rem
}

.omega-container.ca .what-customers-say h2.font-16rem.fw-300 span.text-green,
.omega-container.doctor .what-customers-say h2.font-16rem.fw-300 span.text-green {
    color: var(--primary-color) !important
}

.omega-container.ca .subscribe-fee .nav .nav-item .nav-link,
.omega-container.doctor .subscribe-fee .nav .nav-item .nav-link {
    color: #cfcfcf;
    background-color: #fff !important;
    border: none;
    border-radius: 0px;
    font-weight: 700;
    padding: 0px 10px
}

.omega-container.ca .subscribe-fee .nav .nav-item .nav-link.active,
.omega-container.ca .subscribe-fee .nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .omega-container.ca .subscribe-fee .nav .nav-item a.nav-link,
.omega-container.doctor .subscribe-fee .nav .nav-item .nav-link.active,
.omega-container.doctor .subscribe-fee .nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .omega-container.doctor .subscribe-fee .nav .nav-item a.nav-link {
    color: var(--button-color) !important
}

@media only screen and (max-width: 425px) {
    .omega-container.ca .subscribe-fee .nav .nav-item a.nav-link,
    .omega-container.doctor .subscribe-fee .nav .nav-item a.nav-link {
        min-height: auto !important;
        width: fit-content
    }
}

.omega-container.ca .subscribe-fee table.table-striped thead th,
.omega-container.doctor .subscribe-fee table.table-striped thead th {
    background-color: var(--button-color);
    color: #fff
}

.omega-container.ca .subscribe-fee table.table-striped tbody tr,
.omega-container.doctor .subscribe-fee table.table-striped tbody tr {
    background-color: var(--table-even)
}

.omega-container.ca .subscribe-fee table.table-striped tbody tr:nth-of-type(odd),
.omega-container.doctor .subscribe-fee table.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--table-odd)
}

@media screen and (min-width: 728px) {
    .omega-container.ca .subscribe-fee table.table-striped tbody tr td,
    .omega-container.doctor .subscribe-fee table.table-striped tbody tr td {
        font-size: 1.2rem
    }
}

.omega-container.ca .subscribe-fee p a.btn-outline-golden,
.omega-container.doctor .subscribe-fee p a.btn-outline-golden {
    border: 1px solid #b5964d !important;
    color: #b5964d
}

.omega-container.ca .subscribe-fee p a.btn-outline-golden:hover,
.omega-container.doctor .subscribe-fee p a.btn-outline-golden:hover {
    color: #fff !important;
    background-color: #b5964d
}

@media screen and (max-width: 425px) {
    .omega-container.ca .omega-partner-section,
    .omega-container.doctor .omega-partner-section {
        background: linear-gradient(180deg, rgba(211, 222, 231, 0.8196078431) 0%, rgba(151, 152, 153, 0.6901960784) 100%), url(/images/omega-solution/omega-compounding-bg.jpg);
        background-position: right;
        background-size: cover
    }
}

.omega-container.doctor {
    --primary-color: #15779D;
    --secondary-color: #1F3D89;
    --button-color: #2768E9;
    --table-even: #DBEBFE;
    --table-odd: #ECF5FF
}

.omega-container.doctor .compounding-section {
    background: url(/images/omega-solution/doctor-compounding-bg.png)
}

.omega-container.doctor #testimonial-content {
    background: #f5f8fa;
    padding: 50px 0
}

.omega-container.doctor #testimonial-content .testimonial-card {
    background: #fff !important
}

.omega-container .nav-item h2 {
    font-size: inherit !important
}

.omega-container .round-header {
    border-radius: 0 0 20px 20px
}

.omega-container #banner-section {
    background-position-x: 125%;
    background-size: contain;
    background-repeat: no-repeat
}

.omega-container .raymond-thumbnail {
    transform: scaleX(-1);
    max-height: 400px
}

.omega-container .walk-the-talk h3 {
    color: #245049
}

.omega-container .walk-the-talk .card {
    border: 2px solid #b5964d;
    background-color: #245049
}

.omega-container .walk-the-talk .card h4 {
    color: #b5964d
}

@media only screen and (max-width: 525px) {
    .omega-container .walk-the-talk .card h4 {
        line-height: 1.2
    }
}

.omega-container .walk-the-talk .card img {
    filter: unset
}

@media screen and (min-width: 900px) {
    .omega-container .header {
        position: fixed !important;
        top: 10px;
        width: 50%;
        left: 50%;
        transform: translate(-45%, -5%)
    }
    .omega-container .customwidth {
        width: 77% !important
    }
    .omega-container .mlcustom {
        margin-left: 6rem !important
    }
    .omega-container .showonsmall {
        display: none
    }
}

.omega-container .break-line {
    display: none
}

.omega-container .bg-gray,
.omega-container .decision-maker-section .card,
.decision-maker-section .omega-container .card {
    background-color: #f5f5fd !important
}

@media screen and (max-width: 899px) {
    .omega-container .header {
        top: 55px;
        min-width: 100%;
        z-index: 2;
        position: sticky;
        background: #245049
    }
    .omega-container .omega-container .top-nav ul.nav li.nav-item {
        margin: 1px
    }
    .omega-container .break-line {
        display: block
    }
    .omega-container .showonsmall {
        display: inline-block
    }
    .omega-container .font-11rem.showonsmall {
        display: block
    }
    .omega-container .customwidth {
        width: 100% !important
    }
    .omega-container .mlcustom {
        margin-left: 4rem !important;
        padding-top: 1rem
    }
    .omega-container .font-15rem {
        font-size: 1.1rem
    }
    .omega-container .font-26rem {
        font-size: 2.2rem
    }
    .omega-container .omega-container .formula-div {
        font-size: 1.5rem;
        padding: 15px 0
    }
}

.omega-container .team-member-modal .modal-lg {
    max-width: 95%
}

.omega-container .team-member-modal .modal-lg .modal-content {
    background-color: #000
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-body {
    padding: 1% 7%;
    max-height: 70vh;
    overflow-y: auto
}

.omega-container .team-member-modal .modal-lg .modal-content .modal-body p {
    font-size: 1.1rem
}

@media screen and (max-width: 425px) {
    .omega-container .banner-section h1 {
        font-size: 36px !important
    }
    .omega-container #banner-section {
        min-height: 35vh;
        background-image: linear-gradient(94.45deg, rgba(9, 9, 17, 0.35) 42.23%, rgba(59, 203, 209, 0.35) 114.98%), url(/images/omega-solution/omega-banner-sm.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: center;
        background-position-y: bottom
    }
    .omega-container #banner-section .font-18rem {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
    .omega-container .formula-div {
        font-size: 1.5rem;
        margin-top: -20px
    }
    .omega-container .raymond-thumbnail {
        max-width: 275px
    }
    .omega-container #omega-clients-review span.font-22rem {
        font-size: 1.5rem
    }
    .omega-container #omega-clients-review1 span.font-22rem {
        font-size: 1.5rem
    }
}

.omega-container .btn-darkblue {
    background-color: #3bcfd5;
    border: 1px solid #3bcfd5 !important
}

.omega-container .btn-darkblue:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #3bcfd5 !important
}

.omega-container .btn-outline-darkblue {
    border: 1px solid #3bcfd5 !important;
    background-color: rgba(0, 0, 0, 0);
    color: #3bcfd5 !important
}

.omega-container .btn-outline-darkblue:hover {
    background-color: #3bcfd5 !important;
    border: 1px solid #3bcfd5 !important
}

.FAQ.bg-greenshade .panel-head {
    border-bottom: 1px solid #b5964d !important
}

.FAQ.bg-greenshade .panel-head h3 {
    color: #b5964d !important
}

.FAQ.bg-greenshade .panel-head .arrow-open-close::after,
.FAQ.bg-greenshade .panel-head .arrow-open-close::before {
    background: #b5964d !important
}

.FAQ.bg-greenshade .panel-body {
    border-bottom: 1px solid #b5964d
}

.FAQ.bg-greenshade .panel-body p a {
    font-weight: 500;
    color: #b5964d
}

.img-inverse {
    filter: contrast(0)
}

.hr-title {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(139, 250, 255, 0.11), #B5964D, rgba(139, 250, 255, 0.11));
    margin: 0 auto
}

.hr-greenshade {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(139, 250, 255, 0.11), #245049, rgba(139, 250, 255, 0.11));
    width: 75%;
    margin: 0 auto
}

.omega-footer {
    background-color: #245049
}

.omega-footer .bg-darkblue1 {
    background-color: #b5964d !important
}

.omega-footer .bg-darkblue1 .btn {
    border: 1px solid #245049 !important;
    background-color: #245049 !important;
    color: #b5964d !important
}

.omega-footer .bg-darkblue1 .btn:hover {
    border: 1px solid #245049 !important;
    background-color: #b5964d !important;
    color: #245049 !important
}

.blink-text {
    animation: blink 1s linear infinite
}

.container-fluid.bg-darkblue {
    background: #b5964d !important
}

.container.page-tab-header.omega-user-header {
    border: 2px solid #b5964d;
    background: #245049;
    box-shadow: 0px 2px 5px 0px rgba(181, 152, 77, .75)
}

.container.page-tab-header.omega-user-header .top-nav ul.nav li.nav-item a {
    color: #245049
}

.container.page-tab-header.omega-user-header .top-nav ul.nav li.nav-item a:hover {
    color: #b5964d
}

.container.page-tab-header.omega-user-header .top-nav ul.nav li.nav-item a.active,
.container.page-tab-header.omega-user-header .top-nav ul.nav li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .container.page-tab-header.omega-user-header .top-nav ul.nav li.nav-item a {
    color: #b5964d
}

.container.header.round-header.omega-guest-header {
    border: none;
    box-shadow: none
}

.container.header.round-header.omega-guest-header .top-nav ul.nav li.nav-item a {
    color: #fff
}

.container.header.round-header.omega-guest-header .top-nav ul.nav li.nav-item a:hover {
    color: #b5964d
}

.container.header.round-header.omega-guest-header .top-nav ul.nav li.nav-item a.active,
.container.header.round-header.omega-guest-header .top-nav ul.nav li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .container.header.round-header.omega-guest-header .top-nav ul.nav li.nav-item a {
    color: #b5964d
}

.you-tube-icon {
    position: absolute;
    top: 36%;
    right: 44%;
    width: 50px;
    height: 50px
}

.you-tube-icons {
    width: 30px;
    height: auto;
    margin-left: 6px
}

.bg-video {
    background-color: #e5efed;
    height: 570px;
    width: 100%
}

@media(max-width: 768px) {
    .you-tube-icon {
        position: absolute;
        top: 40%;
        right: 44%;
        width: 35px;
        height: 35px
    }
    .bg-video {
        height: 250px
    }
    .yt-icon-shape svg {
        width: 50%;
        height: 50%
    }
}

.portfolio-verdict-section {
    box-shadow: 0px 1px 7px 4px rgba(0, 0, 0, .05);
    margin-bottom: 2px
}

.portfolio-verdict-section .typewriter {
    font-size: 2.2rem;
    white-space: nowrap;
    overflow: hidden;
    animation: cursor 1s step-start infinite, text 3s steps(30) infinite;
    width: 100%;
    color: #0a0a0a;
    font-family: cormonrant garamond;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    opacity: 1;
    margin-left: 5rem
}

.portfolio-verdict-section .report-text {
    font-size: 18px;
    font-weight: 500
}

.portfolio-verdict-section.bg-f1f1ed {
    background: #fbfbef
}

@media(max-width: 768px) {
    .portfolio-verdict-section .typewriter {
        font-size: 22px;
        margin-left: 5px
    }
    .portfolio-verdict-section .report-text {
        font-size: 16px
    }
}

.bg-cream {
    background-color: #f9f7f2
}

.text-dark {
    color: #3e403f
}

.text-extra-dark {
    color: #001e1d
}

.hr-gold-gardient {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, #B5964D, #B5964D, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important;
    width: 50%
}

.hr-gold-line {
    border: 0;
    height: 1px;
    background: #b5964d !important
}

.omega-homepage .font-35rem {
    font-size: 3.5rem;
    line-height: 1
}

@media(max-width: 425px) {
    .omega-homepage .font-35rem {
        font-size: 2.6rem
    }
}

.omega-homepage .trusted-by-omega {
    width: 75% !important
}

@media(max-width: 768px) {
    .omega-homepage .trusted-by-omega {
        width: 90% !important
    }
    .omega-homepage .trusted-by-omega img {
        width: 45px !important
    }
}

.omega-homepage .trusted-by-omega .side-bar {
    border-right: 2px solid;
    border-image: linear-gradient(to top, rgba(255, 255, 255, 0), #b5984d, rgba(255, 255, 255, 0)) 1
}

.omega-homepage section {
    min-height: 50vh
}

.omega-homepage #hero-section {
    background: linear-gradient(87deg, rgb(31, 68, 62) 0%, rgb(27, 68, 61) 22%, rgba(237, 237, 237, 0) 100%), url(/images/omega-solution/omega-banner-v2.png);
    background-position-y: center;
    background-position-x: center
}

.link-list {
    padding: 20px
}

.link-list .link-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.link-list .link-item .custom-arrow {
    margin-right: 10px;
    display: flex;
    align-items: center
}

.link-list .link-item a {
    text-decoration: underline;
    font-size: 16px
}

.link-list .link-item a:hover {
    color: inherit !important
}

#toolsSection .nav-tabs .nav-item {
    position: relative
}

#toolsSection .nav-tabs .nav-item .nav-link.bar::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background-color: #b5964d
}

#toolsSection .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    border-radius: 10px;
    color: gray;
    font-weight: 700;
    line-height: 1.2;
    min-height: 50px
}

#toolsSection .nav-tabs .nav-item .nav-link:hover {
    border: none !important;
    text-decoration: none !important
}

#toolsSection .nav-tabs .nav-item .nav-link i {
    display: none
}

@media only screen and (max-width: 525px) {
    #toolsSection .nav-tabs .nav-item .nav-link i {
        display: inline-block
    }
}

@media only screen and (max-width: 525px) {
    #toolsSection .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        padding: 5px;
        width: 100%
    }
}

#toolsSection .nav-tabs .nav-item .nav-link.active,
#toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices #toolsSection .nav-tabs .nav-item a.nav-link {
    color: #000;
    border: 1px solid #b5964d
}

#toolsSection .nav-tabs .nav-item .nav-link.active:hover,
#toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link:hover,
.nse-bse-indices .stock-indices #toolsSection .nav-tabs .nav-item a.nav-link:hover {
    border: 1px solid #b5964d !important
}

@media only screen and (max-width: 525px) {
    #toolsSection .nav-tabs .nav-item .nav-link.active i,
    #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link i,
    .nse-bse-indices .stock-indices #toolsSection .nav-tabs .nav-item a.nav-link i {
        display: inline-block;
        animation: blink 1s linear infinite
    }
}

#toolsSection .accordion .accordion-item {
    margin-bottom: 10px
}

#toolsSection .accordion .accordion-item .accordion-button {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #e9e9e9;
    color: #1f443e;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border: none;
    border-radius: 15px;
    transition: background-color .3s ease, color .3s ease;
    cursor: pointer
}

#toolsSection .accordion .accordion-item .accordion-button i {
    font-size: 12px;
    margin-left: 10px;
    transition: transform .3s ease
}

#toolsSection .accordion .accordion-item .accordion-button.active i,
#toolsSection .accordion .accordion-item .nse-bse-indices .stock-indices a.accordion-button i,
.nse-bse-indices .stock-indices #toolsSection .accordion .accordion-item a.accordion-button i {
    transform: rotate(180deg)
}

#toolsSection .accordion .accordion-item .accordion-button.active,
#toolsSection .accordion .accordion-item .nse-bse-indices .stock-indices a.accordion-button,
.nse-bse-indices .stock-indices #toolsSection .accordion .accordion-item a.accordion-button {
    background-color: #1f443e;
    color: #fff
}

#toolsSection .accordion .accordion-item .accordion-content {
    display: none
}

.step-box {
    margin-top: 20px
}

.step-box img.icon {
    border-radius: 50%;
    margin-top: -50px;
    padding: 8px;
    border: 1px solid #b5984d;
    background-color: #f9f7f2;
    width: 70px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .29) !important
}

.step-box .step {
    margin-top: 20px;
    position: absolute;
    z-index: 1
}

.step-box .step-number {
    color: #b5964d
}

.step-box span.step-number {
    position: absolute;
    font-size: 22px;
    margin-top: -35px;
    margin-left: -6px
}

.step-box img.step-img {
    position: absolute;
    height: 50px;
    margin-top: -45px;
    margin-left: -10px
}

.step-box img.step-end {
    position: absolute;
    height: 39px;
    margin-top: -38px;
    margin-left: -10px;
    border-radius: 5px
}

.step-box .hover-card {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #b5964d;
    margin-bottom: 0px
}

@media screen and (max-width: 425px) {
    .step-box .hover-card img.icon,
    .step-box .hover-card img.step-img {
        margin-top: 0px
    }
}

.achieve-financial-goals ol.alpha-list {
    list-style-type: upper-alpha
}

.achieve-financial-goals ul.navtop {
    background-color: rgba(255, 255, 255, .1490196078);
    padding: 20px;
    border-radius: 10px
}

@media(max-width: 768px) {
    .achieve-financial-goals ul.navtop {
        flex-wrap: wrap;
        background-color: rgba(0, 0, 0, 0);
        padding: 0px
    }
}

.achieve-financial-goals ul.navtop li {
    position: relative;
    padding-bottom: 0
}

@media(max-width: 768px) {
    .achieve-financial-goals ul.navtop li {
        width: 50%
    }
}

.achieve-financial-goals ul.navtop li a.bar::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background-color: #b5964d
}

@media(max-width: 768px) {
    .achieve-financial-goals ul.navtop li a.bar::before {
        content: none
    }
}

.achieve-financial-goals ul.navtop li a {
    color: #fff;
    box-shadow: none;
    border-radius: 10px;
    padding: 15px 25px;
    font-weight: 400 !important
}

@media(max-width: 768px) {
    .achieve-financial-goals ul.navtop li a {
        color: #245049;
        background-color: #e9e9e9;
        padding: 5px;
        height: 50px
    }
}

.achieve-financial-goals ul.navtop li a.active,
.achieve-financial-goals ul.navtop li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .achieve-financial-goals ul.navtop li a {
    border: 1px solid #b5984d
}

@media(max-width: 768px) {
    .achieve-financial-goals ul.navtop li a.active,
    .achieve-financial-goals ul.navtop li .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices .achieve-financial-goals ul.navtop li a {
        background-color: #b5984d
    }
}

.achieve-financial-goals #stocks-portfolio .timeline-div .title-box,
.achieve-financial-goals #mf-portfolio .timeline-div .title-box {
    width: 50%;
    text-align: right;
    border-right: 1px solid #b5964d;
    padding: 10px 25px 5px 20px
}

.achieve-financial-goals #stocks-portfolio .timeline-div .title-box::before,
.achieve-financial-goals #mf-portfolio .timeline-div .title-box::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #b5964d;
    position: absolute;
    margin-top: 10px;
    right: 49.3%;
    transform: rotate(45deg)
}

.achieve-financial-goals #stocks-portfolio .timeline-div .title-box h3,
.achieve-financial-goals #mf-portfolio .timeline-div .title-box h3 {
    color: #b5964d
}

.achieve-financial-goals #stocks-portfolio .timeline-div .description-box,
.achieve-financial-goals #mf-portfolio .timeline-div .description-box {
    width: 50%;
    text-align: justify;
    border-left: 1px solid #b5964d;
    padding: 10px 20px 5px 25px
}

@media only screen and (max-width: 727px) {
    .achieve-financial-goals #stocks-portfolio .timeline-div .title-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .title-box {
        width: 100%;
        text-align: left;
        border-right: 0px;
        border-left: 1px solid #b5964d;
        padding-left: 35px;
        padding-right: 0px;
        min-height: 40px;
        display: flex;
        align-content: center;
        flex-direction: column-reverse;
        padding-bottom: 26px
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .title-box::before,
    .achieve-financial-goals #mf-portfolio .timeline-div .title-box::before {
        border-radius: 0;
        background-color: rgba(0, 0, 0, 0);
        left: 25px;
        width: 0px;
        height: 0px;
        border: 20px solid;
        border-top-color: rgba(0, 0, 0, 0);
        border-left-color: rgba(0, 0, 0, 0);
        border-right-color: rgba(0, 0, 0, 0);
        border-bottom-color: #b5964d;
        transform: rotate(90deg);
        transition: .5s ease
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .title-box h3,
    .achieve-financial-goals #mf-portfolio .timeline-div .title-box h3 {
        margin-bottom: 0
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .description-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .description-box {
        width: 100%;
        padding-right: 0px;
        padding-top: 0px
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .accordion-item .description-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .accordion-item .description-box {
        display: none
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .accordion-item .title-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .accordion-item .title-box {
        cursor: pointer
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .accordion-item.active .title-box::before,
    .achieve-financial-goals #stocks-portfolio .timeline-div .nse-bse-indices .stock-indices a.accordion-item .title-box::before,
    .nse-bse-indices .stock-indices .achieve-financial-goals #stocks-portfolio .timeline-div a.accordion-item .title-box::before,
    .achieve-financial-goals #mf-portfolio .timeline-div .accordion-item.active .title-box::before,
    .achieve-financial-goals #mf-portfolio .timeline-div .nse-bse-indices .stock-indices a.accordion-item .title-box::before,
    .nse-bse-indices .stock-indices .achieve-financial-goals #mf-portfolio .timeline-div a.accordion-item .title-box::before {
        transition: .5s ease;
        transform: rotate(180deg);
        margin-left: -20px
    }
    .achieve-financial-goals #stocks-portfolio .timeline-div .accordion-item.active .description-box,
    .achieve-financial-goals #stocks-portfolio .timeline-div .nse-bse-indices .stock-indices a.accordion-item .description-box,
    .nse-bse-indices .stock-indices .achieve-financial-goals #stocks-portfolio .timeline-div a.accordion-item .description-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .accordion-item.active .description-box,
    .achieve-financial-goals #mf-portfolio .timeline-div .nse-bse-indices .stock-indices a.accordion-item .description-box,
    .nse-bse-indices .stock-indices .achieve-financial-goals #mf-portfolio .timeline-div a.accordion-item .description-box {
        transition: .5s ease;
        display: block
    }
}

.achieve-financial-goals #stocks-portfolio .nav-div ul,
.achieve-financial-goals #mf-portfolio .nav-div ul {
    border-left: 2px solid #b5964d;
    border-bottom: none
}

.achieve-financial-goals #stocks-portfolio .nav-div ul li a,
.achieve-financial-goals #mf-portfolio .nav-div ul li a {
    color: #fff !important;
    border: none
}

.achieve-financial-goals #stocks-portfolio .nav-div ul li a::before,
.achieve-financial-goals #mf-portfolio .nav-div ul li a::before {
    content: "";
    top: 0px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #b5964d;
    position: absolute;
    margin-top: 10px;
    left: -8px;
    transform: rotate(45deg)
}

.achieve-financial-goals #stocks-portfolio .nav-div ul li a:hover,
.achieve-financial-goals #mf-portfolio .nav-div ul li a:hover {
    border: none;
    color: #fff !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: unset !important
}

.achieve-financial-goals #stocks-portfolio .nav-div ul li a.active,
.achieve-financial-goals #stocks-portfolio .nav-div ul li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .achieve-financial-goals #stocks-portfolio .nav-div ul li a,
.achieve-financial-goals #mf-portfolio .nav-div ul li a.active,
.achieve-financial-goals #mf-portfolio .nav-div ul li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .achieve-financial-goals #mf-portfolio .nav-div ul li a {
    background-color: rgba(181, 150, 77, .47) !important;
    color: #fff !important;
    border: none
}

.achieve-financial-goals #stocks-portfolio .nav-div ul li a.active::before,
.achieve-financial-goals #stocks-portfolio .nav-div ul li .nse-bse-indices .stock-indices a::before,
.nse-bse-indices .stock-indices .achieve-financial-goals #stocks-portfolio .nav-div ul li a::before,
.achieve-financial-goals #mf-portfolio .nav-div ul li a.active::before,
.achieve-financial-goals #mf-portfolio .nav-div ul li .nse-bse-indices .stock-indices a::before,
.nse-bse-indices .stock-indices .achieve-financial-goals #mf-portfolio .nav-div ul li a::before {
    border-radius: 0
}

.fees-structure .img-wrapper {
    border: 1px solid #b5964d;
    padding: 9px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -35px
}

@media(max-width: 768px) {
    .omega-homepage.financial-goal #importance .img-wrapper img {
        width: 29px
    }
}

.omega-homepage.financial-goal .goal-roadmap ul {
    padding: 0;
    list-style: none
}

.omega-homepage.financial-goal .goal-roadmap ul li {
    display: flex
}

.omega-homepage.financial-goal .goal-roadmap ul li .circle {
    padding: 3px 2px;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.omega-homepage.financial-goal .goal-roadmap ul li .circle .inner-circle {
    color: #1f443e;
    text-align: center;
    font-weight: 500;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #919594
}

.omega-homepage.financial-planning ul {
    list-style: none;
    position: relative
}

.omega-homepage.financial-planning ul li::before {
    content: "✓";
    color: #000;
    position: absolute;
    font-weight: bold;
    left: 0px
}

@media(max-width: 768px) {
    .omega-homepage.financial-planning ul li::before {
        left: -6px
    }
}

.omega-homepage.financial-planning1 ul {
    list-style: none;
    position: relative
}

.omega-homepage.financial-planning1 ul li::before {
    content: "✓";
    color: #000;
    position: absolute;
    font-weight: bold;
    left: -15px
}

@media(max-width: 768px) {
    .omega-homepage.financial-planning1 ul li::before {
        left: -2px
    }
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item {
    position: relative
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link.bar::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    min-height: 50px
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link:hover {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none !important
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link i {
    display: none
}

@media only screen and (max-width: 525px) {
    .omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link i {
        display: inline-block
    }
}

@media only screen and (max-width: 525px) {
    .omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        padding: 5px;
        width: 100%
    }
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link.active,
.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .omega-homepage.about-us #toolsSection .nav-tabs .nav-item a.nav-link {
    color: #000;
    border: 2px solid #fff
}

.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link.active:hover,
.omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link:hover,
.nse-bse-indices .stock-indices .omega-homepage.about-us #toolsSection .nav-tabs .nav-item a.nav-link:hover {
    background-color: #fff
}

@media only screen and (max-width: 525px) {
    .omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nav-link.active i,
    .omega-homepage.about-us #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link i,
    .nse-bse-indices .stock-indices .omega-homepage.about-us #toolsSection .nav-tabs .nav-item a.nav-link i {
        display: inline-block;
        animation: blink 1s linear infinite
    }
}

.bg-theme-omega {
    background-color: #245049 !important
}

.a-team {
    background-image: url(/images/omega-solution/a-team-bg.svg);
    background-repeat: no-repeat;
    padding: 10px 25px 25px;
    background-size: contain;
    color: #fff
}

.omega-video-section {
    background: #e5efed;
    height: 570px
}

@media screen and (max-width: 768px) {
    .omega-video-section {
        height: 360px
    }
}

.font49 {
    font-size: 49px !important
}

.font45 {
    font-size: 45px !important
}

.font40 {
    font-size: 40px !important
}

.font26 {
    font-size: 26px !important
}

.font24 {
    font-size: 24px !important
}

.font22 {
    font-size: 22px !important
}

.font20 {
    font-size: 20px !important
}

.font18 {
    font-size: 18px !important
}

.font17 {
    font-size: 17px !important
}

.font16 {
    font-size: 16px !important
}

.font15 {
    font-size: 15px !important
}

.font14 {
    font-size: 14px !important
}

.font13 {
    font-size: 13px !important
}

.font12 {
    font-size: 12px !important
}

.font11 {
    font-size: 11px !important
}

.font10 {
    font-size: 10px !important
}

.font9 {
    font-size: 9px !important
}

.font8 {
    font-size: 8px !important
}

@media screen and (max-width: 768px) {
    .font49 {
        font-size: 32px !important
    }
    .font45 {
        font-size: 30px !important
    }
    .font40 {
        font-size: 28px !important
    }
    .font26 {
        font-size: 22px !important
    }
    .font24 {
        font-size: 20px !important
    }
    .font22 {
        font-size: 18px !important
    }
    .font20 {
        font-size: 16px !important
    }
    .font18 {
        font-size: 16px !important
    }
    .font11 {
        font-size: 10px !important
    }
    .font10 {
        font-size: 9px !important
    }
    .font9 {
        font-size: 8px !important
    }
    .font8 {
        font-size: 7px !important
    }
}

.portfolio-verdict-container .color-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle
}

.portfolio-verdict-container .portfolio-selector {
    border: 1px solid #e0e0e0
}

.portfolio-verdict-container .portfolio-selector h6 {
    font-size: .9rem;
    font-weight: 600
}

.portfolio-verdict-container .radio-group {
    display: flex;
    flex-direction: column
}

.portfolio-verdict-container .custom-radio {
    display: flex;
    align-items: center
}

.portfolio-verdict-container .custom-radio input[type=radio],
.portfolio-verdict-container .custom-radio .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .portfolio-verdict-container .custom-radio textarea[type=radio].input-textarea,
.portfolio-verdict-container .custom-radio .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .portfolio-verdict-container .custom-radio textarea[type=radio].input-textarea {
    margin-right: 8px;
    cursor: pointer
}

.portfolio-verdict-container .custom-radio label {
    font-size: .85rem;
    margin-bottom: 0;
    cursor: pointer;
    color: #444
}

.portfolio-verdict-container #assetAllocationChart {
    background-color: #fff;
    border-radius: 4px;
    max-width: 100%
}

.portfolio-verdict-container td.insight {
    width: 40%
}

.portfolio-verdict-container hr.hr {
    width: 75%;
    margin: 0 auto
}

.portfolio-verdict-container .circle-gray-round,
.portfolio-verdict-container .plan-pg .na-icon-right-stocks,
.plan-pg .portfolio-verdict-container .na-icon-right-stocks,
.portfolio-verdict-container .circle-orange-round,
.portfolio-verdict-container .circle-Orange-round,
.portfolio-verdict-container .circle-yellow-round,
.portfolio-verdict-container .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-verdict-container .somewhat-good-icon-right-stocks,
.portfolio-verdict-container .circle-Yellow-round,
.portfolio-verdict-container .circle-red-round,
.portfolio-verdict-container .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-verdict-container .not-good-icon-right-stocks,
.portfolio-verdict-container .circle-Red-round,
.portfolio-verdict-container .circle-green-round,
.portfolio-verdict-container .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-verdict-container .very-good-goldstar-icon-right-stocks,
.portfolio-verdict-container .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-verdict-container .very-good-icon-right-stocks,
.portfolio-verdict-container .circle-Green-round,
.portfolio-verdict-container .circle--round {
    width: 20px;
    height: 20px;
    line-height: 1.5;
    font-weight: 700
}

.portfolio-verdict-container .decizen-gray,
.portfolio-verdict-container .decizen-,
.portfolio-verdict-container .decizen-na,
.portfolio-verdict-container .decizen-grey,
.portfolio-verdict-container .decizen-false,
.portfolio-verdict-container .decizen-green,
.portfolio-verdict-container .decizen-yellow,
.portfolio-verdict-container .decizen-orange,
.portfolio-verdict-container .watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .portfolio-verdict-container .decizen-green,
.portfolio-verdict-container .watchlist #watchlist-search .decizen-red,
.watchlist #watchlist-search .portfolio-verdict-container .decizen-red,
.portfolio-verdict-container .decizen-red {
    line-height: 1.4;
    width: 20px;
    height: 20px
}

.portfolio-verdict-container .top-10-holdings1 th {
    border-right: 1px solid #dee2e6 !important
}

.portfolio-verdict-container .top-10-holdings1 td {
    border-right: 1px solid #dee2e6 !important
}

.portfolio-verdict-container table tbody tr {
    border-bottom: none
}

.portfolio-verdict-container table tbody tr td {
    border-bottom: none
}

.portfolio-verdict-container .index-table tr.section-header td {
    font-size: 22px;
    font-weight: 700
}

.portfolio-verdict-container .index-table tr td {
    font-size: 20px;
    font-weight: 400
}

.portfolio-verdict-container .index-table tr {
    border: none !important
}

.portfolio-verdict-container .disclaimerp {
    font-size: 16px
}

.portfolio-verdict-container .pvheading {
    font-family: "Cormorant Garamond", serif
}

.portfolio-verdict-container .pvheading h2 span {
    font-size: 26px
}

.portfolio-verdict-container .pv-header {
    padding: 32px 0px !important
}

.portfolio-verdict-container .pv-header p {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400
}

.portfolio-verdict-container .pv-header img {
    width: 85px
}

.portfolio-verdict-container .green-bar {
    border-right: 1px solid #dee2e6;
    border-image: linear-gradient(to top, rgba(255, 255, 255, 0), #dee2e6, rgba(255, 255, 255, 0)) 1
}

.portfolio-verdict-container .toc-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.portfolio-verdict-container .toc-title:hover {
    color: #111
}

.portfolio-verdict-container .toc-title::after {
    content: "";
    flex-grow: 1;
    height: 15px;
    border-bottom: 1px dotted rgba(0, 0, 0, .4);
    margin: 0 0 0 12px
}

.portfolio-verdict-container th.category-label {
    white-space: normal;
    min-width: 40px;
    background: #245049;
    text-align: left;
    max-width: 20%;
    position: -webkit-sticky;
    position: sticky;
    padding: 0 !important;
    left: 0;
    overflow: hidden
}

.portfolio-verdict-container td.category-label {
    white-space: normal;
    min-width: 40px;
    background: #fff;
    text-align: left;
    max-width: 20%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    overflow: hidden;
    padding: 0 !important;
    vertical-align: middle;
    border-right: 1px solid #e0e0e0
}

.portfolio-verdict-container span.box {
    min-width: 150px
}

.portfolio-verdict-container .category-label .rotate-text {
    transform: rotate(270deg);
    white-space: nowrap;
    color: #245049;
    font-weight: bold;
    font-size: 16px;
    text-align: center
}

.portfolio-verdict-container .portfolio-summary table tbody tr td {
    border-bottom: none;
    padding: 8px 10px
}

.portfolio-verdict-container .portfolio-summary table tbody tr {
    border-bottom: none
}

.portfolio-verdict-container .portfolio-summary table thead th {
    padding-bottom: 0;
    padding-top: 0
}

.portfolio-verdict-container .banner-div {
    height: 360px !important
}

.portfolio-verdict-container .table th,
.portfolio-verdict-container .table td {
    padding: .8rem;
    vertical-align: middle
}

.portfolio-verdict-container .demo-bg {
    background: url(/images/portfolio-verdict/demo.png) no-repeat 0 0;
    height: 190px;
    width: 203px;
    position: absolute;
    top: 25%;
    left: 40%;
    z-index: 2
}

.portfolio-verdict-container .sample-report-bg {
    position: absolute;
    background: url(/images/portfolio-verdict/Sample-Report.png) no-repeat 0 0;
    width: 240px;
    height: 145px;
    top: 45%;
    left: 20%;
    z-index: 2;
    background-size: contain
}

@media screen and (max-width: 768px) {
    .portfolio-verdict-container .demo-bg {
        height: 120px;
        width: 130px;
        top: 30%;
        left: 25%;
        z-index: 2;
        background-size: contain
    }
    .portfolio-verdict-container .sample-report-bg {
        width: 30%;
        height: 90px;
        top: 74%;
        left: 2%;
        z-index: 2;
        background-size: contain
    }
    .portfolio-verdict-container .pvheading h2 span {
        font-size: 20px
    }
    .portfolio-verdict-container .pv-header {
        padding: 15px 0px !important
    }
    .portfolio-verdict-container .mw4me-logo a img {
        width: 150px
    }
    .portfolio-verdict-container .index-table tr.section-header td {
        font-size: 16px;
        font-weight: 700
    }
    .portfolio-verdict-container .index-table tr td {
        font-size: 14px
    }
    .portfolio-verdict-container .index-table tr {
        border: none !important
    }
    .portfolio-verdict-container .index-table tr td.pgno {
        min-width: 75px
    }
    .portfolio-verdict-container .disclaimerp {
        font-size: 12px
    }
    .portfolio-verdict-container .pvheading {
        font-family: "Cormorant Garamond", serif
    }
    .portfolio-verdict-container .pv-header p {
        font-size: 16px
    }
    .portfolio-verdict-container .pv-header img {
        width: 50px
    }
    .portfolio-verdict-container td.stick {
        min-width: 40px;
        max-width: 20%
    }
    .portfolio-verdict-container .banner-div .banner-img {
        width: 200px !important
    }
    .portfolio-verdict-container .banner-div {
        height: 250px !important
    }
    .portfolio-verdict-container .pv-footer img {
        width: 120px
    }
    .portfolio-verdict-container .brdr-rt {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-top: 0px;
        padding-bottom: 10px;
        border-style: solid;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        border-image-slice: 1
    }
    .portfolio-verdict-container .circle-gray-round,
    .portfolio-verdict-container .plan-pg .na-icon-right-stocks,
    .plan-pg .portfolio-verdict-container .na-icon-right-stocks,
    .portfolio-verdict-container .circle-orange-round,
    .portfolio-verdict-container .circle-Orange-round,
    .portfolio-verdict-container .circle-yellow-round,
    .portfolio-verdict-container .plan-pg .somewhat-good-icon-right-stocks,
    .plan-pg .portfolio-verdict-container .somewhat-good-icon-right-stocks,
    .portfolio-verdict-container .circle-Yellow-round,
    .portfolio-verdict-container .circle-red-round,
    .portfolio-verdict-container .plan-pg .not-good-icon-right-stocks,
    .plan-pg .portfolio-verdict-container .not-good-icon-right-stocks,
    .portfolio-verdict-container .circle-Red-round,
    .portfolio-verdict-container .circle-green-round,
    .portfolio-verdict-container .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .portfolio-verdict-container .very-good-goldstar-icon-right-stocks,
    .portfolio-verdict-container .plan-pg .very-good-icon-right-stocks,
    .plan-pg .portfolio-verdict-container .very-good-icon-right-stocks,
    .portfolio-verdict-container .circle-Green-round,
    .portfolio-verdict-container .circle--round {
        width: 20px;
        height: 20px;
        line-height: 1.9;
        font-weight: 700
    }
    .portfolio-verdict-container .decizen-gray,
    .portfolio-verdict-container .decizen-,
    .portfolio-verdict-container .decizen-na,
    .portfolio-verdict-container .decizen-grey,
    .portfolio-verdict-container .decizen-false,
    .portfolio-verdict-container .decizen-green,
    .portfolio-verdict-container .decizen-yellow,
    .portfolio-verdict-container .decizen-orange,
    .portfolio-verdict-container .watchlist #watchlist-search .decizen-green,
    .watchlist #watchlist-search .portfolio-verdict-container .decizen-green,
    .portfolio-verdict-container .watchlist #watchlist-search .decizen-red,
    .watchlist #watchlist-search .portfolio-verdict-container .decizen-red,
    .portfolio-verdict-container .decizen-red {
        line-height: 1.5;
        width: 20px;
        height: 20px
    }
}

.portfolio-verdict-container .bg-pvcream {
    background-color: #fffcf8
}

.portfolio-verdict-container .container {
    max-width: 1000px
}

.portfolio-verdict-container .page {
    min-height: max-content;
    border-bottom: 2px solid #d5d5d5
}

.portfolio-verdict-container .overview-container h2 {
    font-size: 4.5rem
}

.portfolio-verdict-container .overview-container .square-grid-container {
    display: grid;
    justify-content: center;
    grid-template-columns: 250px 250px;
    padding: 50px;
    position: relative
}

.portfolio-verdict-container .overview-container .square-grid-container .grid-item {
    text-align: center;
    padding: 20px 10px
}

@media screen and (max-width: 768px) {
    .portfolio-verdict-container .overview-container .square-grid-container {
        grid-template-columns: 180px 180px;
        padding: 25px
    }
}

@media screen and (max-width: 375px) {
    .portfolio-verdict-container .overview-container .square-grid-container {
        grid-template-columns: 135px 135px;
        padding: 5px
    }
}

.portfolio-verdict-container .overview-container .table td {
    padding: .5rem
}

.portfolio-verdict-container table.qualityGrid td {
    text-align: center;
    vertical-align: middle;
    max-width: 75px;
    min-width: 75px
}

@media screen and (max-width: 375px) {
    .portfolio-verdict-container table.qualityGrid td {
        min-width: 70px !important
    }
}

.portfolio-verdict-container .portfolio-container .tab-pane ul.nav.nav-tabs .nav-item {
    min-width: 165px
}

@media screen and (max-width: 465px) {
    .portfolio-verdict-container .portfolio-container .tab-pane ul.nav.nav-tabs .nav-item {
        min-width: 175px
    }
}

.portfolio-verdict-container #totalportfolio table tbody td {
    text-align: right
}

.portfolio-verdict-container .mutual-fund #mfListDiv table tbody td .colorCodeContent span,
.portfolio-verdict-container .mutual-fund #mfListDiv table tbody td .colorCodepm span {
    width: 18px;
    height: 18px;
    line-height: 1.5
}

.portfolio-verdict-container .bg-teal th:first-child,
.portfolio-verdict-container .bg-gray th:first-child,
.portfolio-verdict-container .decision-maker-section .card th:first-child,
.decision-maker-section .portfolio-verdict-container .card th:first-child,
.portfolio-verdict-container .bg-light th:first-child,
.portfolio-verdict-container .bg-faintgreen th:first-child {
    border-top-left-radius: 10px
}

.portfolio-verdict-container .bg-teal th:last-child,
.portfolio-verdict-container .bg-gray th:last-child,
.portfolio-verdict-container .decision-maker-section .card th:last-child,
.decision-maker-section .portfolio-verdict-container .card th:last-child,
.portfolio-verdict-container .bg-light th:last-child,
.portfolio-verdict-container .bg-faintgreen th:last-child {
    border-top-right-radius: 10px
}

.portfolio-verdict-container .stocks-container {
    background-color: #fffcf8
}

.portfolio-verdict-container .stocks-container h2.fw-900.text-darkgreen {
    font-size: 3.2rem
}

.portfolio-verdict-container .mf-container {
    background-color: #fffcf8
}

.portfolio-verdict-container .mf-container h2.fw-900.text-darkblue,
.portfolio-verdict-container .mf-container .nav-news h2.fw-900.news-data,
.nav-news .portfolio-verdict-container .mf-container h2.fw-900.news-data {
    font-size: 3.2rem
}

@media(max-width: 768px) {
    .portfolio-verdict-container .mf-container #mf-dashboard1 .card {
        height: unset !important
    }
}

.portfolio-verdict-container .mf-container #mfListDiv table tr td :last-child {
    border-right: none
}

.portfolio-verdict-container .mf-container #mfListDiv table tr th :last-child {
    border-right: none
}

.portfolio-verdict-container .mf-container #mfListDiv table tr td {
    padding: .25rem;
    border-bottom: none;
    border-right: 1px solid #e9e8e8
}

.portfolio-verdict-container .mf-container #mfListDiv table tr th {
    border-right: 1px solid #e9e8e8 !important
}

.portfolio-verdict-container #combined-table table tr {
    border-bottom: none
}

.portfolio-verdict-container #combined-table table tr td :last-child {
    border-right: none
}

.portfolio-verdict-container #combined-table table tr th :last-child {
    border-right: none
}

.portfolio-verdict-container #combined-table table tr td {
    border-bottom: none;
    border-right: 1px solid #e9e8e8
}

.portfolio-verdict-container #combined-table table tr th {
    border-right: 1px solid #e9e8e8 !important
}

.portfolio-verdict-container #overall-sector-analysis .top-sector-container table tr {
    border-bottom: none
}

.portfolio-verdict-container #overall-sector-analysis .top-sector-container table tr td {
    border-bottom: none
}

.portfolio-verdict-container .snap-total-table tr {
    border-bottom: none
}

.portfolio-verdict-container .snap-total-table tr td {
    border-bottom: none
}

.portfolio-verdict-container .combined-container {
    background-color: #fffcf8
}

.portfolio-verdict-container .combined-container h2.fw-900.text-teal {
    font-size: 3.2rem
}

.portfolio-verdict-container .combined-container .top-sector-container {
    overflow: auto
}

.portfolio-verdict-container #portfolio-concentration .text-danger {
    color: #f27070 !important
}

.portfolio-verdict-container i.fa-circle {
    font-size: 10px !important
}

.portfolio-verdict-container .border-info-2 {
    border: .78px solid #78bfe4 !important
}

.portfolio-verdict-container #valuationRiskChart {
    background-color: #fff;
    border-radius: 4px
}

@media only screen and (max-width: 768px) {
    .portfolio-verdict-container .font-22rem {
        font-size: 1.5rem
    }
    .portfolio-verdict-container .mutual-fund .list-table tr th {
        min-width: 30px !important
    }
}

@media only screen and (max-width: 768px) {
    .portfolio-verdict-container .font-18rem {
        font-size: 1.6rem
    }
}

.portfolio-verdict-container .p-block {
    display: none
}

@page {
    .portfolio-verdict-container stocks-container {
        margin: 0;
        size: A4 portrait
    }
}

.portfolio-verdict-container stocks-container .navbar,
.portfolio-verdict-container stocks-container .footer,
.portfolio-verdict-container stocks-container .sidebar {
    display: none !important
}

.portfolio-verdict-container stocks-container body {
    font-size: 12pt
}

.portfolio-verdict-container stocks-container .p-block {
    display: block
}

.portfolio-verdict-container stocks-container img {
    max-width: 100%;
    page-break-inside: avoid
}

.portfolio-verdict-container stocks-container .bg-teal th,
.portfolio-verdict-container stocks-container .bg-gray th,
.portfolio-verdict-container stocks-container .decision-maker-section .card th,
.decision-maker-section .portfolio-verdict-container stocks-container .card th,
.portfolio-verdict-container stocks-container .bg-light th,
.portfolio-verdict-container stocks-container .bg-faintgreen th {
    background: inherit !important
}

.portfolio-verdict-container stocks-container .bg-teal th:first-child,
.portfolio-verdict-container stocks-container .bg-gray th:first-child,
.portfolio-verdict-container stocks-container .decision-maker-section .card th:first-child,
.decision-maker-section .portfolio-verdict-container stocks-container .card th:first-child,
.portfolio-verdict-container stocks-container .bg-light th:first-child,
.portfolio-verdict-container stocks-container .bg-faintgreen th:first-child {
    border-top-left-radius: 10px
}

.portfolio-verdict-container stocks-container .bg-teal th:last-child,
.portfolio-verdict-container stocks-container .bg-gray th:last-child,
.portfolio-verdict-container stocks-container .decision-maker-section .card th:last-child,
.decision-maker-section .portfolio-verdict-container stocks-container .card th:last-child,
.portfolio-verdict-container stocks-container .bg-light th:last-child,
.portfolio-verdict-container stocks-container .bg-faintgreen th:last-child {
    border-top-right-radius: 10px
}

.portfolio-verdict-container stocks-container a {
    text-decoration: none !important
}

.portfolio-verdict-container stocks-container .report-section {
    page-break-inside: avoid
}

.portfolio-verdict-container stocks-container .page {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    page-break-before: always;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    height: 1450px !important
}

.portfolio-verdict-container stocks-container .page-header {
    display: block
}

.portfolio-verdict-container stocks-container table.print thead th {
    font-size: 1.2rem !important
}

.portfolio-verdict-container stocks-container table.print tbody td {
    font-size: 1.1rem !important
}

.portfolio-verdict-container stocks-container #overview .nav-tabs .nav-item .nav-link {
    font-size: 1.2rem !important
}

.portfolio-verdict-container stocks-container #assetAllocationLegend td {
    font-size: 1.3rem !important
}

.portfolio-verdict-container stocks-container #assetAllocationLegend td span {
    font-size: 1.2rem !important
}

.portfolio-verdict-container stocks-container .ideal-scenario h3 {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .ideal-scenario ul li {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .ideal-scenario p {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container #mf-asset-valuation h3,
.portfolio-verdict-container stocks-container .assets-quality h3,
.portfolio-verdict-container stocks-container .concentration-header h3 {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .message-item h4 {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .message-item p {
    font-size: 1.2rem !important
}

.portfolio-verdict-container stocks-container #asset-valuation h4 {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .return-consistent p {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .return-consistent ul li {
    font-size: 1.4rem !important
}

.portfolio-verdict-container stocks-container .graphdiv h2 {
    font-size: 1.4rem !important
}

@media print {
    .portfolio-verdict-container .container {
        max-width: 1121px !important
    }
    .portfolio-verdict-container .page {
        height: 1588px !important;
        border-bottom: none !important
    }
    .portfolio-verdict-container .index-page .table {
        background-color: inherit !important
    }
    .portfolio-verdict-container .index-page .table .tbody,
    .portfolio-verdict-container .index-page .table tr,
    .portfolio-verdict-container .index-page .table td {
        background-color: inherit !important
    }
    .portfolio-verdict-container .table tbody,
    .portfolio-verdict-container .table th,
    .portfolio-verdict-container .table tr,
    .portfolio-verdict-container .table td {
        background-color: inherit !important
    }
    .portfolio-verdict-container .green-bar {
        border: none
    }
    .portfolio-verdict-container .bx-shd2,
    .portfolio-verdict-container .my-acc .orders-pg .order-card .order-details .table,
    .my-acc .orders-pg .order-card .order-details .portfolio-verdict-container .table,
    .portfolio-verdict-container .my-acc .orders-pg select#status,
    .my-acc .orders-pg .portfolio-verdict-container select#status,
    .portfolio-verdict-container .my-acc table.table.table-responsive.table-hover,
    .my-acc .portfolio-verdict-container table.table.table-responsive.table-hover,
    .portfolio-verdict-container .my-acc .formcon select.select,
    .my-acc .formcon .portfolio-verdict-container select.select,
    .portfolio-verdict-container .my-acc .form-group select.select,
    .my-acc .form-group .portfolio-verdict-container select.select,
    .portfolio-verdict-container .my-acc .formcon input,
    .portfolio-verdict-container .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .portfolio-verdict-container input,
    .my-acc .formcon .portfolio-verdict-container textarea.input-textarea,
    .portfolio-verdict-container .my-acc .form-group input,
    .portfolio-verdict-container .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .portfolio-verdict-container input,
    .my-acc .form-group .portfolio-verdict-container textarea.input-textarea,
    .portfolio-verdict-container .my-acc .subscription-plans .card:hover,
    .my-acc .subscription-plans .portfolio-verdict-container .card:hover,
    .portfolio-verdict-container .compshortinfo .action-button.active~.actions,
    .portfolio-verdict-container .compshortinfo .nse-bse-indices .stock-indices a.action-button~.actions,
    .nse-bse-indices .stock-indices .portfolio-verdict-container .compshortinfo a.action-button~.actions,
    .compshortinfo .portfolio-verdict-container .action-button.active~.actions,
    .compshortinfo .portfolio-verdict-container .nse-bse-indices .stock-indices a.action-button~.actions,
    .nse-bse-indices .stock-indices .compshortinfo .portfolio-verdict-container a.action-button~.actions,
    .portfolio-verdict-container .sqr-good,
    .portfolio-verdict-container #managementassessment span.green,
    .portfolio-verdict-container #managementassessment .mutual-fund span.grey,
    .mutual-fund .portfolio-verdict-container #managementassessment span.grey,
    #managementassessment .portfolio-verdict-container span.green,
    #managementassessment .portfolio-verdict-container .mutual-fund span.grey,
    .mutual-fund #managementassessment .portfolio-verdict-container span.grey,
    .portfolio-verdict-container .sqr-na,
    .portfolio-verdict-container #managementassessment span.gray,
    #managementassessment .portfolio-verdict-container span.gray,
    .portfolio-verdict-container .sqr-bad,
    .portfolio-verdict-container #managementassessment span.red,
    #managementassessment .portfolio-verdict-container span.red,
    .portfolio-verdict-container .sqr-avg,
    .portfolio-verdict-container #managementassessment span.orange,
    #managementassessment .portfolio-verdict-container span.orange,
    .portfolio-verdict-container .xray-good-clr,
    .portfolio-verdict-container .xray-avg-clr,
    .portfolio-verdict-container .xray-bad-clr,
    .portfolio-verdict-container .xray-na-clr,
    .portfolio-verdict-container .nav-news .card,
    .nav-news .portfolio-verdict-container .card,
    .portfolio-verdict-container .hover-card:hover,
    .portfolio-verdict-container .decision-pg .dropdown-content,
    .decision-pg .portfolio-verdict-container .dropdown-content,
    .portfolio-verdict-container .mob-buttons li a,
    .mob-buttons li .portfolio-verdict-container a,
    .portfolio-verdict-container .listCompany table tr td.stick .dropdown .dropdown-toggle,
    .listCompany table tr td.stick .dropdown .portfolio-verdict-container .dropdown-toggle {
        box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
    }
    .portfolio-verdict-container .table-container {
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
    }
    .portfolio-verdict-container .shadow {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }
    .portfolio-verdict-container .portfolio-verdict-container .bg-gray th:first-child,
    .portfolio-verdict-container .portfolio-verdict-container .decision-maker-section .card th:first-child,
    .decision-maker-section .portfolio-verdict-container .portfolio-verdict-container .card th:first-child {
        border-top-left-radius: 10px
    }
    .portfolio-verdict-container .portfolio-verdict-container .bg-gray th:last-child,
    .portfolio-verdict-container .portfolio-verdict-container .decision-maker-section .card th:last-child,
    .decision-maker-section .portfolio-verdict-container .portfolio-verdict-container .card th:last-child {
        border-top-right-radius: 10px
    }
    .portfolio-verdict-container .br-10 {
        border-radius: 10px !important
    }
    .portfolio-verdict-container .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important
    }
    .portfolio-verdict-container .qualityGrid td {
        max-width: 100px !important;
        min-width: 100px !important
    }
    .portfolio-verdict-container .summary .container {
        height: 1525px !important
    }
}

.radioBtnRisk .submitNow {
    background: #e33830;
    color: #fff;
    font-size: 15px;
    padding: 5px 15px;
    margin-right: 4px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box
}

.radioBtnRisk label {
    font-size: 1.2rem;
    margin-right: 15px
}

@media screen and (max-width: 47.94em) {
    .radioBtnRisk label {
        font-size: 1rem
    }
}

.radioBtnRisk div strong {
    font-size: 1.2rem
}

@media screen and (max-width: 47.94em) {
    .radioBtnRisk div strong {
        font-size: 1.1rem
    }
}

.riskProfileAnalysis {
    max-width: 60%
}

.riskProfileAnalysis .validation_error::before {
    content: "*";
    color: red
}

.riskProfileAnalysis .validation_error {
    color: red;
    font-size: 12px;
    padding: 5px 16px 5px 10px;
    border: none;
    float: unset;
    position: unset;
    background: none
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .validation_error {
        padding: 5px 16px 5px 3px
    }
}

.riskProfileAnalysis .copyRightFont {
    font-size: 1.2rem
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .copyRightFont {
        font-size: 12px
    }
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis {
        max-width: 98%
    }
}

.riskProfileAnalysis h2 {
    font-size: 1.4rem;
    font-weight: bold
}

.riskProfileAnalysis .form-check {
    margin-bottom: 8px
}

.riskProfileAnalysis .form-d-flex {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-top: 5px
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .form-d-flex {
        display: inline-block
    }
}

.riskProfileAnalysis hr {
    width: 100%;
    margin-left: 0
}

.riskProfileAnalysis ol {
    padding-left: 14px;
    font-size: 1.1rem
}

.riskProfileAnalysis p {
    font-size: 1.2rem
}

.riskProfileAnalysis .rskProfileContent {
    margin-right: 20px;
    margin-left: 6%
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .rskProfileContent {
        margin-right: 0px;
        margin-left: 4%
    }
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .form-check-radio .form-check {
        padding-left: 0
    }
}

@media screen and (max-width: 47.94em) {
    .riskProfileAnalysis .form-check-radio .form-check label {
        margin-right: 10px
    }
}

.riskProfileAnalysis .form-check-radio input,
.riskProfileAnalysis .form-check-radio .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .riskProfileAnalysis .form-check-radio textarea.input-textarea,
.riskProfileAnalysis .form-check-radio .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .riskProfileAnalysis .form-check-radio textarea.input-textarea {
    margin-top: -5px;
    margin-left: -8px
}

.riskProfileAnalysis h5 {
    font-size: 1.2rem
}

.mb10 {
    margin-bottom: 10px
}

.headingPT10 {
    padding-top: .5rem
}

@media screen and (max-width: 47.94em) {
    .headingPT10 {
        padding-top: 6.5rem
    }
}

.omega-segregation,
.superstar-segregation {
    margin-top: 8rem
}

.superstar-segregation.riskGrid {
    margin-top: 8rem !important
}

.omega-segregation .invest-title h4,
.superstar-segregation .invest-title h4 {
    color: #fff
}

.omega-segregation h2,
.superstar-segregation h2 {
    font-size: 2rem
}

.omega-segregation .invest-title,
.superstar-segregation .invest-title,
.manage-risk .invest-title {
    padding-top: 14px;
    background-color: #78c043;
    height: 50px
}

.omega-segregation .invest-title-opposite {
    padding-top: 14px;
    background-color: #333;
    height: 50px;
    height: 50px;
    color: #fff
}

.omega-segregation .assetClass button.accordion {
    background: #fff;
    font-size: 15px;
    width: 100%
}

.omega-segregation .assetClass button.accordion.active,
.omega-segregation .assetClass button.accordion:hover {
    background-color: #333 !important;
    color: #fff
}

.invest-acc-classic .accordion.active,
.invest-acc-classic .nse-bse-indices .stock-indices a.accordion,
.nse-bse-indices .stock-indices .invest-acc-classic a.accordion,
.invest-acc-classic .accordion:hover {
    background-color: #78c043 !important;
    color: #fff
}

.assetClass .classic-one-page-guide .invest-acc button.accordion.active,
.assetClass .classic-one-page-guide .invest-acc button.accordion:hover {
    background-color: #fff !important;
    color: #333
}

.assetClass .classic-one-page-guide .invest-acc .box-shadow .invest-title,
.assetClass .classic-one-page-guide .invest-acc .vertical-tabs .nav-link .invest-title,
.vertical-tabs .assetClass .classic-one-page-guide .invest-acc .nav-link .invest-title {
    background-color: #333;
    color: #fff
}

.assetClass .classic-one-page-guide .invest-acc .box-shadow .invest-title.page-guid-color,
.assetClass .classic-one-page-guide .invest-acc .vertical-tabs .nav-link .invest-title.page-guid-color,
.vertical-tabs .assetClass .classic-one-page-guide .invest-acc .nav-link .invest-title.page-guid-color {
    background-color: #919191;
    color: #fff
}

.manage-risk button.accordion.active,
.manage-risk button.accordion:hover {
    background-color: #333 !important;
    color: #fff
}

.omega-segregation .assetClass .invest-acc .accordion span {
    font-size: 15px;
    font-weight: bold;
    margin-left: 0px
}

.omega-segregation .assetClass .invest-acc.invest-acc-mf .accordion span {
    font-size: 15px;
    font-weight: bold;
    margin-left: 0
}

.omega-segregation .assetClass .invest-acc.invest-acc-mf .accordion span.subTitle {
    font-size: 14px;
    font-weight: normal;
    margin-left: 25px
}

.omega-segregation .assetClass div.panel {
    width: 100%;
    padding: 4px 10px;
    display: none;
    background-color: #fff;
    font-size: 12px;
    margin-top: 0px
}

.manage-risk div.panel {
    width: 100%;
    padding: 4px 10px;
    display: none;
    background-color: rgba(241, 241, 241, .7098039216);
    font-size: 12px;
    margin-top: 0px
}

.omega-segregation .assetClass .great-returns div.panel {
    width: 100%;
    padding: 4px 10px;
    display: none;
    background-color: rgba(241, 241, 241, .7098039216);
    font-size: 12px;
    margin-top: 0px
}

.omega-segregation .assetClass div.panel .para-home2 {
    min-height: 96px;
    font-size: 12px !important
}

.omega-segregation .assetClass .box-shadow,
.omega-segregation .assetClass .vertical-tabs .nav-link,
.vertical-tabs .omega-segregation .assetClass .nav-link,
.manage-risk .box-shadow,
.manage-risk .vertical-tabs .nav-link,
.vertical-tabs .manage-risk .nav-link {
    box-shadow: 0 0px 10px rgba(0, 0, 0, .3);
    background: #fff;
    min-height: 335px
}

.omega-segregation .assetClass .box-shadow.box-shadow-height,
.omega-segregation .assetClass .vertical-tabs .box-shadow-height.nav-link,
.vertical-tabs .omega-segregation .assetClass .box-shadow-height.nav-link {
    min-height: 232px
}

.omega-segregation .assetClass .box-shadow:hover,
.omega-segregation .assetClass .vertical-tabs .nav-link:hover,
.vertical-tabs .omega-segregation .assetClass .nav-link:hover {
    box-shadow: 0px 4px 5px 3px rgba(0, 0, 0, .3)
}

.omega-segregation .assetClass .portfolio-asset-img {
    width: 78%;
    margin-top: 32px
}

.omega-segregation ul.para-home2 {
    list-style-type: none
}

.omega-segregation .button.accordion {
    background: #eee;
    color: #444;
    cursor: pointer;
    padding: 11px 15px;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: .4s;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #ccc
}

.omega-segregation .button.accordion:hover {
    background: #7a7878 !important;
    color: #444
}

.omega-segregation .red-banner-btn {
    display: inline-block;
    background-color: #dc3545;
    font-size: 14px !important;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 8px 25px;
    text-align: center
}

.omega-segregation .red-banner-btn:hover {
    text-decoration: none;
    cursor: pointer !important
}

.omega-segregation .pi-section,
.superstar-segregation .pi-section {
    padding-top: 0
}

.omega-segregation .sahi-stock-border,
.superstar-segregation .sahi-stock-border {
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 140px;
    padding-right: 10px
}

.omega-segregation .mere-liye-kya-sahi-border,
.superstar-segregation .mere-liye-kya-sahi-border {
    font-size: 13px;
    border-right: 1px solid #ccc;
    padding-right: 10px
}

.height-builds-portfolio {
    height: 143px
}

.investing-margin-top {
    margin-top: 2rem
}

.assetClass button.accordion {
    color: #444;
    cursor: pointer;
    padding: 11px 15px;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: .4s;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #ccc
}

.assetClass .classic-one-page-guide button.accordion {
    border-bottom: 1px solid #ccc
}

.manage-risk button.accordion {
    color: #0b9745;
    cursor: pointer;
    padding: 8px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: .4s;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.bg-light-grey .paid-content {
    padding: 0 15px
}

.manageYourPortfolio .subtitle {
    font-size: 18px
}

.manageYourPortfolio .title {
    font-size: 18px
}

.mutualFundInvesting h2 {
    font-size: 26px;
    color: #333;
    font-family: Arial, helvetica, sans-serif !important
}

.omega-segregation .pi-section,
.superstar-segregation .pi-section {
    max-width: 1120px;
    margin: 0 auto;
    padding: 10px 18px 50px;
    position: relative
}

@media screen and (max-width: 47.94em) {
    .omegaDoImg {
        background: url(/images/homepage/home-page-imge-new-v3.png) no-repeat 0 0;
        background-size: contain;
        height: 530px;
        margin-top: 5rem
    }
    .omega-segregation {
        margin-top: 2rem
    }
    .omega-segregation-mt-6 {
        margin-top: 6rem
    }
    .omega-segregation h2 {
        font-size: 1.5rem
    }
    .omega-segregation .sahi-stock-border,
    .superstar-segregation .sahi-stock-border {
        border-right: none
    }
    .omega-segregation .mere-liye-kya-sahi-border,
    .superstar-segregation .mere-liye-kya-sahi-border {
        border-right: none;
        border-bottom: 1px solid #ccc
    }
    .omega-segregation .assetClass .box-shadow,
    .omega-segregation .assetClass .vertical-tabs .nav-link,
    .vertical-tabs .omega-segregation .assetClass .nav-link {
        min-height: 200px
    }
    .whyhowwhatcontainer .title,
    .whyhowwhatcontainer ul {
        padding: 0 15px
    }
    .whyhowwhatcontainer ul {
        margin: 0 0 10px 15px
    }
    .whyhowwhatcontainer ul li {
        line-height: 1.2;
        font-size: 14px
    }
    .whyhowwhatcontainer .title {
        font-size: 18px
    }
    .bg .homeslide1title {
        z-index: 0;
        margin-top: 0px;
        width: 100%;
        min-height: 32px;
        text-align: center;
        background: #29a45a;
        padding: 4px 0 0 0;
        z-index: 9;
        position: absolute
    }
    .bg .homeslide1title h4 {
        color: #fff;
        font-size: 10px;
        margin-bottom: 0
    }
    .bg .homeslide1title .subtitle {
        width: 100%;
        text-align: center;
        padding: 0;
        z-index: 9;
        position: absolute
    }
    .bg .homeslide1title .subtitle .subtitletext {
        font-size: 10px;
        color: #fff;
        margin-bottom: -12px
    }
    .omega-segregation .assetClass .box-shadow img,
    .omega-segregation .assetClass .vertical-tabs .nav-link img,
    .vertical-tabs .omega-segregation .assetClass .nav-link img {
        width: 100%
    }
    .omega-segregation .assetClass .portfolio-asset-img {
        width: 78% !important;
        margin-top: 32px
    }
    .omega-segregation .pi-section,
    .superstar-segregation .pi-section {
        padding: 0px 18px 15px
    }
    .assetClass h1 {
        font-size: 1.6rem
    }
}

.omegaDoImg {
    background: url(/images/omega-segregation/home-page-imge-new-v3.png) no-repeat 0 0;
    background-size: cover;
    height: 530px;
    margin-top: 5rem
}

.wealthCreate .homeslide1title {
    z-index: 0 !important;
    margin-top: -50px;
    width: 100%;
    min-height: 70px;
    text-align: center;
    background: #29a45a;
    padding: 10px 0 0 0
}

.wealthCreate .homeslide1title h1 {
    color: #fff;
    font-size: 20px;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    font-weight: 300
}

.wealthCreate .homeslide1title .subtitle {
    font-size: 16px;
    color: #000;
    margin-top: 0px
}

.wealthCreate .homeslide1title .subtitle .subtitletext {
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 2px
}

.wealthCreate .feature-box {
    min-height: 375px
}

.wealthCreate .icon.default-bg.circle {
    display: inline-block;
    margin-bottom: 20px;
    width: 55px;
    height: 55px;
    padding: 15px 15px;
    border-radius: 50%
}

.wealthCreate .icon.default-bg.circle i {
    font-size: 20px
}

.wealthCreate .feature-box .icon {
    margin-bottom: 10px
}

.wealthCreate .icon.default-bg {
    background-color: #78c043;
    color: #fff
}

.wealthCreate .card-bg {
    font-size: 12px
}

.wealthCreate .card-bg h3 {
    text-align: center
}

.wealthCreate .bordered {
    height: 360px;
    padding: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.how-omega-work .c-title {
    color: #78c043
}

.how-omega-work .c-title {
    color: #78c043
}

.how-omega-work .c-content-line-icon {
    background-image: url(/images/robo/omega/line-icons/default_green.png)
}

.how-omega-work .c-content-line-icon {
    background-image: url(/images/robo/omega/line-icons/default_green.png)
}

.how-omega-work .c-content-line-icon {
    width: 35px;
    height: 35px
}

.how-omega-work .c-content-line-icon.c-icon-21 {
    background-position: 0px 2000%
}

.how-omega-work .c-content-line-icon {
    background-image: url(/images/robo/omega/line-icons/white.png);
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover
}

.how-omega-work .c-tab-content {
    background-color: #444
}

.how-omega-work .c-bg-img-center1 {
    min-height: 300px
}

.omega-segregation .facts .pi-section,
.superstar-segregation .facts .pi-section {
    padding: 10px 40px 0px
}

.omega-segregation .three-width .row .main-three h3 {
    font-size: 15px;
    color: #333;
    font-weight: bold
}

.omega-segregation .three-width .row .main-three .content-filter label {
    font-weight: normal;
    width: 120px
}

.omega-segregation .title-free1,
.superstar-segregation .title-free1 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    background-color: #9fa09e;
    padding: 10px;
    margin-bottom: 18px;
    color: #fff
}

.omega-segregation .title-paid,
.superstar-segregation .title-paid {
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    text-align: center;
    font-weight: 400;
    background-color: #78c043;
    padding-top: 10px;
    margin-bottom: 16px;
    color: #fff;
    height: 50px
}

.superstar-segregation .title-paid {
    margin-bottom: 20px
}

.omega-segregation .bg-light-grey,
.superstar-segregation .bg-light-grey {
    background-color: #f5f4f4;
    height: 255px;
    padding: 0
}

.omega-segregation .bg-light-grey.grey-bg-height,
.superstar-segregation .bg-light-grey.grey-bg-height {
    height: 350px
}

.omega-segregation .bg-light-grey.grey-bg-height p,
.superstar-segregation .bg-light-grey.grey-bg-height p {
    font-size: 12px
}

.omega-segregation .bg-light-grey.grey-bg-height .paid-solution-tree,
.superstar-segregation .bg-light-grey.grey-bg-height .paid-solution-tree {
    width: 45%
}

.omega-segregation .bg-light-grey.grey-bg-height #know-more-button,
.superstar-segregation .bg-light-grey.grey-bg-height #know-more-button {
    margin-top: 25px
}

.black-expand-div .c-content-tab-2.c-theme ul li.active a .c-content-line-icon,
.black-expand-div .c-content-tab-2.c-theme ul li:hover a .c-content-line-icon {
    background-image: url(/images/robo/omega/line-icons/default_green.png)
}

.black-expand-div .c-content-tab-2 .nav li a .c-content-line-icon {
    width: 35px;
    height: 35px
}

.black-expand-div .c-content-line-icon.c-icon-21 {
    background-position: 0px 2000%
}

.black-expand-div .c-content-line-icon {
    background-image: url(/images/robo/omega/line-icons/white.png);
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover
}

.black-expand-div .c-content-tab-2 .nav {
    text-align: center
}

.black-expand-div .c-font-bold {
    font-weight: 600 !important
}

.black-expand-div .c-content-tab-2 .nav li {
    padding: 0 5px 0px;
    float: none;
    display: inline-block
}

.black-expand-div .c-content-tab-2 .nav li a .c-title {
    display: block;
    margin: 5px 0;
    color: #525e64
}

.black-expand-div .c-content-tab-2.c-theme ul li.active a .c-title,
.black-expand-div .c-content-tab-2.c-theme ul li:hover a .c-title {
    color: #78c043
}

.black-expand-div .c-content-tab-2 .nav li.active .c-arrow {
    position: relative
}

.black-expand-div .c-content-tab-2.c-opt-1 .nav li.active .c-arrow:before {
    border-bottom-color: #444
}

.black-expand-div .c-content-tab-2 .nav li.active .c-arrow:before {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 13px solid rgba(0, 0, 0, 0);
    margin-left: -13px
}

.black-expand-div .c-content-tab-2.c-opt-1 .nav li a {
    color: #cfd9e6;
    background-color: rgba(0, 0, 0, 0);
    transition: all .2s
}

.black-expand-div .c-content-tab-2 .nav li:not(.active) a .c-content-line-icon {
    opacity: .9;
    background-image: url(/images/robo/omega/line-icons/dark1.png)
}

.black-expand-div .c-content-tab-2 .nav li:not(.active) a .c-content-line-icon {
    opacity: .9;
    background-image: url(/images/robo/omega/line-icons/dark1.png)
}

.black-expand-div .c-content-tab-2 .nav li:not(.active) a .c-content-line-icon {
    opacity: .9;
    background-image: url(/images/robo/omega/line-icons/dark1.png)
}

.black-expand-div .c-content-tab-2 .nav li:not(.active) a .c-content-line-icon {
    opacity: .9;
    background-image: url(/images/robo/omega/line-icons/dark1.png)
}

.black-expand-div .c-content-tab-2 .c-tab-content .tab-content {
    overflow: hidden
}

.black-expand-div .c-content-tab-2 .c-tab-content .tab-content {
    padding: 20px 0;
    overflow: auto
}

.black-expand-div .tab-content {
    padding: 0 10px
}

.black-expand-div .tab-content.tab-pane {
    display: none
}

.black-expand-div .c-content-tab-2 .c-tab-content .c-tab-pane img {
    float: right;
    margin-left: 100px;
    padding: 5px;
    width: 30%;
    border: 1px solid rgba(255, 255, 255, .1)
}

.black-expand-div .c-content-tab-2.c-opt-1 .c-tab-content .c-tab-pane h4 {
    color: #fff
}

.black-expand-div .c-content-tab-2 .c-tab-content .c-tab-pane h4 {
    margin-bottom: 16px
}

.black-expand-div .tab-content h4 {
    text-transform: none
}

.how-omega-work.black-expand-div .c-content-tab-2 input[type=checkbox],
.how-omega-work.black-expand-div .c-content-tab-2 .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .how-omega-work.black-expand-div .c-content-tab-2 textarea[type=checkbox].input-textarea,
.how-omega-work.black-expand-div .c-content-tab-2 .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .how-omega-work.black-expand-div .c-content-tab-2 textarea[type=checkbox].input-textarea,
.how-omega-work.black-expand-div .c-content-tab-2 input[type=radio],
.how-omega-work.black-expand-div .c-content-tab-2 .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .how-omega-work.black-expand-div .c-content-tab-2 textarea[type=radio].input-textarea,
.how-omega-work.black-expand-div .c-content-tab-2 .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .how-omega-work.black-expand-div .c-content-tab-2 textarea[type=radio].input-textarea {
    margin: 4px 0 0;
    line-height: normal
}

.how-omega-work.black-expand-div input[type=checkbox],
.how-omega-work.black-expand-div .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .how-omega-work.black-expand-div textarea[type=checkbox].input-textarea,
.how-omega-work.black-expand-div .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .how-omega-work.black-expand-div textarea[type=checkbox].input-textarea,
.how-omega-work.black-expand-div input[type=radio],
.how-omega-work.black-expand-div .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .how-omega-work.black-expand-div textarea[type=radio].input-textarea,
.how-omega-work.black-expand-div .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .how-omega-work.black-expand-div textarea[type=radio].input-textarea {
    box-sizing: border-box;
    padding: 0
}

.black-expand-div .c-font-30 {
    font-size: 30px !important
}

.black-expand-div .read-more-state {
    display: none
}

.black-expand-div .read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease
}

.black-expand-div .read-more-wrap {
    margin-bottom: 0
}

.black-expand-div .read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em
}

.black-expand-div .read-more-state~.read-more-trigger:before {
    content: "Read more";
    text-decoration: underline
}

.black-expand-div .read-more-state:checked~.read-more-trigger:before {
    content: "Hide"
}

.black-expand-div .read-more-trigger {
    margin-bottom: 0;
    cursor: pointer;
    display: block;
    width: 60%;
    text-align: right;
    margin-top: -10px;
    color: #fff;
    font-size: 12px;
    text-decoration: underline
}

.black-expand-div.black-expand-div-content .read-more-trigger {
    margin-bottom: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 0px;
    color: #fff;
    font-size: 12px;
    text-decoration: underline
}

.black-expand-div.black-expand-div-content .read-more-trigger:before {
    color: #333 !important;
    color: #369 !important
}

.black-expand-div.black-expand-div-content .green-text {
    color: green !important;
    font-weight: bold
}

.black-expand-div.black-expand-div-content .orange-text {
    color: orange !important;
    font-weight: bold
}

.black-expand-div.black-expand-div-content .red-text {
    color: red !important;
    font-weight: bold
}

.black-expand-div.black-expand-div-content .bg-color-eee {
    background: #f4f2f2;
    min-height: 320px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.black-expand-div.black-expand-div-content .bg-color-eee.heightwealth {
    min-height: 320px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.black-expand-div.black-expand-div-content .content {
    min-height: 108px
}

.black-expand-div .default-bg .fa-bar-chart:before {
    content: none
}

.black-expand-div .c-tab-pane p {
    font-size: 12px !important;
    margin-top: 0;
    margin-bottom: 0
}

.black-expand-div .c-content-line-icon.c-icon-8 {
    background-position: 0px 700%
}

.black-expand-div .c-content-line-icon.c-icon-2 {
    background-position: 0px 100%
}

.black-expand-div .c-content-line-icon.c-icon-12 {
    background-position: 0px 1100%
}

.black-expand-div .c-content-line-icon.c-icon-47 {
    background-position: 0px 4600%
}

.black-expand-div .nav li a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.black-expand-div .c-content-tab-2 .nav li+li {
    margin-left: 20px
}

.black-expand-div .c-content-tab-2 .nav li {
    float: none;
    display: inline-block
}

.black-expand-div .fade:not(.show) {
    opacity: 1
}

.black-expand-div .pi-text-white {
    color: #fff
}

.light-gray-bg.steps {
    font-size: 12px
}

.wealthCreate.get-start .icon {
    margin-bottom: 20px;
    display: block
}

.wealthCreate.get-start h3 {
    font-size: 18px;
    height: 45px;
    padding: 5px
}

.wealthCreate.get-start img:first-child {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.wealthCreate.get-start ul {
    padding-left: 20px
}

.object-non-visible.object-visible {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 12px 5px;
    min-height: 347px
}

.pi-section-parallax {
    background-size: cover;
    background-repeat: repeat-y;
    background-position: 0 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.pi-section-w {
    position: relative;
    -webkit-transition: background .1s ease-in-out 0s;
    -moz-transition: background .1s ease-in-out 0s;
    -ms-transition: background .1s ease-in-out 0s;
    -o-transition: background .1s ease-in-out 0s;
    transition: background .1s ease-in-out 0s
}

.pi-bordered:hover:after,
.pi-bordered:hover:before {
    background: 0 0
}

.pi-bordered:after,
.pi-bordered:before {
    -webkit-transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -ms-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s
}

.pi-row-block-logo a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-bottom: 0
}

.pi-row-block-logo .pi-has-bg {
    -webkit-transition: background .1s ease-in-out 0s;
    -moz-transition: background .1s ease-in-out 0s;
    -ms-transition: background .1s ease-in-out 0s;
    -o-transition: background .1s ease-in-out 0s;
    transition: background .1s ease-in-out 0s
}

.pi-row-block-logo img {
    display: block
}

.pi-row-block-logo .pi-center-vertically {
    display: table
}

.pi-row-block-logo .pi-center-vertically>a,
.pi-row-block-logo .pi-center-vertically>span {
    display: table-cell;
    vertical-align: middle
}

.pi-row-lg .pi-row-block-logo img {
    max-height: 70px;
    margin-top: 0px !important
}

.pi-row-md .pi-row-block-logo img {
    max-height: 70px
}

.pi-row-sm .pi-row-block-logo img {
    max-height: 46px
}

.pi-row-block-txt {
    position: relative;
    line-height: 28px
}

.pi-row-block-txt a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -ms-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s
}

.pi-row-block-icon {
    position: relative;
    margin: -3px 6px 0 0;
    font-size: 14px
}

.pi-row-block-icon.pi-icon-circle,
.pi-row-block-icon.pi-icon-square {
    top: -1px;
    height: 26px;
    width: 26px;
    font-size: 14px;
    line-height: 26px;
    margin: 0 8px -9px 0
}

.pi-row-sm .pi-big-font {
    font-size: 16px
}

.pi-row-sm .pi-bigger-font {
    font-size: 18px;
    font-weight: 300
}

.pi-row-sm .pi-row-block-txt {
    margin-top: 9px;
    margin-bottom: 9px
}

.pi-row-sm .pi-center-vertically>a,
.pi-row-sm .pi-center-vertically>span {
    height: 46px
}

.pi-row-md .pi-big-font {
    font-size: 16px
}

.pi-row-md .pi-bigger-font {
    font-size: 18px;
    font-weight: 300
}

.pi-row-md .pi-row-block-txt {
    margin-top: 21px;
    margin-bottom: 21px
}

.pi-row-md .pi-center-vertically>a,
.pi-row-md .pi-center-vertically>span {
    height: 70px
}

.pi-row-lg .pi-big-font {
    font-size: 16px
}

.pi-row-lg .pi-bigger-font {
    font-size: 18px;
    font-weight: 300
}

.pi-row-lg .pi-row-block-txt {
    margin-top: 23px;
    margin-bottom: 22px
}

.pi-row-lg .pi-center-vertically>a,
.pi-row-lg .pi-center-vertically>span {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    height: 96px
}

.pi-section-white .pi-row-block-logo .pi-has-bg {
    background: #f9fafa
}

.pi-section-white .pi-row-block-logo .pi-has-bg:hover {
    background: #f3f4f5
}

.pi-section-white .pi-row-block-logo .pi-bordered {
    border-color: #e0e2e4
}

.pi-section-white .pi-row-block-logo .pi-bordered:after,
.pi-section-white .pi-row-block-logo .pi-bordered:before {
    display: block;
    width: 1px;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    background: 0 0
}

.pi-section-white .pi-row-block-logo .pi-bordered:before {
    left: 0
}

.pi-section-white .pi-row-block-logo .pi-bordered:after {
    right: 0
}

.pi-section-white .pi-row-block-logo .pi-bordered:hover:after,
.pi-section-white .pi-row-block-logo .pi-bordered:hover:before {
    background: 0 0
}

.pi-section-grey .pi-row-block-logo .pi-has-bg {
    background: #fff
}

.pi-section-grey .pi-row-block-logo .pi-has-bg:hover {
    background: #e9eaeb
}

.pi-section-grey .pi-row-block-logo .pi-bordered {
    border-color: #e0e2e4
}

.pi-section-grey .pi-row-block-logo .pi-bordered:after,
.pi-section-grey .pi-row-block-logo .pi-bordered:before {
    display: block;
    width: 1px;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    background: 0 0
}

.pi-section-grey .pi-row-block-logo .pi-bordered:before {
    left: 0
}

.pi-section-grey .pi-row-block-logo .pi-bordered:after {
    right: 0
}

.pi-section-grey .pi-row-block-logo .pi-bordered:hover:after,
.pi-section-grey .pi-row-block-logo .pi-bordered:hover:before {
    background: 0 0
}

.pi-section-base .pi-row-block-logo .pi-has-bg {
    background: #3c8cbd
}

.pi-section-base .pi-row-block-logo .pi-has-bg:hover {
    background: #3276b1
}

.pi-section-base .pi-row-block-logo .pi-bordered {
    border-color: #5196c4
}

.pi-section-base .pi-row-block-logo .pi-bordered:after,
.pi-section-base .pi-row-block-logo .pi-bordered:before {
    display: block;
    width: 1px;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    background: 0 0
}

.pi-section-base .pi-row-block-logo .pi-bordered:before {
    left: 0
}

.pi-section-base .pi-row-block-logo .pi-bordered:after {
    right: 0
}

.pi-section-base .pi-row-block-logo .pi-bordered:hover:after,
.pi-section-base .pi-row-block-logo .pi-bordered:hover:before {
    background: 0 0
}

.pi-section-dark .pi-row-block-logo .pi-has-bg {
    background: #383840
}

.pi-section-dark .pi-row-block-logo .pi-has-bg:hover {
    background: #222227
}

.pi-section-dark .pi-row-block-logo .pi-bordered {
    border-color: #41414a
}

.pi-section-dark .pi-row-block-logo .pi-bordered:after,
.pi-section-dark .pi-row-block-logo .pi-bordered:before {
    display: block;
    width: 1px;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    background: 0 0
}

.pi-section-dark .pi-row-block-logo .pi-bordered:before {
    left: 0
}

.pi-section-dark .pi-row-block-logo .pi-bordered:after {
    right: 0
}

.pi-section-dark .pi-row-block-logo .pi-bordered:hover:after,
.pi-section-dark .pi-row-block-logo .pi-bordered:hover:before {
    background: 0 0
}

.pi-header-sticky,
.pi-header-sticky .pi-section,
.pi-header-sticky .pi-section-menu-mobile,
.pi-header-sticky .pi-section-menu-mobile-w,
.pi-header-sticky .pi-section-w {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pi-row-reducible img {
    -webkit-transition: max-height .5s ease-in-out;
    -moz-transition: max-height .5s ease-in-out;
    -ms-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.pi-row-reducible .pi-full-height>li>a,
.pi-row-reducible .pi-social-icons.pi-full-height>li>a>i {
    -webkit-transition: line-height .5s ease-in-out;
    -moz-transition: line-height .5s ease-in-out;
    -ms-transition: line-height .5s ease-in-out;
    -o-transition: line-height .5s ease-in-out;
    transition: line-height .5s ease-in-out
}

.pi-row-reducible .pi-social-icons.pi-full-height>li>a,
.pi-row-reducible .pi-social-icons.pi-full-height>li>a>i {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.pi-row-reducible .pi-row-block form,
.pi-row-reducible .pi-row-block-txt,
.pi-row-reducible .pi-row-block>.pi-btn,
.pi-row-reducible .pi-social-icons-simple,
.pi-row-reducible .pi-social-icons:not(.pi-full-height) {
    -webkit-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out;
    -moz-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out;
    -ms-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out;
    -o-transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out;
    transition: margin-top .5s ease-in-out, margin-bottom .5s ease-in-out
}

.pi-header-row-fixed .pi-header-sticky,
.pi-header-rows-fixed .pi-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002
}

.pi-header-row-fixed.pi-fixed .pi-header-sticky .pi-section-w,
.pi-header-rows-fixed.pi-fixed .pi-header-sticky .pi-section-w {
    max-width: 1120px;
    margin: 0 auto
}

.pi-header-row-fixed .pi-row-reduced img,
.pi-header-rows-fixed .pi-row-reduced img {
    max-height: 60px;
    margin-top: 0px !important
}

.pi-header-row-fixed .pi-row-reduced .pi-full-height>li>a,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a>i,
.pi-header-rows-fixed .pi-row-reduced .pi-full-height>li>a,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a>i {
    line-height: 70px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a,
.pi-header-row-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a>i,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons.pi-full-height>li>a>i {
    height: 70px
}

.pi-header-row-fixed .pi-row-reduced .pi-row-block form,
.pi-header-row-fixed .pi-row-reduced .pi-row-block>.pi-btn,
.pi-header-rows-fixed .pi-row-reduced .pi-row-block form,
.pi-header-rows-fixed .pi-row-reduced .pi-row-block>.pi-btn {
    margin-top: 15px;
    margin-bottom: 15px
}

.pi-header-row-fixed .pi-row-reduced .pi-row-block-txt,
.pi-header-rows-fixed .pi-row-reduced .pi-row-block-txt {
    margin-top: 21px;
    margin-bottom: 21px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple {
    margin-top: 10px;
    margin-bottom: 10px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple.pi-big,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple.pi-big {
    margin-top: 2px;
    margin-bottom: 2px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons-simple.pi-small,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons-simple.pi-small {
    margin-top: 12px;
    margin-bottom: 12px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height),
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height) {
    margin-top: 9px;
    margin-bottom: 9px
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-big,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-big {
    margin-top: 0;
    margin-bottom: 0
}

.pi-header-row-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-small,
.pi-header-rows-fixed .pi-row-reduced .pi-social-icons:not(.pi-full-height).pi-small {
    margin-top: 16px;
    margin-bottom: 16px
}

.pi-header-row-fixed .pi-row-reduced .pi-center-vertically>a,
.pi-header-row-fixed .pi-row-reduced .pi-center-vertically>span,
.pi-header-rows-fixed .pi-row-reduced .pi-center-vertically>a,
.pi-header-rows-fixed .pi-row-reduced .pi-center-vertically>span {
    height: 70px
}

.pi-header-row-fixed .pi-header {
    padding-bottom: 75px
}

.pi-header-row-fixed .pi-header.pi-header-row-sm-fixed {
    padding-bottom: 46px
}

.pi-header-rows-fixed .pi-header {
    padding-bottom: 142px
}

.pi-header-row-fixed .pi-header.pi-reduced-padding-top,
.pi-header-rows-fixed .pi-header.pi-reduced-padding-top {
    padding-bottom: 0
}

.pi-header-row-fixed .pi-header.pi-reduced-padding-top {
    padding-top: 96px
}

.pi-header-row-fixed .pi-header.pi-reduced-padding-top.pi-header-row-sm-fixed {
    padding-top: 46px
}

.pi-header-rows-fixed .pi-header.pi-reduced-padding-top {
    padding-top: 142px
}

.pi-menu,
.pi-simple-menu {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 0
}

.pi-row-block .pi-menu,
.pi-row-block .pi-simple-menu {
    margin: 0
}

.pi-menu li,
.pi-simple-menu li {
    position: relative;
    text-align: left;
    margin: 0
}

.pi-menu a,
.pi-simple-menu a {
    display: block;
    text-decoration: none;
    border: none;
    position: relative
}

.pi-menu a.active,
.pi-menu .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .pi-menu a,
.pi-menu a:hover,
.pi-simple-menu a.active,
.pi-simple-menu .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .pi-simple-menu a,
.pi-simple-menu a:hover {
    border: none
}

.pi-menu li,
.pi-simple-menu li {
    float: left;
    vertical-align: top
}

.pi-menu li a,
.pi-simple-menu li a {
    border: 0
}

.pi-menu li .pi-submenu,
.pi-simple-menu li .pi-submenu {
    top: 100%;
    left: 0
}

.pi-menu li .pi-submenu.pi-submenu-left-side,
.pi-simple-menu li .pi-submenu.pi-submenu-left-side {
    left: auto;
    right: 0
}

.pi-menu li.pi-has-dropdown-wide,
.pi-simple-menu li.pi-has-dropdown-wide {
    position: static
}

.pi-menu li:hover .pi-submenu,
.pi-menu li:hover .pi-submenu-wide,
.pi-simple-menu li:hover .pi-submenu,
.pi-simple-menu li:hover .pi-submenu-wide {
    visibility: visible;
    opacity: 1
}

.pi-menu li i,
.pi-simple-menu li i {
    margin-right: 8px;
    font-size: 14px;
    opacity: .5
}

.pi-menu li.pi-has-dropdown a,
.pi-simple-menu li.pi-has-dropdown a {
    position: relative;
    padding-right: 25px
}

.pi-menu li.pi-has-dropdown a:after,
.pi-simple-menu li.pi-has-dropdown a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    margin: -5px 0 0;
    font-family: fontello;
    font-size: 12px;
    opacity: .3;
    line-height: 1em;
    -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -moz-transform .2s ease-in;
    -ms-transition: -ms-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in
}

.pi-menu li.pi-has-dropdown:hover a:after,
.pi-simple-menu li.pi-has-dropdown:hover a:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: .9;
    margin-top: -6px
}

.pi-section-base .pi-menu li.pi-has-dropdown a:after,
.pi-section-base .pi-simple-menu li.pi-has-dropdown a:after {
    opacity: .5
}

.pi-section-base .pi-menu li.pi-has-dropdown:hover a:after,
.pi-section-base .pi-simple-menu li.pi-has-dropdown:hover a:after {
    opacity: 1
}

.pi-simple-menu li a {
    padding: 0 15px
}

.pi-simple-menu li a span {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #fff
}

.pi-section-parallax .h1,
.pi-section-parallax .h2,
.pi-section-parallax .h3,
.pi-section-parallax .h4,
.pi-section-parallax .h5,
.pi-section-parallax .h6,
.pi-section-parallax h1,
.pi-section-parallax h2,
.pi-section-parallax h3,
.pi-section-parallax h4,
.pi-section-parallax h5,
.pi-section-parallax h6 {
    color: #fff
}

.pi-letter-spacing-3 {
    letter-spacing: 3px
}

.pi-uppercase {
    text-transform: uppercase
}

.pi-padding-top-50,
.pi-padding-top-bottom-50 {
    padding-top: 50px !important
}

.pi-text-center {
    text-align: center
}

.pi-grid-small-margins {
    margin-right: -10px
}

.pi-row:after,
.pi-row:before {
    content: " ";
    display: table
}

.pi-padding-bottom-20,
.pi-padding-bottom-25,
.pi-padding-top-bottom-20,
.pi-padding-top-bottom-25 {
    padding-bottom: 20px !important
}

.pi-col-sm-3 {
    width: 25%
}

.pi-col-sm-1,
.pi-col-sm-10,
.pi-col-sm-11,
.pi-col-sm-2,
.pi-col-sm-3,
.pi-col-sm-4,
.pi-col-sm-5,
.pi-col-sm-5-cell,
.pi-col-sm-6,
.pi-col-sm-7,
.pi-col-sm-8,
.pi-col-sm-9 {
    float: left
}

.pi-counter {
    margin-bottom: 20px
}

.pi-counter-simple .pi-counter-count.pi-counter-count-big {
    font-size: 50px;
    font-weight: 400
}

.pi-counter-simple .pi-counter-count {
    font-size: 30px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 15px
}

.pi-text-white {
    color: #fff !important
}

.pi-counter-simple .pi-counter-count.pi-counter-count-big {
    font-size: 50px;
    font-weight: 400
}

.pi-counter-simple .pi-counter-count {
    font-size: 30px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 15px
}

.pi-section-parallax .lead-20,
.pi-section-parallax .lead-22,
.pi-section-parallax .lead-24,
.pi-section-parallax .lead-26,
.pi-section-parallax .lead-28,
.pi-section-parallax .lead-30,
.pi-section-parallax .lead-32,
.pi-section-parallax .lead-34 {
    color: rgba(250, 250, 250, .85)
}

.pi-text-white {
    color: #fff !important
}

.lead-24 {
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 400
}

.pi-counter-simple .pi-counter-count.pi-counter-count-big {
    font-size: 50px;
    font-weight: 400
}

.wealthCreate.get-start {
    margin-top: 6rem
}

@media screen and (max-width: 47.94em) {
    .omegaDoImg {
        background: url(/images/omega-segregation/home-page-imge-new-v3.png) no-repeat 0 0;
        background-size: contain;
        height: 252px;
        margin-top: 4rem
    }
    .wealthCreate .homeslide1title h1 {
        font-size: 16px
    }
    .wealthCreate h2 {
        font-size: 20px
    }
    .wealthCreate .bordered {
        height: 275px
    }
    .wealthCreate .homeslide1title .subtitle .subtitletext {
        font-size: 13px
    }
    .wealthCreate .bordered {
        margin-bottom: 1.5rem
    }
    .how-omega-work h2 {
        font-size: 20px
    }
    .mobAssetAllocation button.accordion {
        width: 100%
    }
    .mobAssetAllocation div.panel {
        width: 100%;
        border: 1px solid #ccc;
        margin-top: 0
    }
    .mobAssetAllocation button.accordion.active,
    .mobAssetAllocation button.accordion:hover {
        background-color: #333;
        color: #fff
    }
    .mobAssetAllocation button.accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 11px 15px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 18px;
        transition: .4s;
        font-weight: bold;
        line-height: 20px;
        border-bottom: 1px solid #ccc
    }
    .lead-24 {
        font-size: 16px
    }
    .pi-section-w.pi-section-parallax {
        min-height: 100px
    }
    .wealthCreate.get-start {
        margin-top: 2rem
    }
    .pi-counter-simple .pi-counter-count.pi-counter-count-big {
        font-size: 20px
    }
    #oneYearDataBtn {
        font-size: 9px;
        padding: 3px
    }
    .chart-iframe .btn {
        font-size: 9px;
        padding: 3px
    }
    .omega-segregation .assetClass button.accordion.active,
    button.accordion:hover {
        background-color: #333 !important;
        color: #fff
    }
}

.mobAssetAllocation .panel .para-home2 {
    font-size: 14px !important
}

.mobAssetAllocation .text-dark-green {
    color: #139b4a
}

.mobAssetAllocation button.accordion.active,
.mobAssetAllocation button.accordion:hover {
    background-color: #333;
    color: #fff !important
}

.mobAssetAllocation button.accordion.active .text-dark-green,
.manage-risk button.accordion.active .text-dark-green {
    background-color: #333 !important;
    color: #fff !important
}

.mobAssetAllocation div.panel {
    padding: 0 10px;
    display: none;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    margin-top: 0px
}

.mobAssetAllocation .panel .para-home2 {
    font-size: 12px !important
}

.c-content-tab-2 .nav li.active .c-arrow {
    position: relative
}

.proof-of-performance {
    margin-top: 6rem !important
}

.customer-says {
    margin-top: 6rem
}

.omega-segregation-container h2 {
    font-size: 25px
}

.pi-section-base .pi-testimonial-content.pi-testimonial-white,
.pi-section-dark .pi-testimonial-content.pi-testimonial-white,
.pi-section-grey .pi-testimonial-content.pi-testimonial-white,
.pi-section-parallax .pi-testimonial-content.pi-testimonial-white,
.pi-section-white .pi-testimonial-content.pi-testimonial-white {
    background: rgba(229, 241, 52, .3490196078);
    color: #373c41;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border-color: #fff
}

.pi-section-grey h6 {
    color: #21252b;
    font-weight: bold
}

.pi-testimonial-content {
    position: relative;
    padding: 25px 28px 5px;
    margin-bottom: 20px;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4em;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pi-margin-bottom-40 {
    margin-bottom: 40px !important
}

.how-omega-work .nav.c-tab-icon-stack.c-font-bold {
    margin-left: 9%
}

.subtitle {
    font-size: 12px
}

#assetClasses .modal-dialog {
    max-width: 750px
}

#assetClasses .modal-dialog th {
    background: #d8d8d8;
    padding: 5px 10px
}

#assetClasses .modal-dialog td {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc
}

#assetClasses .modal-body {
    padding: 0
}

#omega-segregation {
    font-size: 14px
}

#omega-segregation .form-check-label {
    padding-top: 5px;
    margin-left: 12px
}

#omega-segregation .brokerages {
    font-size: 11px;
    margin-top: 5px;
    line-height: 1.2
}

#omega-segregation .sebi-register strong {
    font-size: 14px;
    margin-top: 18px;
    display: block
}

#omega-segregation .btn-primary:focus,
.btn-primary.focus {
    box-shadow: none
}

#omega-segregation .btn-primary.dropdown-toggle {
    background: #fff;
    color: #333;
    border: none
}

#omega-segregation .title {
    margin-bottom: 10px;
    font-size: 18px
}

#omega-segregation .subTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3
}

#omega-segregation .logo {
    font-size: 28px
}

#omega-segregation .green-bg {
    padding: 15px;
    background: #29a744;
    text-align: center;
    color: #fff
}

#omega-segregation .green-bg .fa-times {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 15px
}

.border-green {
    padding: 15px;
    border: 4px solid #29a744
}

.border-green .fa-times {
    position: absolute;
    right: 9px;
    top: 8px
}

#omega-segregation .modal-body {
    padding: 0
}

#omega-segregation .modal-dialog {
    max-width: 735px
}

#omega-segregation .currently-use .btn {
    background: #fff;
    margin-left: -18px;
    font-size: 1rem
}

#omega-segregation .currently-use .btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none
}

#omega-segregation .currently-use .dropdown-menu.show {
    width: 45%;
    border: none;
    padding-left: 15px
}

#omega-segregation .currently-use ul li {
    padding: 4px
}

#omega-segregation .currently-use ul li span {
    font-size: 1rem
}

#omega-segregation .modal-dialog {
    max-width: 740px
}

#omega-segregation .form-check {
    padding-left: 2px
}

#omega-segregation input[type=radio],
#omega-segregation .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon #omega-segregation textarea[type=radio].input-textarea,
#omega-segregation .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group #omega-segregation textarea[type=radio].input-textarea {
    transform: scale(1.1)
}

.direct-stock-ans {
    margin-top: 10rem
}

.direct-stock-ans img {
    width: 100%;
    margin-bottom: 10px
}

.direct-stock-ans .content {
    font-size: 12px;
    text-align: justify
}

.manage-risk .portfolio-risk-img {
    width: 67%;
    margin: 0 auto;
    margin-left: 70px;
    margin-top: 0%
}

.mistakes-content {
    margin-top: 10rem
}

.superstar-segregation .green-text {
    color: #29a45a !important
}

.superstar-segregation .superstar-content {
    font-size: 12px;
    list-style-type: none !important
}

.superstar-segregation .superstar-content .fa-check {
    margin-right: 5px;
    font-size: 9px
}

.superstar-segregation .desk-view {
    text-align: center
}

.omega-segregation-container .desk-view h3 {
    text-align: center;
    font-size: 13px;
    line-height: .9
}

.omega-segregation-container .desk-view h2 {
    text-align: center;
    font-size: 18px;
    line-height: .9
}

.omega-segregation-container .imgbox-container .title {
    text-align: center;
    background: #003367;
    color: #fff;
    font-size: 13px;
    padding: 3px
}

.omega-segregation-container .manage-risk {
    margin-top: 6rem
}

.omega-segregation-container .manage-risk ol {
    font-size: 12px
}

.omega-segregation-container .manage-risk .risk-content {
    margin-bottom: 1px;
    color: #139b4a;
    font-size: 13px;
    text-align: center;
    font-weight: bold
}

.superstar-segregation .stocks-investing .border-grey {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 15px 21px;
    min-height: 270px
}

.superstar-segregation .stocks-investing .stocks-investing-icon {
    background-color: #78c043;
    color: #fff;
    padding: 18px;
    border-radius: 50%;
    width: 60px;
    text-align: center;
    display: block;
    margin: 10px auto;
    height: 58px
}

.superstar-segregation .stocks-investing .content {
    font-size: 13px
}

.superstar-segregation .pi-section {
    padding: 0px 40px 50px
}

.omega-segregation-container .wealthCreatePortfolio {
    margin-top: 9rem
}

.stocks-investing .border-grey .heading {
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 16px
}

.mistakes-content .heading {
    font-weight: bold
}

.superstar-segregation .sahi-stock-border {
    min-height: 118px
}

.right-stock-content {
    margin-left: 20px
}

.para-home3 ul {
    padding-left: 10px
}

.omega-segregation .assetClass .great-returns img {
    border: 1px solid #ccc;
    height: 95%
}

.mistakes-content .border-ccc {
    border: 1px solid #ccc;
    min-height: 216px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.mistakes-content .heading {
    line-height: 1.3;
    padding: 10px;
    height: 50px;
    background: #4e4f4e;
    color: #fff;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 6px
}

.mistakes-content .content {
    padding: 10px;
    color: #333;
    font-weight: normal;
    font-size: 13px
}

.mistakes-content .sub-heading {
    margin-top: 50px;
    font-size: 20px
}

.classic-panel .panel {
    display: block !important
}

.omega-segregation .classic-bg-grey-left {
    padding: 15px;
    background: #f4f2f2;
    margin-left: -15px;
    min-height: 230px
}

.omega-segregation .classic-bg-grey-left .content,
.omega-segregation .classic-bg-grey-right .content {
    font-size: 14px;
    padding-top: 5px
}

.omega-segregation .classic-bg-grey-right {
    padding: 15px;
    background: #f4f2f2;
    margin-right: -10px;
    min-height: 230px
}

.omega-segregation .classic-subHead {
    padding: 10px;
    background: #f4f2f2;
    text-align: center;
    margin-top: 20px
}

.omega-segregation.classic img {
    height: 240px
}

.invest-acc .box-shadow .classic-panel,
.invest-acc .vertical-tabs .nav-link .classic-panel,
.vertical-tabs .invest-acc .nav-link .classic-panel {
    background: red
}

.manage-risk .box-shadow.classic-panel,
.manage-risk .vertical-tabs .classic-panel.nav-link,
.vertical-tabs .manage-risk .classic-panel.nav-link {
    min-height: 295px
}

.omega-segregation .classic-healthy-portfolio a {
    font-size: 12px
}

.omega-segregation .classic-healthy-portfolio a.btn-sm,
.omega-segregation .classic-healthy-portfolio .btn-group-sm>a.btn {
    background: #333;
    color: #fff
}

.direct-stock-ans .classic-right-time {
    min-height: 435px
}

.black-expand-div.black-expand-div-content .bg-color-eee {
    min-height: 436px
}

.dm-portfolio {
    min-height: 240px !important
}

.coming-soon-content {
    background: #f1f1f1;
    margin-left: 11.5% !important;
    flex: 0 0 77%;
    max-width: 77%;
    padding: 15px
}

.dm-portfolio-height {
    min-height: 304px !important
}

@media screen and (max-width: 47.94em) {
    .direct-stock-ans {
        margin-top: 5rem
    }
    .direct-stock-ans img {
        width: 100%
    }
    .height-builds-portfolio {
        height: 100px
    }
    .black-expand-div.black-expand-div-content h2 {
        font-size: 19px
    }
    .manage-risk h2 {
        font-size: 19px
    }
    .black-expand-div.black-expand-div-content .bg-color-eee {
        background: #f4f2f2;
        min-height: 320px;
        padding: 10px
    }
    .manage-risk .portfolio-risk-img {
        width: 100%;
        margin: 0
    }
    .mistakes-content {
        margin-top: 5rem
    }
    .omega-segregation h2,
    .superstar-segregation h2 {
        font-size: 1.5rem
    }
    .superstar-segregation.riskGrid {
        margin-top: 2rem !important
    }
    .superstar-segregation.riskGrid h4 {
        font-size: 1.2rem !important
    }
    .omega-segregation .title-free1,
    .superstar-segregation .title-free1 {
        font-size: 16px;
        padding: 5px
    }
    .imgbox-container .title {
        min-height: 40px
    }
    .omega-segregation-container .manage-risk {
        margin-top: 1rem
    }
    .right-stock-content {
        margin-left: 0
    }
    .omega-segregation-container h2 {
        font-size: 1.5rem
    }
    .omega-segregation .title-paid,
    .superstar-segregation .title-paid {
        font-size: 16px;
        padding: 5px;
        height: 35px
    }
    .superstar-segregation .stocks-investing .border-grey {
        min-height: 232px;
        margin: 15px
    }
    .superstar-segregation.riskGrid h4.pi-margin-top-minus-5 {
        font-weight: bold
    }
    .superstar-segregation .bg-light-grey {
        height: 240px
    }
    .omega-segregation-container.mistakes-content .black-expand-div .sub-heading {
        font-size: 14px
    }
    .omega-segregation-container .desk-view h3 {
        font-size: 11px
    }
    .omega-segregation-container .desk-view h2 {
        font-size: 15px
    }
    .superstar-segregation .pi-section {
        padding: 0 30px 50px
    }
    .omega-segregation .title-paid,
    .superstar-segregation .title-paid {
        margin-bottom: 15px
    }
    .wealthCreate .homeslide1title {
        margin-top: -84px
    }
    .object-non-visible.object-visible {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        padding: 12px 5px;
        min-height: 300px
    }
    .customer-says {
        margin-top: 1rem
    }
    .proof-of-performance {
        margin-top: 1rem !important
    }
    .mistakes-content .border-ccc {
        min-height: 115px
    }
    .mistakes-content .heading {
        height: 43px
    }
    .superstar-segregation.essential-question {
        margin-top: 3rem
    }
    .mistakes-content img {
        width: 100%
    }
    .omega-segregation.classic img {
        height: 240px;
        width: 100%
    }
    .omega-segregation .classic-bg-grey-left {
        margin-left: 0
    }
    .omega-segregation .classic-bg-grey-left {
        min-height: 120px
    }
    .omega-segregation .classic-bg-grey-right {
        min-height: 120px
    }
    .omega-segregation .assetClass .box-shadow.classic-panel,
    .omega-segregation .assetClass .vertical-tabs .classic-panel.nav-link,
    .vertical-tabs .omega-segregation .assetClass .classic-panel.nav-link,
    .manage-risk .box-shadow.classic-panel,
    .manage-risk .vertical-tabs .classic-panel.nav-link,
    .vertical-tabs .manage-risk .classic-panel.nav-link {
        min-height: 230px
    }
    .mf-classic-content {
        font-size: 1.5rem
    }
    .coming-soon-content {
        background: #f1f1f1;
        margin-left: 0 !important;
        flex: none;
        max-width: 100%;
        padding: 15px
    }
    .coming-soon-content p {
        font-size: 16px
    }
    .coming-soon-content div a {
        font-size: 12px
    }
    .dm-portfolio-height {
        min-height: 260px !important
    }
}

.lumpsum-content .how-it-wrks-img {
    width: 100%
}

.lumpsum-content .read-more {
    font-size: 12px
}

.lumpsum-content a:hover {
    text-decoration: none
}

.lumpsum-content .classic-segragation-solution {
    border: 1px solid #bfbfbf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .classic-segragation-solution {
        margin-top: 2.2rem
    }
}

.lumpsum-content .invest-lumpsum {
    font-size: 2.5rem;
    text-align: center;
    display: block
}

.lumpsum-content .invest-lumpsum h1 {
    margin-top: 0rem !important;
    display: inline
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .invest-lumpsum {
        font-size: 1.5rem;
        display: inline
    }
}

.lumpsum-content h1 {
    font-size: 2rem;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 2rem
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content h1 {
        font-size: 1.5rem
    }
}

.lumpsum-content .card {
    padding: 20px;
    margin-bottom: 15px;
    background: #f9f9f9
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .card {
        padding: 5px
    }
}

.lumpsum-content .card img {
    margin-right: 15px
}

.lumpsum-content .card .subcontent {
    font-size: 1.1rem;
    line-height: 1.3;
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-left: 20px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .card .subcontent {
        margin-top: 0px;
        margin-left: 0px
    }
}

.lumpsum-content .yellow .green-text {
    color: #78c043
}

.lumpsum-content .yellow .dark-green-text {
    color: #139a4b
}

.lumpsum-content .yellow .black-text {
    color: #333
}

.lumpsum-content .yellow .pro-white-bg {
    background: #fff
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow .pro-white-bg {
        background: #fbd984
    }
}

.lumpsum-content .yellow .pro-white-bg i {
    color: #0148b7
}

.lumpsum-content .yellow .heading {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 8px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow .heading {
        margin-bottom: 15px
    }
}

.lumpsum-content .yellow .earn-discount {
    position: absolute;
    top: -34px;
    left: -12px;
    width: 16%;
    z-index: 1
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow .earn-discount {
        top: -22px;
        left: 0;
        width: 18%
    }
}

.lumpsum-content .yellow h4 {
    font-size: 26px;
    font-weight: bold;
    padding-top: 3.8rem
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow h4 {
        font-size: 19px;
        padding-top: 1rem
    }
}

.lumpsum-content .yellow h4 .largeText {
    font-size: 32px
}

.lumpsum-content .yellow .bg-thali {
    background-image: url("/images/landing-page/classic-subscribe-bg.png");
    height: 245px;
    background-size: cover
}

.lumpsum-content .yellow .bg-thali div {
    font-size: 13px
}

.lumpsum-content .yellow .topSuperstarContent {
    font-size: 12px;
    background: #fbd984;
    min-height: 322px;
    float: left
}

.lumpsum-content .yellow .topSuperstarContent .amazing-discount-content {
    font-size: 12px;
    margin-left: 65px;
    margin-bottom: 8px;
    margin-top: 10px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow .topSuperstarContent .amazing-discount-content {
        margin-bottom: 0px;
        margin-left: 43px
    }
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .yellow .topSuperstarContent {
        min-height: 465px;
        margin: 0 15px
    }
}

.lumpsum-content .yellow .topSuperstarDetails {
    background: #6eb13e;
    float: left;
    padding: 9px 10px;
    text-align: center;
    font-size: 16px
}

.lumpsum-content .yellow .topSuperstarDetails a {
    color: #fff;
    text-decoration: underline
}

.lumpsum-content .yellow .topSuperstarDetails a.subscibeNow {
    background: #87c657;
    padding: 2px 15px;
    margin-top: 14px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem
}

.lumpsum-content .yellow .topSuperstarDetails span.plusGst {
    font-size: .9rem
}

.lumpsum-content .yellow .topSuperstarDetails div {
    font-size: 12px;
    line-height: 1.4
}

.lumpsum-content .yellow .topSuperstarDetails div.planHeading {
    font-size: 16px;
    font-weight: 600
}

.lumpsum-content .yellow .topSuperstarDetails span.plusGst {
    font-size: .9rem
}

.lumpsum-content .yellow .mfsipnote {
    background: #78c043;
    font-size: 1.1rem;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px
}

.lumpsum-content .yellow .mfsipnote a {
    text-decoration: underline;
    color: #fff
}

.lumpsum-content .yellow .font11 {
    font-size: 11px !important
}

.lumpsum-content .yellow .fa-circle {
    vertical-align: middle;
    font-size: 5px
}

.lumpsum-content .skip-now {
    color: #333;
    text-decoration: underline;
    margin-left: 5px
}

.lumpsum-content .sprite {
    background: url(/images/landing-page/sprite-image-logo.png) no-repeat
}

.lumpsum-content .sprite.direct-investment {
    background-position: -5px -5px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.direct-investment {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.lumpsum-content .sprite.divercify {
    background-position: -90px 0px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.divercify {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.lumpsum-content .sprite.sip-save {
    background-position: -170px 0px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.sip-save {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.lumpsum-content .sprite.surplus {
    background-position: -256px -6px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.surplus {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.lumpsum-content .sprite.rotate-stocks {
    background-position: -336px -6px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.rotate-stocks {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.lumpsum-content .sprite.execute {
    background-position: -414px -2px;
    width: 80px;
    height: 70px
}

@media screen and (max-width: 47.94em) {
    .lumpsum-content .sprite.execute {
        width: 80px;
        min-width: 80px;
        height: 70px
    }
}

.classic-one-page-guide .investLumpsum {
    font-size: 2rem;
    color: #3fad6c;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .investLumpsum {
        font-size: 1.6rem
    }
}

.classic-one-page-guide .investLumpsum h1 {
    display: inline
}

.classic-one-page-guide h1 {
    font-size: 2rem;
    color: #3fad6c;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide h1 {
        font-size: 1.6rem
    }
}

.classic-one-page-guide h2 {
    font-size: 1.8rem;
    margin-top: 25px;
    margin-bottom: -15px
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide h2 {
        font-size: 1.2rem;
        margin-bottom: 0px
    }
}

.classic-one-page-guide ul {
    padding-left: 20px
}

.classic-one-page-guide .panel {
    border-bottom: 1px solid #ccc
}

.classic-one-page-guide .border-grey {
    border: 1px solid #ccc
}

.classic-one-page-guide .border-grey img {
    width: 100%
}

.classic-one-page-guide .safe-companies h2 {
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 1px
}

.classic-one-page-guide .safe-companies ol {
    padding-left: 20px
}

.classic-one-page-guide .safe-companies ol li {
    font-size: 13px
}

.classic-one-page-guide .advice-content {
    background: #fff6df;
    background: #fff6df;
    padding: 32px;
    font-weight: bold;
    font-size: 19px;
    text-align: center
}

.classic-one-page-guide .advice-content .green-text {
    color: #78c043
}

.classic-one-page-guide .advice-content .dark-green-text {
    color: #139b4a
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .advice-content {
        padding: 15px;
        font-size: 14px
    }
}

.classic-one-page-guide .investing-actions {
    font-size: 14px
}

.classic-one-page-guide .investing-actions .subcontent {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-left: 15px
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .investing-actions .subcontent {
        margin-left: 0px !important
    }
}

.classic-one-page-guide .investing-actions img {
    margin: 10px
}

.classic-one-page-guide .investing-actions ol {
    padding-left: 20px
}

.classic-one-page-guide .investing-actions ol li {
    font-size: 12px
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .investing-actions {
        font-size: 13px
    }
}

.classic-one-page-guide .articleSection a {
    cursor: pointer;
    display: flex;
    margin-bottom: 5px;
    color: #0271bd;
    padding: 7px;
    margin-left: 2px;
    background: #f1f1f1
}

.classic-one-page-guide .articleSection a img {
    width: 20%;
    min-width: 50px;
    height: 32%;
    min-height: 53px;
    margin-right: 5px;
    border: 1px solid #ccc
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .articleSection a img {
        width: 20%;
        height: 20%
    }
}

.classic-one-page-guide .articleSection a div {
    font-size: 1rem;
    line-height: 1.3;
    text-align: left;
    font-weight: 500;
    min-height: 40px;
    padding: 0 5px
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .articleSection a div {
        display: flex;
        align-items: center
    }
}

.classic-one-page-guide .payContent {
    padding: 2px 0 10px 0px;
    font-size: 12px;
    text-align: center
}

@media screen and (max-width: 47.94em) {
    .classic-one-page-guide .payContent {
        font-size: 12px;
        padding: 5px 15px
    }
}

.solution-free {
    margin-top: -20px
}

.solution-free .card-title {
    font-size: 13px
}

.solution-free .card-body {
    font-size: 13px
}

.solution-free .accordion .card-header:after {
    font-family: "FontAwesome";
    content: "-";
    float: right
}

.solution-free .accordion .card-header.collapsed:after {
    content: "+"
}

.solution-free #collapseThree ul {
    padding-left: 20px
}

.solution-free .card-body {
    background: #fff
}

.solution-free .card-body.collapse.free-features {
    min-height: 50px
}

.solution-free .card-body.collapse.show {
    min-height: 174px
}

.solution-free.container div {
    font-size: 12px
}

.solution-free #accordion {
    height: 154px !important
}

.solution-free #accordion1 {
    height: 198px
}

.stock-mf-tree {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border: 1px solid #ccc
}

.stock-mf-tree img {
    width: 50%;
    margin: 10px
}

.solution-free #accordion1 .card-body.collapse.show {
    min-height: 98px
}

.paid-solution-tree {
    width: 40%
}

.page-guide-btn {
    background: #333;
    color: #fff;
    float: right
}

.page-guide-btn:hover {
    color: #fff
}

.omega-segregation1 .lumpsum-content h1 {
    font-size: 2.5rem;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media screen and (max-width: 47.94em) {
    .omega-segregation1 .lumpsum-content h1 {
        font-size: 1.5rem
    }
}

.omega-segregation1 .blue-bg {
    background: #bce0ee
}

.omega-segregation1 .blue-bg .bg-ebebeb {
    background: #ebebeb;
    margin-top: 5rem;
    display: inline-block;
    padding: 5px 40px;
    font-size: 30px;
    border-radius: 5px;
    margin-bottom: 2rem;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .3)
}

.omega-segregation1 .blue-bg .bg-ebebeb .greenText {
    color: #77be43;
    font-weight: 700
}

.omega-segregation1 .blue-bg .bg-ebebeb .darkGreenText {
    color: #139b4a;
    font-weight: 700
}

.omega-segregation1 .blue-bg .bg-ebebeb .blackText {
    color: #333;
    font-weight: 700
}

.omega-segregation1 .blue-bg .one-content {
    font-size: 2.5rem
}

.omega-segregation1 .blue-bg h1 {
    font-size: 2.5rem;
    display: inline
}

.customer-says .pi-testimonial-white {
    background: #fff !important;
    box-shadow: 0px 0px 7px 2px #ccc !important
}

.customer-says .fa-quote-right {
    color: #ccc;
    font-size: 35px;
    margin-bottom: 10px
}

.customer-says #fade_base {
    font-style: italic
}

.investing-in-stocks .pi-section-parallax {
    color: rgba(250, 250, 250, .7)
}

.investing-in-stocks .pi-section-parallax .h1,
.pi-section-parallax .h2,
.pi-section-parallax .h3,
.pi-section-parallax .h4,
.pi-section-parallax .h5,
.pi-section-parallax .h6,
.pi-section-parallax h1,
.pi-section-parallax h2,
.pi-section-parallax h3,
.pi-section-parallax h4,
.pi-section-parallax h5,
.pi-section-parallax h6 {
    color: #fff
}

.investing-in-stocks .pi-section-parallax .h1.pi-has-border:after,
.pi-section-parallax .h2.pi-has-border:after,
.pi-section-parallax .h3.pi-has-border:after,
.pi-section-parallax .h4.pi-has-border:after,
.pi-section-parallax .h5.pi-has-border:after,
.pi-section-parallax .h6.pi-has-border:after,
.pi-section-parallax h1.pi-has-border:after,
.pi-section-parallax h2.pi-has-border:after,
.pi-section-parallax h3.pi-has-border:after,
.pi-section-parallax h4.pi-has-border:after,
.pi-section-parallax h5.pi-has-border:after,
.pi-section-parallax h6.pi-has-border:after {
    background: #fff
}

.investing-in-stocks .pi-section-parallax .h1.pi-has-base-border:after,
.pi-section-parallax .h2.pi-has-base-border:after,
.pi-section-parallax .h3.pi-has-base-border:after,
.pi-section-parallax .h4.pi-has-base-border:after,
.pi-section-parallax .h5.pi-has-base-border:after,
.pi-section-parallax .h6.pi-has-base-border:after,
.pi-section-parallax h1.pi-has-base-border:after,
.pi-section-parallax h2.pi-has-base-border:after,
.pi-section-parallax h3.pi-has-base-border:after,
.pi-section-parallax h4.pi-has-base-border:after,
.pi-section-parallax h5.pi-has-base-border:after,
.pi-section-parallax h6.pi-has-base-border:after {
    background: #0dc0c0
}

.investing-in-stocks .pi-section-parallax .h1.pi-has-bg:after,
.pi-section-parallax .h2.pi-has-bg:after,
.pi-section-parallax .h3.pi-has-bg:after,
.pi-section-parallax .h4.pi-has-bg:after,
.pi-section-parallax .h5.pi-has-bg:after,
.pi-section-parallax .h6.pi-has-bg:after,
.pi-section-parallax h1.pi-has-bg:after,
.pi-section-parallax h2.pi-has-bg:after,
.pi-section-parallax h3.pi-has-bg:after,
.pi-section-parallax h4.pi-has-bg:after,
.pi-section-parallax h5.pi-has-bg:after,
.pi-section-parallax h6.pi-has-bg:after {
    background: url(../img/bg-heading-darker.html)
}

.investing-in-stocks .pi-section-parallax .h1 a.pi-link-dark,
.pi-section-parallax .h2 a.pi-link-dark,
.pi-section-parallax .h3 a.pi-link-dark,
.pi-section-parallax .h4 a.pi-link-dark,
.pi-section-parallax .h5 a.pi-link-dark,
.pi-section-parallax .h6 a.pi-link-dark,
.pi-section-parallax h1 a.pi-link-dark,
.pi-section-parallax h2 a.pi-link-dark,
.pi-section-parallax h3 a.pi-link-dark,
.pi-section-parallax h4 a.pi-link-dark,
.pi-section-parallax h5 a.pi-link-dark,
.pi-section-parallax h6 a.pi-link-dark {
    color: #fff
}

.investing-in-stocks .pi-section-parallax .h1 a.pi-link-dark:hover,
.pi-section-parallax .h2 a.pi-link-dark:hover,
.pi-section-parallax .h3 a.pi-link-dark:hover,
.pi-section-parallax .h4 a.pi-link-dark:hover,
.pi-section-parallax .h5 a.pi-link-dark:hover,
.pi-section-parallax .h6 a.pi-link-dark:hover,
.pi-section-parallax h1 a.pi-link-dark:hover,
.pi-section-parallax h2 a.pi-link-dark:hover,
.pi-section-parallax h3 a.pi-link-dark:hover,
.pi-section-parallax h4 a.pi-link-dark:hover,
.pi-section-parallax h5 a.pi-link-dark:hover,
.pi-section-parallax h6 a.pi-link-dark:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax .h1 a.pi-link-no-style,
.pi-section-parallax .h1 a.pi-link-white,
.pi-section-parallax .h1 a.pi-link-white:hover,
.pi-section-parallax .h2 a.pi-link-no-style,
.pi-section-parallax .h2 a.pi-link-white,
.pi-section-parallax .h2 a.pi-link-white:hover,
.pi-section-parallax .h3 a.pi-link-no-style,
.pi-section-parallax .h3 a.pi-link-white,
.pi-section-parallax .h3 a.pi-link-white:hover,
.pi-section-parallax .h4 a.pi-link-no-style,
.pi-section-parallax .h4 a.pi-link-white,
.pi-section-parallax .h4 a.pi-link-white:hover,
.pi-section-parallax .h5 a.pi-link-no-style,
.pi-section-parallax .h5 a.pi-link-white,
.pi-section-parallax .h5 a.pi-link-white:hover,
.pi-section-parallax .h6 a.pi-link-no-style,
.pi-section-parallax .h6 a.pi-link-white,
.pi-section-parallax .h6 a.pi-link-white:hover,
.pi-section-parallax h1 a.pi-link-no-style,
.pi-section-parallax h1 a.pi-link-white,
.pi-section-parallax h1 a.pi-link-white:hover,
.pi-section-parallax h2 a.pi-link-no-style,
.pi-section-parallax h2 a.pi-link-white,
.pi-section-parallax h2 a.pi-link-white:hover,
.pi-section-parallax h3 a.pi-link-no-style,
.pi-section-parallax h3 a.pi-link-white,
.pi-section-parallax h3 a.pi-link-white:hover,
.pi-section-parallax h4 a.pi-link-no-style,
.pi-section-parallax h4 a.pi-link-white,
.pi-section-parallax h4 a.pi-link-white:hover,
.pi-section-parallax h5 a.pi-link-no-style,
.pi-section-parallax h5 a.pi-link-white,
.pi-section-parallax h5 a.pi-link-white:hover,
.pi-section-parallax h6 a.pi-link-no-style,
.pi-section-parallax h6 a.pi-link-white,
.pi-section-parallax h6 a.pi-link-white:hover {
    color: #fff
}

.investing-in-stocks .pi-section-parallax .h1 a.pi-link-no-style:hover,
.pi-section-parallax .h2 a.pi-link-no-style:hover,
.pi-section-parallax .h3 a.pi-link-no-style:hover,
.pi-section-parallax .h4 a.pi-link-no-style:hover,
.pi-section-parallax .h5 a.pi-link-no-style:hover,
.pi-section-parallax .h6 a.pi-link-no-style:hover,
.pi-section-parallax h1 a.pi-link-no-style:hover,
.pi-section-parallax h2 a.pi-link-no-style:hover,
.pi-section-parallax h3 a.pi-link-no-style:hover,
.pi-section-parallax h4 a.pi-link-no-style:hover,
.pi-section-parallax h5 a.pi-link-no-style:hover,
.pi-section-parallax h6 a.pi-link-no-style:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax abbr,
.pi-section-parallax acronym,
.pi-section-parallax b,
.pi-section-parallax strong {
    color: rgba(250, 250, 250, .8);
    font-weight: 600
}

.investing-in-stocks .pi-section-parallax a {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax a:hover {
    color: #008599
}

.investing-in-stocks .pi-section-parallax a.pi-link-dark {
    color: #fff
}

.pi-section-parallax a.pi-link-dark:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax a.pi-link-white,
.pi-section-parallax a.pi-link-white:hover {
    color: #fff
}

.investing-in-stocks .pi-section-parallax a.pi-link-no-style {
    color: rgba(250, 250, 250, .7)
}

.investing-in-stocks .pi-section-parallax a.pi-link-no-style:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax .pi-link-dark a {
    color: #fff
}

.investing-in-stocks .pi-section-parallax .pi-link-dark a:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax .pi-link-white a,
.pi-section-parallax .pi-link-white a:hover {
    color: #fff
}

.investing-in-stocks .pi-section-parallax .pi-link-no-style a {
    color: rgba(250, 250, 250, .7)
}

.investing-in-stocks .pi-section-parallax .pi-link-no-style a:hover {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax .lead-20,
.pi-section-parallax .lead-22,
.pi-section-parallax .lead-24,
.pi-section-parallax .lead-26,
.pi-section-parallax .lead-28,
.pi-section-parallax .lead-30,
.pi-section-parallax .lead-32,
.pi-section-parallax .lead-34 {
    color: rgba(250, 250, 250, .85)
}

.investing-in-stocks .pi-section-parallax a b,
.pi-section-parallax a strong {
    color: #0dc0c0
}

.investing-in-stocks .pi-section-parallax a b:hover,
.pi-section-parallax a strong:hover {
    color: #008599
}

.investing-in-stocks .facts .pi-counter-simple .pi-counter-count.pi-counter-count-big {
    font-size: 30px !important;
    padding-top: 15px
}

.investing-in-stocks .pi-weight-600 {
    font-weight: 600 !important
}

.investing-in-stocks .lead-18 {
    font-size: 18px;
    line-height: 1.5em
}

.investing-in-stocks .pi-section-overlay-base {
    background: #efefef
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .pi-section-overlay-base {
        height: 235px
    }
}

.investing-in-stocks .pi-texture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.investing-in-stocks .pi-section-w {
    position: relative;
    -webkit-transition: background .1s ease-in-out 0s;
    -moz-transition: background .1s ease-in-out 0s;
    -ms-transition: background .1s ease-in-out 0s;
    -o-transition: background .1s ease-in-out 0s;
    transition: background .1s ease-in-out 0s
}

.investing-in-stocks .pi-section {
    padding: 0px 40px;
    position: relative
}

.investing-in-stocks .text-dark-green {
    color: #139b4a
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .text-dark-green {
        font-size: 14px !important
    }
}

.investing-in-stocks .pi-section-w.pi-section-parallax {
    min-height: 100px;
    margin-bottom: 61px
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .pi-section-w.pi-section-parallax {
        min-height: 166px
    }
}

.users-factsection {
    margin-bottom: 20px !important
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .pi-col-2xs-6 {
        width: 50%
    }
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .lead-18 {
        font-size: 15px !important
    }
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .pi-col-sm-3.pi-col-2xs-6 {
        height: 100px
    }
}

@media screen and (max-width: 47.94em) {
    .investing-in-stocks .pi-col-sm-3.pi-col-2xs-6.mob-height {
        height: 107px !important
    }
}

.investing-in-stocks .pi-col-2xs-6,
.pi-col-2xs-10,
.pi-col-2xs-11,
.pi-col-2xs-2,
.pi-col-2xs-3,
.pi-col-2xs-4,
.pi-col-2xs-5,
.pi-col-2xs-5-cell,
.pi-col-2xs-6,
.pi-col-2xs-7,
.pi-col-2xs-8,
.pi-col-2xs-9 {
    float: left
}

.pi-col-2xs-1,
.pi-col-2xs-10,
.pi-col-2xs-11,
.pi-col-2xs-12,
.pi-col-2xs-2,
.pi-col-2xs-3,
.pi-col-2xs-4,
.pi-col-2xs-5,
.pi-col-2xs-5-cell,
.pi-col-2xs-6,
.pi-col-2xs-7,
.pi-col-2xs-8,
.pi-col-2xs-9,
.pi-col-3xs-1,
.pi-col-3xs-10,
.pi-col-3xs-11,
.pi-col-3xs-12,
.pi-col-3xs-2,
.pi-col-3xs-3,
.pi-col-3xs-4,
.pi-col-3xs-5,
.pi-col-3xs-5-cell,
.pi-col-3xs-6,
.pi-col-3xs-7,
.pi-col-3xs-8,
.pi-col-3xs-9,
.pi-col-lg-1,
.pi-col-lg-10,
.pi-col-lg-11,
.pi-col-lg-12,
.pi-col-lg-2,
.pi-col-lg-3,
.pi-col-lg-4,
.pi-col-lg-5,
.pi-col-lg-5-cell,
.pi-col-lg-6,
.pi-col-lg-7,
.pi-col-lg-8,
.pi-col-lg-9,
.pi-col-md-1,
.pi-col-md-10,
.pi-col-md-11,
.pi-col-md-12,
.pi-col-md-2,
.pi-col-md-3,
.pi-col-md-4,
.pi-col-md-5,
.pi-col-md-5-cell,
.pi-col-md-6,
.pi-col-md-7,
.pi-col-md-8,
.pi-col-md-9,
.pi-col-sm-1,
.pi-col-sm-10,
.pi-col-sm-11,
.pi-col-sm-12,
.pi-col-sm-2,
.pi-col-sm-3,
.pi-col-sm-4,
.pi-col-sm-5,
.pi-col-sm-5-cell,
.pi-col-sm-6,
.pi-col-sm-7,
.pi-col-sm-8,
.pi-col-sm-9,
.pi-col-xs-1,
.pi-col-xs-10,
.pi-col-xs-11,
.pi-col-xs-12,
.pi-col-xs-2,
.pi-col-xs-3,
.pi-col-xs-4,
.pi-col-xs-5,
.pi-col-xs-5-cell,
.pi-col-xs-6,
.pi-col-xs-7,
.pi-col-xs-8,
.pi-col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.mistakes-content h1 {
    font-size: 35px
}

@media screen and (max-width: 47.94em) {
    .mistakes-content h1 {
        font-size: 20px
    }
}

.mistakes-content .banner-you-can {
    margin-bottom: 30px;
    border: 1px solid #ccc
}

.mistakes-content h2 {
    font-size: 30px
}

@media screen and (max-width: 47.94em) {
    .mistakes-content h2 {
        font-size: 16px
    }
}

.mistakes-content .dmContent {
    padding: 10px 30px;
    font-size: 14px;
    border-right: 1px solid #ccc
}

.mistakes-content .sprite-bg {
    margin-top: 10px;
    background: url(/images/omega-segregation/superstar-nav-tabs.png) no-repeat
}

.mistakes-content .sprite-bg.yes-it-works {
    background-position: 0px -1px;
    width: 130px;
    height: 150px
}

.mistakes-content .sprite-bg.proof-of-performance-img {
    background-position: -129px 0px;
    width: 130px;
    height: 150px
}

.mistakes-content .sprite-bg.testimonials {
    background-position: -258px 0px;
    width: 130px;
    height: 150px
}

.mistakes-content .sprite-bg.testimonials.active,
.mistakes-content .nse-bse-indices .stock-indices a.sprite-bg.testimonials,
.nse-bse-indices .stock-indices .mistakes-content a.sprite-bg.testimonials {
    background-position: -130px -152px;
    width: 130px;
    height: 150px
}

.mistakes-content .sprite-bg-mob {
    margin-top: 10px;
    background: url(/images/omega-segregation/mob-sprite-bg.png) no-repeat
}

.mistakes-content .sprite-bg-mob.yes-it-works {
    background-position: 0px -1px;
    width: 60px;
    height: 61px
}

.mistakes-content .sprite-bg-mob.yes-it-works.active,
.mistakes-content .nse-bse-indices .stock-indices a.sprite-bg-mob.yes-it-works,
.nse-bse-indices .stock-indices .mistakes-content a.sprite-bg-mob.yes-it-works {
    background-position: 0px -154px;
    width: 130px;
    height: 150px
}

.mistakes-content .sprite-bg-mob.proof-of-performance-img {
    background-position: -72px -62px;
    width: 60px;
    height: 65px
}

.mistakes-content .sprite-bg-mob.proof-of-performance-img.active,
.mistakes-content .nse-bse-indices .stock-indices a.sprite-bg-mob.proof-of-performance-img,
.nse-bse-indices .stock-indices .mistakes-content a.sprite-bg-mob.proof-of-performance-img {
    background-position: -71px -1px;
    width: 60px;
    height: 61px
}

.mistakes-content .sprite-bg-mob.testimonials {
    background-position: -142px 0px;
    width: 60px;
    height: 62px
}

.mistakes-content .sprite-bg-mob.testimonials.active,
.mistakes-content .nse-bse-indices .stock-indices a.sprite-bg-mob.testimonials,
.nse-bse-indices .stock-indices .mistakes-content a.sprite-bg-mob.testimonials {
    background-position: -132px -62px;
    width: 60px;
    height: 65px
}

.mistakes-content .nav-pills .nav-link {
    font-size: 14px;
    color: #333
}

@media screen and (max-width: 47.94em) {
    .mistakes-content .nav-pills .nav-link {
        font-size: 12px
    }
}

.mistakes-content .nav-pills .nav-link.active,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link {
    color: #139b4a;
    background: #fff
}

.mistakes-content .nav-pills .nav-link.active .yes-it-works,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .yes-it-works,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .yes-it-works {
    background-position: -261px -152px;
    width: 130px;
    height: 150px
}

.mistakes-content .nav-pills .nav-link.active .proof-of-performance-img,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .proof-of-performance-img,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .proof-of-performance-img {
    background-position: 0px -154px;
    width: 130px;
    height: 150px
}

.mistakes-content .nav-pills .nav-link.active .testimonials,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .testimonials,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .testimonials {
    background-position: -130px -152px;
    width: 130px;
    height: 150px
}

.mistakes-content .nav-pills .nav-link.active .sprite-bg-mob,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .sprite-bg-mob,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .sprite-bg-mob {
    margin-top: 10px;
    background: url(/images/omega-segregation/mob-sprite-bg.png) no-repeat
}

.mistakes-content .nav-pills .nav-link.active .sprite-bg-mob.yes-it-works,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .sprite-bg-mob.yes-it-works,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .sprite-bg-mob.yes-it-works {
    background-position: -2px -61px;
    width: 60px;
    height: 65px
}

.mistakes-content .nav-pills .nav-link.active .sprite-bg-mob.proof-of-performance-img,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .sprite-bg-mob.proof-of-performance-img,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .sprite-bg-mob.proof-of-performance-img {
    background-position: -71px -1px;
    width: 60px;
    height: 61px
}

.mistakes-content .nav-pills .nav-link.active .sprite-bg-mob.testimonials,
.mistakes-content .nav-pills .nse-bse-indices .stock-indices a.nav-link .sprite-bg-mob.testimonials,
.nse-bse-indices .stock-indices .mistakes-content .nav-pills a.nav-link .sprite-bg-mob.testimonials {
    background-position: -132px -62px;
    width: 60px;
    height: 65px
}

.mistakes-content .customer-says1 {
    background: #fff
}

.mistakes-content .fa-quote-left {
    float: left;
    color: #ccc;
    font-size: 34px
}

.mistakes-content .fa-quote-right {
    float: right;
    color: #ccc;
    font-size: 34px
}

.mistakes-content .tab-content {
    padding: 0 50px
}

@media screen and (max-width: 47.94em) {
    .mistakes-content .tab-content {
        padding: 0 2px
    }
}

.mistakes-content .nav-item {
    padding: 20px 75px;
    text-align: center
}

@media screen and (max-width: 47.94em) {
    .mistakes-content .nav-item {
        padding: 20px 5px
    }
}

.mistakes-content .nav-item .nav-link {
    display: contents
}

.mistakes-content .wrk-heading {
    font-size: 15px;
    text-align: center
}

.mistakes-content .wrk-subheading {
    font-size: 12px;
    text-align: center
}

.mistakes-content #fade_link {
    font-size: 14px
}

.mistakes-content .greenText {
    color: #089547
}

.mistakes-content .redText {
    color: #ec1f1a
}

.mistakes-content .orangeText {
    color: #fd7e14
}

.bg-hr {
    position: absolute;
    border-top: 1px solid #ccc;
    width: 100%;
    top: 175px
}

@media screen and (max-width: 47.94em) {
    .bg-hr {
        top: 110px
    }
}

.createWealth.container {
    max-width: 1350px
}

.createWealth .fa-angle-right {
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    font-size: 30px
}

@media screen and (max-width: 47.94em) {
    .createWealth .fa-angle-right {
        display: none
    }
}

@media screen and (max-width: 47.94em) {
    .createWealth {
        margin-top: 3rem
    }
}

@media screen and (max-width: 47.94em) {
    .createWealth h1 {
        font-size: 1.5rem
    }
}

.createWealth .grey-bg {
    background: #eaeaea;
    min-height: 400px;
    margin-bottom: 22px;
    border-radius: 7px
}

@media screen and (max-width: 47.94em) {
    .createWealth .grey-bg {
        min-height: 415px;
        margin-bottom: 10px
    }
}

.createWealth .heading {
    background: #139b4a;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 7px;
    font-size: 1.16rem;
    text-align: center
}

.createWealth .heading-grey {
    border: 1px solid #ccc;
    background: #eaeaea;
    color: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 7px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.2
}

.createWealth .see-video {
    font-size: 1.16rem;
    float: right
}

@media screen and (max-width: 47.94em) {
    .createWealth .see-video {
        float: none;
        text-align: center
    }
}

.createWealth .content {
    font-size: 1rem;
    padding: 10px 15px
}

.createWealth .read-more-link {
    font-size: 1rem
}

.createWealth .btn-dark {
    border-radius: 7px
}

.createWealth .right-angle-chain {
    width: 96%
}

.createWealth .right-angle-section {
    height: 400px;
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    font-size: 30px
}

.invest-title .keyBenifitsTitle {
    font-size: 1.5rem
}

.invest-title h3 {
    display: inline;
    font-size: 1.5rem
}

.box-shadow-height h4 {
    font-size: 15px;
    font-weight: bold
}

.power-pack .sub-heading-h2 {
    color: #414143;
    font-size: 22px
}

@media screen and (max-width: 47.94em) {
    .power-pack .sub-heading-h2 {
        font-size: 17px
    }
}

@media screen and (max-width: 47.94em) {
    .power-pack {
        margin-top: 5rem
    }
}

.power-pack .see-how {
    font-weight: bolder;
    font-size: 2rem
}

@media screen and (max-width: 47.94em) {
    .power-pack .see-how {
        font-size: 1.6rem
    }
}

.power-pack h1 {
    font-size: 2rem;
    display: inline
}

@media screen and (max-width: 47.94em) {
    .power-pack h1 {
        font-size: 1.6rem
    }
}

.power-pack .tab {
    float: left;
    background-color: #fff;
    width: 100%
}

.power-pack .tab .tool {
    font-size: 14px
}

.power-pack .tab .heading {
    font-size: 16px
}

.power-pack .tab .subHeading {
    font-size: 14px;
    line-height: 1.3
}

.power-pack .tab button {
    background: #ccc;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    margin-bottom: 20px;
    display: block;
    color: #000;
    padding: 4px;
    width: 100%;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    font-size: 17px;
    border: 1px solid #ccc;
    height: 38px
}

.power-pack .tab button:hover {
    background-color: #fff
}

.power-pack .tab button:hover .heading {
    color: #139b4a
}

.power-pack .tab button.active {
    background-color: #139b4a
}

.power-pack .tab button.active .heading {
    color: #fff
}

.power-pack .tab button.tablinks-dark.active {
    background: #9edf71
}

.power-pack .tab button.tablinks-dark.active .heading {
    color: #333
}

.power-pack .tabcontent,
.power-pack .tabcontentBook {
    padding: 0px 12px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    min-height: 500px;
    font-size: 14px;
    margin-bottom: 15px
}

.power-pack .tabcontent strong,
.power-pack .tabcontentBook strong {
    font-size: 16px
}

@media screen and (max-width: 47.94em) {
    .power-pack .tabcontent strong,
    .power-pack .tabcontentBook strong {
        font-size: 1.2rem
    }
}

.power-pack .tabcontent .scroll-img,
.power-pack .tabcontentBook .scroll-img {
    height: 265px;
    overflow-y: scroll;
    margin-left: 3%
}

@media screen and (max-width: 47.94em) {
    .power-pack .tabcontent .scroll-img,
    .power-pack .tabcontentBook .scroll-img {
        margin-top: 10px
    }
}

.power-pack .tabcontent ol li,
.power-pack .tabcontentBook ol li {
    font-size: 12px
}

.power-pack .tabcontent ol li strong,
.power-pack .tabcontentBook ol li strong {
    font-size: 12px
}

.power-pack .tabcontent h2,
.power-pack .tabcontentBook h2 {
    display: inline;
    font-size: 16px;
    font-weight: bold
}

.power-pack .tabcontent .black-round-border,
.power-pack .tabcontentBook .black-round-border {
    background: #646564;
    color: #fff;
    padding: 5px;
    width: 15%;
    display: flex;
    display: block;
    margin: 0 auto
}

.power-pack .tabcontent .horizontal-li li,
.power-pack .tabcontentBook .horizontal-li li {
    width: 20%;
    float: left
}

.power-pack .tabcontent .horizontal-li li strong,
.power-pack .tabcontentBook .horizontal-li li strong {
    font-size: 14px
}

.power-pack .tabcontent .horizontal-li li div,
.power-pack .tabcontentBook .horizontal-li li div {
    font-size: 12px
}

.power-pack .tabcontent .horizontal-li-first li,
.power-pack .tabcontentBook .horizontal-li-first li {
    width: 23%;
    float: left
}

.power-pack .tabcontent .horizontal-li-first li strong,
.power-pack .tabcontentBook .horizontal-li-first li strong {
    font-size: 14px
}

.power-pack .tabcontent .horizontal-li-first li div,
.power-pack .tabcontentBook .horizontal-li-first li div {
    font-size: 12px
}

.power-pack .tabcontent .book-dm,
.power-pack .tabcontentBook .book-dm {
    background: url(/images/omega-segregation/guided-demo-desk.jpg) no-repeat 0 0 #fff;
    min-height: 430px;
    padding: 5px;
    background-size: cover
}

.power-pack .tabcontent .book-dm .form-group,
.power-pack .tabcontentBook .book-dm .form-group {
    display: flex
}

@media screen and (max-width: 47.94em) {
    .power-pack .tabcontent .book-dm,
    .power-pack .tabcontentBook .book-dm {
        background: url(/images/omega-segregation/superstar/demo-book-mob-1.jpg) no-repeat 0 0 #fff;
        min-height: 800px;
        background-size: cover
    }
}

.power-pack .tabcontent .book-demo-content,
.power-pack .tabcontentBook .book-demo-content {
    min-height: 420px;
    background: #fff;
    border-radius: 10px
}

.power-pack .tabcontent .book-demo-content .control-label,
.power-pack .tabcontentBook .book-demo-content .control-label {
    text-align: right
}

.power-pack .tabcontent .book-demo-content #mobileverify,
.power-pack .tabcontentBook .book-demo-content #mobileverify {
    width: 100% !important;
    font-size: 9px !important
}

.power-pack .tabcontent .book-demo-content .error,
.power-pack .tabcontentBook .book-demo-content .error {
    font-size: 11px;
    color: red;
    padding: 0
}

.power-pack .tabcontent .book-demo-content .book-now-heading,
.power-pack .tabcontentBook .book-demo-content .book-now-heading {
    border-radius: 10px 10px 0 0;
    margin-left: -15px;
    margin-right: -15px;
    line-height: 14px;
    padding: 5px 0;
    text-align: center;
    background: #00b050;
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .power-pack .tabcontent .book-demo-content .book-now-heading,
    .power-pack .tabcontentBook .book-demo-content .book-now-heading {
        margin-left: 0px;
        margin-right: 0px
    }
}

.power-pack .tabcontent .book-demo-content .errortext,
.power-pack .tabcontentBook .book-demo-content .errortext {
    color: red
}

@media screen and (max-width: 47.94em) {
    .power-pack .book-dm {
        background: url(/images/omega-segregation/superstar/demo-book-mob-1.jpg) no-repeat 0 0 #fff;
        min-height: 800px;
        background-size: cover
    }
}

.power-pack .box {
    font-family: Arial, sans-serif;
    border-radius: 2px;
    margin-bottom: 30px;
    color: #444;
    background-color: #eee;
    width: 100%
}

.power-pack .box .box-item {
    border-bottom: 3px solid #fff;
    padding: 6px
}

@media screen and (max-width: 47.94em) {
    .power-pack .box .box-item strong {
        font-size: 1.2rem
    }
}

.power-pack .box .box-item p {
    margin-bottom: 0
}

@media screen and (max-width: 47.94em) {
    .power-pack .box .box-item {
        padding: 10px
    }
}

.power-pack .box p {
    color: #333;
    display: block;
    font-size: 14px;
    cursor: pointer
}

.power-pack .box ul {
    display: none
}

.power-pack .box li {
    color: #666;
    padding-left: 12px;
    font-size: 12px
}

.power-pack .box .plus,
.power-pack .box .minus {
    color: #3bb1d0;
    cursor: pointer;
    float: right;
    position: relative;
    right: 14px;
    bottom: -4px
}

.power-pack .box .plus:before {
    content: "";
    display: block;
    left: 7px;
    width: 2px;
    height: 13px;
    margin-top: 0;
    background: #444;
    border-radius: 2px
}

.power-pack .box .plus:after {
    content: "";
    display: block;
    left: -5px;
    width: 12px;
    height: 2px;
    top: 5px;
    background: #444;
    border-radius: 2px;
    position: absolute
}

.power-pack .box .minus:before {
    content: "";
    display: block;
    left: 7px;
    width: 4px;
    height: 0;
    margin-top: 0;
    background: #444;
    border-radius: 2px
}

.power-pack .box .minus:after {
    content: "";
    display: block;
    left: -4px;
    width: 12px;
    height: 2px;
    top: 8px;
    background: #444;
    border-radius: 2px;
    position: absolute
}

.power-pack .heading-mb {
    color: #139b4a;
    font-weight: bold
}

.power-pack button {
    width: 25% !important;
    float: left
}

.power-pack #book-demo {
    min-height: 510px !important
}

.equi-portfolio-popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 500px;
    justify-content: center;
    margin-left: 20rem
}

.equi-portfolio-popup .modal-title {
    font-weight: bold
}

.equi-portfolio-popup .modal-body {
    font-size: 14px !important;
    text-align: center;
    padding: 20px 9%;
    padding-bottom: 35px
}

.equi-portfolio-popup .modal-header {
    background: #fff !important;
    color: #333 !important
}

.equi-portfolio-popup .greenText {
    color: green
}

.equi-portfolio-popup .orangeText {
    color: orange
}

.equi-portfolio-popup .modal-title {
    display: block;
    text-align: center;
    width: 100%
}

.equi-portfolio-popup .close {
    margin-top: -15px
}

.equi-portfolio-popup.second-equity {
    margin-left: -7rem
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup.second-equity {
        margin-left: 0;
        width: 100%
    }
}

.equi-portfolio-popup.third-equity {
    margin-left: -40rem
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup.third-equity {
        margin-left: 0;
        width: 100%
    }
}

.equi-portfolio-popup.four-equity {
    margin-top: -10rem
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup.four-equity {
        margin-left: 0;
        width: 100%
    }
}

.equi-portfolio-popup.five-equity {
    margin-top: -10rem;
    margin-left: -7rem
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup.five-equity {
        margin-left: 0;
        width: 100%
    }
}

.equi-portfolio-popup.six-equity {
    margin-left: -40rem;
    margin-top: -10rem
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup.six-equity {
        margin-left: 0;
        width: 100%
    }
}

@media screen and (max-width: 47.94em) {
    .equi-portfolio-popup {
        margin-left: 0;
        width: 100%
    }
}

.omega-segregation-slidder {
    margin-top: 10rem
}

@media screen and (max-width: 47.94em) {
    .omega-segregation-slidder {
        margin-top: 5rem
    }
}

.omega-segregation-slidder .carousel-indicators {
    display: none
}

.omega-segregation-slidder .slidder-amaze {
    width: 100%;
    background: url(/images/landing-page/slidder-amazing-3-things-v2.jpg) no-repeat 0 0 #fff;
    height: 350px;
    padding: 0 20px
}

.omega-segregation-slidder .slidder-amaze iframe {
    float: right;
    width: 509px;
    margin-right: 30px;
    margin-top: 32px;
    height: 289px;
    border: 2px solid #333
}

@media screen and (max-width: 47.94em) {
    .omega-segregation-slidder .slidder-amaze iframe {
        width: 100%;
        background: url(/images/landing-page/slidder-amazing-3-things-mob.jpg) no-repeat 0 0 #fff;
        height: 145px;
        margin-right: 0px;
        margin-top: 30px
    }
}

@media screen and (max-width: 47.94em) {
    .omega-segregation-slidder .slidder-amaze {
        width: 100%;
        background: url(/images/landing-page/slidder-amazing-3-things-mob-v2.jpg) no-repeat 0 0 #fff;
        height: 346px !important;
        padding: 0 25px;
        background-size: 100% 100%
    }
}

.omega-segregation-slidder .carousel-control-next-icon {
    background-image: url(/images/landing-page/right-angle-video-slidder.png);
    height: 30px;
    width: 15px
}

.omega-segregation-slidder .carousel-control-prev-icon {
    background-image: url(/images/landing-page/left-angle-video-slidder.png);
    height: 30px;
    width: 15px
}

.omega-segregation-slidder .carousel-control-prev,
.omega-segregation-slidder .carousel-control-next {
    width: 7%
}

.omega-segregation-slidder .tree-img {
    padding-left: 20px
}

.omega-segregation-slidder .slidder-amaze-padding {
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (max-width: 47.94em) {
    .omega-segregation-slidder .slidder-amaze-padding {
        padding: 0
    }
}

@media screen and (max-width: 47.94em) {
    .omega-segregation-slidder .mob-tree-img {
        height: 346px
    }
}

.omega-segregation1 .sub-heading-h2 {
    color: #414143;
    font-size: 22px
}

@media screen and (max-width: 47.94em) {
    .omega-segregation1 .sub-heading-h2 {
        font-size: 17px
    }
}

.omega-segregation1.superstar-portfolio-margin {
    margin-top: 8rem
}

@media screen and (max-width: 47.94em) {
    .omega-segregation1.superstar-portfolio-margin {
        margin-top: 5rem
    }
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg {
    background: #fcf5e5;
    border: 1px solid #ccc
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .banner-heading {
    font-size: 2.3rem
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .bg-ebebeb {
    background: #fff;
    margin-top: 5rem;
    display: inline-block;
    padding: 5px 40px;
    font-size: 30px;
    border-radius: 5px;
    margin-bottom: 2rem;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .3)
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .bg-ebebeb .greenText {
    color: #77be43;
    font-weight: 700
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .bg-ebebeb .darkGreenText {
    color: #139b4a;
    font-weight: 700
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .bg-ebebeb .blackText {
    color: #333;
    font-weight: 700
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg .one-content {
    font-size: 2.5rem
}

.omega-segregation1.superstar-portfolio-margin .yellow-bg h1 {
    font-size: 2.5rem;
    display: inline
}

@media screen and (max-width: 47.94em) {
    .omega-segregation1.superstar-portfolio-margin .yellow-bg h1 {
        font-size: 1.6rem
    }
}

.omega-segregation1.superstar-portfolio-margin .border-grey {
    border: 1px solid #ccc
}

.superstar-portfolio .sub-heading {
    font-size: 1.5rem;
    margin-top: -5px
}

@media screen and (max-width: 47.94em) {
    .superstar-portfolio .sub-heading {
        font-size: 1.1rem
    }
}

@media screen and (max-width: 47.94em) {
    .superstar-portfolio h1 {
        font-size: 1.6rem
    }
}

.superstar-portfolio .border-grey {
    border: 1px solid #ccc
}

.box-item .book-now-heading {
    border-radius: 10px 10px 0 0;
    margin-left: -15px;
    margin-right: -15px;
    line-height: 14px;
    padding: 5px 0;
    text-align: center;
    background: #00b050;
    color: #fff
}

@media screen and (max-width: 47.94em) {
    .box-item .book-now-heading {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 8px
    }
}

@media screen and (max-width: 47.94em) {
    .book-dm-mob .control-label,
    .book-dm-mobile .control-label {
        font-size: 14px !important
    }
}

.book-dm-mob .error,
.book-dm-mobile .error {
    font-size: 11px;
    color: red;
    padding: 0
}

@media screen and (max-width: 47.94em) {
    .book-dm-mob .form-group,
    .book-dm-mobile .form-group {
        margin-bottom: 0;
        background: #fff
    }
}

.pro-container .carosal-margin {
    margin-top: -50px
}

@media screen and (max-width: 47.94em) {
    .pro-container {
        margin-top: 0rem
    }
}

.pro-container.proof-of-performance {
    margin-top: 6rem
}

.pro-container.proof-of-performance .content {
    font-size: 13px
}

@media screen and (max-width: 47.94em) {
    .pro-container.proof-of-performance {
        margin-top: 5rem
    }
}

.pro-container.proof-of-performance .content-center {
    margin-top: 10rem
}

@media screen and (max-width: 47.94em) {
    .pro-container.proof-of-performance .content-center {
        margin-top: 1rem
    }
}

.pro-container h3 {
    font-size: 25px !important
}

@media screen and (max-width: 47.94em) {
    .pro-container h3 {
        font-size: 18px !important
    }
}

.pro-container .white-border {
    border-left: 2px solid #fff;
    padding-left: 40px;
    margin-left: 10px
}

@media screen and (max-width: 47.94em) {
    .pro-container .white-border {
        border-left: 0;
        padding-left: 0px
    }
}

.pro-container .black-border {
    border-left: 2px solid #333;
    padding-left: 40px;
    margin-left: 10px
}

@media screen and (max-width: 47.94em) {
    .pro-container .black-border {
        border-left: 0;
        padding-left: 0px
    }
}

.pro-container .black-btn {
    background: #333;
    border-radius: 15px
}

.pro-container .users {
    color: #333;
    font-size: 36px
}

@media screen and (max-width: 47.94em) {
    .pro-container .users {
        font-size: 24px
    }
}

.pro-container .super-users {
    color: #333;
    font-size: 36px
}

@media screen and (max-width: 47.94em) {
    .pro-container .super-users {
        font-size: 24px
    }
}

.pro-container .users-bg {
    background: #ecf2e6;
    height: 230px;
    padding-top: 7rem
}

.pro-container .users-bg .border-top-FFF {
    border-top: 1px solid #fff
}

@media screen and (max-width: 47.94em) {
    .pro-container .users-bg {
        padding-top: 2rem;
        height: 150px
    }
}

.pro-container .users-bg-super {
    background-image: linear-gradient(to right, #f9fafc, #f9fafc);
    height: 230px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    padding-top: 7rem
}

.pro-container .users-bg-super .border-top-FFF {
    border-top: 1px solid #fff
}

@media screen and (max-width: 47.94em) {
    .pro-container .users-bg-super {
        padding-top: 2rem
    }
}

.pro-container .users-bg-super .superstar-green-btn {
    background: #139b4a;
    border-radius: 10px;
    color: #fff
}

.pro-container .users-bg-super .black-border {
    border-left: 4px solid #333;
    padding-left: 40px;
    margin-left: 0px
}

@media screen and (max-width: 47.94em) {
    .pro-container .users-bg-super .black-border {
        border-left: 0;
        padding-left: 0px
    }
}

@media screen and (max-width: 47.94em) {
    .pro-container .users-bg-super {
        height: 155px
    }
}

.pro-container .pricing-users {
    background: #ecf2e6;
    min-height: 450px;
    padding-top: 9rem;
    margin-top: 7rem
}

.pro-container .pricing-users .price-amount {
    font-size: 50px
}

@media screen and (max-width: 47.94em) {
    .pro-container .pricing-users .price-amount {
        font-size: 40px
    }
}

.pro-container .pricing-users .price-head {
    font-size: 22px;
    font-weight: bold
}

@media screen and (max-width: 47.94em) {
    .pro-container .pricing-users .price-head {
        font-size: 18px
    }
}

.pro-container.pro-container-margin {
    margin-top: 8.5rem;
    padding: 0
}

@media screen and (max-width: 47.94em) {
    .pro-container.pro-container-margin {
        margin-top: 5rem;
        padding: 15px
    }
}

.pro-container .banner {
    background-image: url("/images/omega-segregation/pro-landing-page/banner-reg-btn-5.jpg");
    background-repeat: no-repeat;
    height: 391px
}

.pro-container .banner .yellow-btn {
    background: #fff200;
    border-radius: 10px
}

.pro-container .banner .heading {
    margin-top: 10rem;
    font-size: 40px;
    font-family: initial;
    font-weight: 600
}

@media screen and (max-width: 47.94em) {
    .pro-container .banner .heading {
        margin-top: 2rem;
        font-size: 28px
    }
}

.pro-container .banner .subheading {
    font-size: 22px;
    line-height: 1.3;
    font-family: Myriad Pro
}

.pro-container .banner .features-content {
    font-family: Myriad Pro
}

.pro-container .banner .btm-line {
    font-size: 13px
}

@media screen and (max-width: 47.94em) {
    .pro-container .banner {
        height: 370px;
        text-align: center;
        background-image: url("/images/omega-segregation/pro-landing-page/pro-landing-pg-banner-final-mobv5.jpg")
    }
}

.pro-container .banner .height-348 {
    height: 344px
}

.pro-container .banner .banner-btn {
    background: #fff;
    border-radius: 15px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    padding: 8px 15px;
    border: 2px solid #333;
    text-decoration: none
}

.pro-container .banner .margin-right-5 {
    margin-right: 5rem
}

.pro-container.how-it-wrks .card {
    margin-bottom: 0;
    box-shadow: none
}

.pro-container.how-it-wrks .card .card-header {
    border-bottom: none;
    background: #f9fafc
}

.pro-container.how-it-wrks .card-link {
    color: #333;
    font-weight: bold;
    font-size: 17px
}

.pro-container.how-it-wrks .card-body {
    background: #f9fafc;
    font-size: 14px
}

.pro-container.how-it-wrks .carousel-control-prev-icon {
    background-image: none;
    display: block;
    margin-left: -20px;
    opacity: 1
}

.pro-container.how-it-wrks .carousel-control-prev-icon .fa-chevron-left {
    color: #333
}

.pro-container.how-it-wrks .carousel-control-next-icon {
    background-image: none;
    display: block;
    padding-left: 32px;
    opacity: 1
}

.pro-container.how-it-wrks .carousel-control-next-icon .fa-chevron-right {
    color: #333
}

.pro-container.how-it-wrks .carousel-control-prev:hover {
    opacity: 1
}

.pro-container.how-it-wrks .carousel-control-prev:focus {
    opacity: 1
}

.pro-container.how-it-wrks .carousel-control-next:hover {
    opacity: 1
}

.pro-container.how-it-wrks .carousel-control-next:focus {
    opacity: 1
}

.pro-container .fa-quote-right {
    transform: rotate(180deg);
    color: #139b4a !important;
    font-size: 20px
}

.pro-container #fade_link {
    font-style: normal;
    font-size: 14px
}

.pro-container.frequntly-asked-questions {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 3rem
}

.pro-container.frequntly-asked-questions .panel-info {
    border-bottom: 1px solid #ccc;
    padding: 10px 0
}

.pro-container.frequntly-asked-questions .panel-info .panel-heading {
    color: #333;
    font-size: 1.25rem
}

.pro-container.frequntly-asked-questions .panel-info .panel-body {
    font-size: 12px;
    background: #fff;
    padding-right: 0;
    font-weight: normal;
    padding-left: 18px;
    padding-top: 10px
}

.pro-container.frequntly-asked-questions h5 {
    color: #333 !important
}

@media screen and (max-width: 47.94em) {
    .pro-container.frequntly-asked-questions h5 {
        font-size: 12px
    }
}

.pro-container.frequntly-asked-questions .card {
    margin-bottom: 0;
    box-shadow: none;
    border: 0
}

.pro-container.frequntly-asked-questions a {
    text-decoration: none
}

.pro-container.frequntly-asked-questions a.collapsed {
    color: red
}

.pro-container.frequntly-asked-questions a:hover {
    text-decoration: none !important
}

.pro-container.frequntly-asked-questions .card-body {
    font-size: 12px;
    background: #fff;
    padding-left: 0;
    padding-right: 0
}

.pro-container.frequntly-asked-questions .card-header {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0
}

.pro-container #accordion-how-its-wrk .card {
    cursor: pointer;
    border: 2px solid #f9fafc
}

.pro-container #accordion-how-its-wrk .card .card-header {
    padding: 1rem 1.25rem
}

.pro-container #accordion-how-its-wrk .card.active,
.pro-container #accordion-how-its-wrk .nse-bse-indices .stock-indices a.card,
.nse-bse-indices .stock-indices .pro-container #accordion-how-its-wrk a.card {
    border: 2px solid #139b4a
}

.jumbotron {
    background: #fff
}

.jumbotron .pro-helps-you {
    width: 112%
}

@media screen and (max-width: 47.94em) {
    .jumbotron .pro-helps-you {
        width: 100%
    }
}

.jumbotron .nav-item {
    padding: 0 10px
}

.jumbotron .navbar-expand-sm {
    padding-left: 11rem !important
}

@media screen and (max-width: 47.94em) {
    .jumbotron .navbar-expand-sm {
        padding-left: 0 !important
    }
}

.jumbotron .sticky-top .navbar {
    width: 60%
}

.jumbotron .round-index {
    background: #139b4a;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    margin-right: 30px;
    margin-top: 6px;
    padding: 8px;
    padding-top: 2px
}

@media screen and (max-width: 47.94em) {
    .jumbotron .round-index {
        padding: 7px;
        padding-top: 3px
    }
}

.jumbotron .li-heading {
    color: #139b4a;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px
}

.jumbotron .li-content {
    font-size: 13px
}

.jumbotron .manage-equity {
    padding-left: 11rem;
    margin-top: 6rem;
    margin-bottom: 9rem
}

.jumbotron .manage-equity .manage-equity-list {
    padding-left: 90px
}

@media screen and (max-width: 47.94em) {
    .jumbotron .manage-equity .manage-equity-list {
        padding-left: 0rem !important
    }
}

.jumbotron .how-it-wrks {
    padding-top: 10px;
    background: #f9fafc
}

.jumbotron .how-it-wrks .fa-thumbs-up {
    color: #1f7ae0
}

.jumbotron .px-md-8 {
    padding-left: 8rem !important
}

@media screen and (max-width: 47.94em) {
    .jumbotron .px-md-8 {
        padding-left: 1rem !important
    }
}

.jumbotron .px-md-13 {
    padding-left: 13rem !important
}

@media screen and (max-width: 47.94em) {
    .jumbotron .px-md-13 {
        padding-left: 1rem !important
    }
}

.jumbotron .px-md-11 {
    padding-left: 11rem !important
}

@media screen and (max-width: 47.94em) {
    .jumbotron .px-md-11 {
        padding-left: 1rem !important
    }
}

.jumbotron .px-md-12 {
    padding-left: 12rem !important
}

@media screen and (max-width: 47.94em) {
    .jumbotron .px-md-12 {
        padding-left: 1rem !important
    }
}

.message-from-founder .border-grey {
    border: 2px solid #dedede
}

.message-from-founder .message-from-founder-img {
    width: 100%;
    margin-bottom: 0px
}

.tabThree .superstar-banner {
    background-image: url(/images/omega-segregation/superstar/supestar-banner-reg-btn-v1.png);
    background-repeat: repeat;
    height: 390px
}

@media screen and (max-width: 47.94em) {
    .tabThree .superstar-banner .btn-danger {
        font-size: 10px;
        margin-top: 0px
    }
}

@media screen and (max-width: 47.94em) {
    .tabThree .superstar-banner {
        background-image: url(/images/omega-segregation/superstar/mob-supestar-banner-reg-btn.jpg);
        background-size: cover;
        height: 100px
    }
}

.tabThree .superstar-banner .height-230 {
    height: 230px
}

.tabThree .superstar-banner .banner-btn {
    background: #fff;
    border-radius: 15px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    padding: 8px 15px;
    border: 2px solid #333;
    text-decoration: none
}

.tabThree .superstar-banner .margin-right-3 {
    margin-right: 3rem
}

.tabThree .selectedTabParent {
    background: #e6e5e5;
    border-radius: 25px;
    display: flex;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    margin-bottom: 20px
}

.tabThree .selectedTabParent a {
    color: #333
}

.tabThree .selectedTabParent a:hover {
    text-decoration: none
}

.tabThree .selectedTab {
    background: #e6e5e5;
    color: #fff;
    padding: 4px 12px;
    width: 33.33%;
    display: block;
    text-align: center;
    border-radius: 25px
}

.tabThree .selectedTab.active,
.tabThree .nse-bse-indices .stock-indices a.selectedTab,
.nse-bse-indices .stock-indices .tabThree a.selectedTab {
    background: #0a5d04;
    color: #fff;
    padding: 0 12px;
    width: 33.33%;
    display: block;
    text-align: center;
    border-radius: 25px
}

.tabThree .selectedTab i {
    font-size: 12px;
    margin-top: -3px;
    display: block
}

@media screen and (max-width: 47.94em) {
    .tabThree .selectedTab i {
        font-size: 11px
    }
}

.tabThree .bg-bannerfcf5e5 {
    background: red
}

.tabThree .bg-banner {
    background: url(/images/omega-segregation/superstar/banner-superstar-img-v1.jpg) no-repeat 0 0;
    background-size: auto;
    height: 530px;
    margin-top: 5rem
}

.tabThree .bg-banner .heading {
    font-size: 45px;
    font-weight: bold
}

.tabThree .bg-banner .subheading {
    font-size: 30px;
    font-weight: bold
}

.tabThree .heading {
    margin-top: 0 !important;
    font-size: 45px !important
}

.tabThree .subheading {
    font-size: 30px !important
}

.tabThree .btn-danger {
    border-radius: 20px;
    padding: 6px 20px;
    margin-top: 25px
}

.segregation-omega .omega-buttons a {
    width: 22%;
    margin-right: 30px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: inline-block;
    text-align: center;
    background: #eeedf0
}

.segregation-omega .omega-buttons a.active,
.segregation-omega .omega-buttons .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .segregation-omega .omega-buttons a {
    background: #78c043;
    color: #fff
}

.segregation-omega .omega-buttons .heading-omega {
    border-bottom: none;
    padding: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #ccc
}

.segregation-omega .omega-buttons .tablinks.active,
.segregation-omega .omega-buttons .nse-bse-indices .stock-indices a.tablinks,
.nse-bse-indices .stock-indices .segregation-omega .omega-buttons a.tablinks {
    background: #78c043 !important
}

.segregation-omega .omega-banner {
    background-image: url(/images/omega-segregation/omega/omega-banner-reg-btn-v2.jpg);
    background-repeat: no-repeat;
    height: 396px;
    border-top: 2px solid #d3d8dc;
    border-bottom: 2px solid #d3d8dc;
    background-size: cover
}

@media screen and (max-width: 47.94em) {
    .segregation-omega .omega-banner {
        background-image: url(/images/omega-segregation/omega/mob-omega-banner-reg-now.png);
        background-repeat: no-repeat;
        height: 290px;
        background-size: cover
    }
}

.segregation-omega .omega-banner .heading {
    margin-top: 0 !important;
    font-size: 45px !important
}

.segregation-omega .omega-banner .height-338 {
    height: 338px
}

.segregation-omega .omega-banner .banner-btn {
    background: #fff;
    border-radius: 15px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    padding: 8px 15px;
    border: 2px solid #333;
    text-decoration: none
}

.segregation-omega .omega-banner .margin-right-8 {
    margin-right: 8rem
}

.segregation-omega .tabcontent-border {
    border: 3px solid #d7d7d7;
    border-top: 4px solid #78c043
}

.segregation-omega .tabcontent-border .wealthCreate a {
    color: #007bff
}

.segregation-omega .fa-angle-down-first {
    display: block;
    margin-left: 4px;
    color: #007bff
}

.segregation-omega .fa-angle-down-second {
    margin-left: -13px;
    margin-top: 5px;
    display: block;
    color: #007bff
}

.segregation-omega .font13 {
    font-size: 13px
}

.segregation-omega .bg-f9fafc {
    background: #f9fafc
}

@media screen and (max-width: 47.94em) {
    .tabThreeMob .carousel-item {
        font-size: 13px
    }
}

.tabThreeMob .carousel-item .omega-link {
    color: #007bff
}

.hr-cbcbcb {
    border-top: 2px solid #cbcbcb
}

@media screen and (max-width: 47.94em) {
    .mobile-banner .proMobBanner {
        background-image: url(/images/omega-segregation/pro-landing-page/mob-banner-reg-btn-v4.jpg);
        background-repeat: no-repeat;
        height: 286px;
        background-size: cover
    }
    .mobile-banner .proMobBanner .banner-btn {
        background: #fff;
        border-radius: 15px;
        font-size: 1rem;
        color: #333;
        font-weight: bold;
        padding: 8px 15px;
        border: 2px solid #333;
        text-decoration: none
    }
    .mobile-banner .proMobBanner .height-248 {
        height: 248px
    }
}

.subscribe-sec .subscribe-pricing-table .green-text {
    color: #78c042;
    font-weight: 600;
    font-size: 23px
}

@media screen and (max-width: 47.94em) {
    .subscribe-sec .subscribe-pricing-table .green-text {
        font-size: 17px
    }
}

.subscribe-sec .subscribe-pricing-table .subtitle {
    font-size: 18px
}

@media screen and (max-width: 47.94em) {
    .subscribe-sec .subscribe-pricing-table .subtitle {
        font-size: 14px
    }
}

.subscribe-sec .subscribe-pricing-table ul {
    color: #47484a;
    font-size: 16px
}

@media screen and (max-width: 47.94em) {
    .subscribe-sec .subscribe-pricing-table ul {
        font-size: 14px
    }
}

.subscribe-sec .subscribe-pricing-table ul li {
    padding-bottom: 10px
}

@media screen and (max-width: 47.94em) {
    .subscribe-sec .subscribe-pricing-table ul li {
        padding-bottom: 3px
    }
}

.subscribe-sec .subscribe-pricing-table {
    min-height: 410px
}

.subscribe-sec .subscribe-pricing-table h4 {
    font-size: 30px
}

.subscribe-sec .bg-ededed {
    background: #ededed;
    font-size: 15px;
    border-radius: 7px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .3) !important
}

.subscribe-sec .border-btm-ffff {
    border-bottom: 1px solid #fff
}

.subscribe-sec .view-plan-red-btn {
    font-size: 18px;
    border-radius: 22px;
    font-weight: bold;
    padding: 5px 22px
}

@media screen and (max-width: 47.94em) {
    .subscribe-sec .view-plan-red-btn {
        font-size: 12px;
        margin-bottom: 20px
    }
}

#checkPriceChart .closearrow {
    background: red;
    height: 22px;
    width: 24px;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 9px;
    z-index: 99;
    border-radius: 20px;
    margin-top: -9px;
    display: block;
    padding: 3px 7px
}

#checkPriceChart .closearrow i {
    display: block
}

#checkPriceChart .modal-dialog {
    max-width: 1087px
}

#checkPriceChart .modal-body {
    padding: 0
}

#checkPriceChart .modal-header {
    background: none;
    border-bottom: 1px solid #fff
}

.nw-dsgn .sub-heading {
    color: #414143;
    font-size: 22px
}

.take-the-next-step {
    font-size: 16px;
    background: url(/images/omega-segregation/superstar/take-the-next-step.jpg) no-repeat 0 0 #fff;
    min-height: 430px;
    padding: 22px 30px 22px 50px
}

@media screen and (max-width: 47.94em) {
    .take-the-next-step {
        font-size: 14px;
        background: url(/images/omega-segregation/superstar/take-the-next-step-mob.jpg) no-repeat 0 0 #fff;
        padding: 10px;
        background-size: cover
    }
}

@media screen and (max-width: 47.94em) {
    .take-the-next-step .amazeSec {
        font-size: 16px
    }
}

.take-the-next-step h4 {
    font-size: 25px;
    font-weight: bold
}

.take-the-next-step .power-packed-tools {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px
}

@media screen and (max-width: 47.94em) {
    .take-the-next-step .power-packed-tools {
        text-align: center
    }
}

.take-the-next-step ul {
    list-style-type: none
}

.take-the-next-step ul img {
    margin-right: 5px
}

.take-the-next-step li {
    font-size: 14px
}

.take-the-next-step .btn-danger {
    font-size: 15px;
    padding: 4px 15px
}

@media screen and (max-width: 47.94em) {
    .take-the-next-step .btn-danger {
        border-radius: 20px
    }
}

.rd-btn {
    font-size: 17px;
    border-radius: 20px
}

.shadowAll {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 1px 1px 2px 2px #e8e8e6
}

.take-the-next-step-mob .take-the-next-step-mob-one {
    background: url(/images/omega-segregation/superstar/take-the-next-step-mob-one.jpg) no-repeat 0 0;
    background-size: cover;
    height: 286px
}

.take-the-next-step-mob h4 {
    font-size: 20px
}

.take-the-next-step-mob .btn-danger {
    border-radius: 20px
}

#need-content .comma-img {
    margin-top: -145px
}

@media screen and (max-width: 47.94em) {
    #need-content .comma-img {
        margin-top: 0;
        margin-left: -280px;
        width: 20px
    }
}

.pro {
    margin-top: 90px;
    background-color: #f3f3f3
}

.pro .container {
    max-width: 960px
}

.pro .nav-tabs {
    background: #fff
}

.pro .nav-tabs .nav-item {
    margin-left: .05rem;
    margin-right: .05rem;
    min-width: 100px;
    font-weight: 700;
    text-align: center
}

.pro .nav-tabs .nav-item .nav-link:not(.active) {
    background: #333;
    color: #fff;
    border: 1px solid #333;
    border-bottom: none
}

.pro .nav-tabs .nav-item .nav-link::after {
    background: none
}

.pro .nav-tabs .nav-item .nav-link.active,
.pro .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .pro .nav-tabs .nav-item a.nav-link {
    border: 1px solid #ccc;
    color: #000;
    border-bottom: none
}

.pro .nav-tabs .nav-item .nav-link:hover {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    border-bottom: none
}

.pro .nav-tabs .nav-item .nav-link:hover.active,
.pro .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link:hover,
.nse-bse-indices .stock-indices .pro .nav-tabs .nav-item a.nav-link:hover {
    border: 1px solid #ccc;
    border-bottom: none
}

.pro .text-green {
    color: #093
}

.pro .text-red {
    color: red
}

.pro .text-grey {
    color: #333
}

.pro .font10 {
    font-size: 1rem
}

.pro .font12 {
    font-size: 1.2rem
}

.pro .font14 {
    font-size: 1.4rem
}

.pro .font16 {
    font-size: 1.6rem
}

.pro .font18 {
    font-size: 1.8rem
}

.pro .blink {
    opacity: 0;
    animation: blink-animation 5s forwards;
    -webkit-animation: blink-animation 5s forwards
}

@keyframes blink-animation {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink-animation {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.pro .badge-pill {
    width: 27px;
    height: 27px;
    padding-top: 8px;
    text-align: center
}

.pro .badge-pill.badge-green {
    background-color: #093;
    color: #fff;
    text-transform: uppercase
}

.pro .badge-pill.badge-orange {
    background-color: #ff9b21;
    color: #000;
    text-transform: uppercase
}

.pro .badge-pill.badge-red {
    background-color: red;
    color: #fff;
    text-transform: uppercase
}

.pro .badge-pill.badge-grey {
    background-color: #ccc;
    color: #000;
    text-transform: uppercase
}

.pro .badge-pill.badge-value {
    background-color: #381905;
    color: #fff;
    text-transform: uppercase
}

.pro .buy-price {
    display: inline-block;
    margin-top: -0.2rem;
    margin-left: -1.2rem
}

@media screen and (max-width: 47.94em) {
    .pro .buy-price {
        margin-top: 0rem;
        margin-left: 0rem
    }
}

.pro .sell-buy-price-date {
    display: inline-block;
    margin-top: -0.2rem;
    margin-left: -1.2rem;
    margin-right: 1rem
}

.popover {
    box-shadow: 0px 0px 10px 2px #888;
    -webkit-box-shadow: 0px 0px 10px 2px #888
}

@media screen and (max-width: 47.94em) {
    .popover {
        max-width: 90%
    }
}

.popover ul {
    margin-left: 30px
}

.pro-preview {
    background-color: #f3f3f3;
    overflow-y: auto;
    height: 100vh
}

.pro-preview .container {
    max-width: 767px
}

.pro-preview .container .logo {
    margin-right: 2rem;
    margin-top: -10px
}

@media screen and (max-width: 47.94em) {
    .pro-preview .container .logo {
        margin-right: 1rem;
        margin-top: 0px;
        max-width: 100px
    }
}

.pro-preview .investmentAmount .amount {
    position: relative
}

.pro-preview .investmentAmount .amount:before {
    content: "₹";
    position: absolute;
    font-size: 2.5rem;
    margin-left: 5px
}

.pro-preview .investmentAmount .amount input,
.pro-preview .investmentAmount .amount .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .pro-preview .investmentAmount .amount textarea.input-textarea,
.pro-preview .investmentAmount .amount .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .pro-preview .investmentAmount .amount textarea.input-textarea {
    min-width: 300px;
    font-size: 20px;
    padding-left: 2.8rem
}

@media screen and (max-width: 47.94em) {
    .pro-preview .investmentAmount .amount input,
    .pro-preview .investmentAmount .amount .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .pro-preview .investmentAmount .amount textarea.input-textarea,
    .pro-preview .investmentAmount .amount .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .pro-preview .investmentAmount .amount textarea.input-textarea {
        min-width: 150px;
        max-width: 180px
    }
}

.pro-preview .investmentAmount .confirmAmount {
    line-height: 2 !important
}

.pro-preview .investmentAmount .confirmAmount+.error {
    margin-top: 45px
}

.pro-preview .investmentAmount .w-10 {
    width: 10% !important
}

.pro-preview .investmentAmount .mh-80 {
    max-height: 80% !important
}

.pro-preview .investmentAmount .bg-error {
    background: #fdeeee
}

.pro-preview .investmentAmount .w-90 {
    width: 90% !important
}

.pro-preview .table-container table thead {
    width: 97%;
    display: block
}

.pro-preview .table-container table tbody {
    display: block;
    height: 40vh;
    overflow-y: auto;
    overflow-x: hidden
}

@media screen and (max-width: 47.94em) {
    .pro-preview .table-container table tbody {
        height: 60vh
    }
}

.pro-preview .table-container table tbody tr td {
    font-size: 14px
}

.pro-preview .table-container .shares-input {
    max-width: 80px
}

@media screen and (max-width: 47.94em) {
    .pro-preview .table-container .shares-input {
        max-width: 50px
    }
}

.text-darkgray {
    color: #3e4248
}

.text-link {
    color: #0361a8 !important
}

.text-lightred {
    color: #f27070
}

.bg-darkblue {
    background: #3f3f72
}

.bg-teal {
    background-color: #03898d
}

.bg-lightteal {
    background-color: #ecfeff
}

.bg-darkgreen {
    background: #1c7f50
}

.bg-lightred {
    background: #f27070
}

.bg-faintblue {
    background: #def5f6
}

.bg-lightgreen {
    background: #a4e6ae
}

.bg-faintgreen {
    background: #d0face
}

.bg-midgreen {
    background: #b7f5b5
}

.xray-good-clr {
    background-color: #1eaf6d
}

.xray-avg-clr {
    background-color: #dc9935
}

.xray-bad-clr {
    background-color: #f27070
}

.ratingfreedm-good {
    background-color: #1eaf6d
}

.ratingfreedm-avg {
    background-color: #dc9935
}

.ratingfreedm-bad {
    background-color: #f27070
}

.bg-green {
    background: #1eaf6d
}

.bg-theme,
#comppeersearch #addtowatchlist button {
    background-color: #1eaf6d !important
}

.bg-green-hl {
    background-color: #00e377
}

.bg-orange,
.bg-yellow {
    background-color: #dc9935 !important
}

.text-darkblue,
.nav-news .news-data {
    color: #3f3f72 !important
}

.text-darkgreen {
    color: #1c7f50 !important
}

.text-teal {
    color: #03898d !important
}

.text-green {
    color: #1eaf6d !important
}

.bg-lightgray {
    background: #f4f4f4 !important
}

.bg-green-gradient {
    background-image: linear-gradient(120deg, #d7ff9f 0%, #58c867 100%)
}

.bg-blue-gradient {
    background: linear-gradient(to right, #CDFFD8, #94B9FF)
}

.youtube-icon-green {
    color: #1eaf6d
}

.youtube-icon-red {
    color: red
}

.text-orange {
    color: #f0801a
}

.color-green {
    color: #1c7f50
}

.color-red {
    color: red
}

.color-orange-v2 {
    color: #dc9935
}

.color-orange {
    color: #dc9935
}

.color-blue {
    color: #0056b3
}

@media(min-width: 768px) {
    .bg-lightgray-none {
        background: #fff
    }
}

.box-shadow,
.vertical-tabs .nav-link {
    box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, .12);
    border: none;
    background: #f8f9fa
}

.bx-shd1,
.my-acc .formcon input:focus-visible,
.my-acc .formcon textarea.input-textarea:focus-visible,
.my-acc .form-group input:focus-visible,
.my-acc .form-group textarea.input-textarea:focus-visible,
.offer-valid-till h5,
.colorCode span.active .title,
.somewhat-good-icon-s-boughtlist,
.not-good-icon-s-boughtlist,
.very-good-icon-s-boughtlist,
.very-good-icon-s-goldstar-boughtlist,
.no-analysis-s-boughtlist,
.colorBox,
.nav-stock div,
.stock-btn-div div .mid-cap-sprite .active-star,
.my-plans-pg .btn-default,
.my-plans-pg .btn-group.itemcontent .btn-outline-success,
.stock-banner-area .btn,
.stock-banner-area,
.bs-calltoaction.bs-calltoaction-warning .cta-button a,
.bs-calltoaction.bs-calltoaction-warning,
.alert-warning a.btn,
.alert-warning,
.ht-btn-rw .btn-outline-secondary,
.ht-btn-rw .footer-btn .bg-theme,
.ht-btn-rw .footer-btn #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .ht-btn-rw .footer-btn button,
.footer-btn .ht-btn-rw .bg-theme,
.footer-btn .ht-btn-rw #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .footer-btn .ht-btn-rw button,
div#activefilterindex #active-filter a,
.btn-primary,
.pg-head .know-more-icon,
#superstars-plan .offer-valid-till h5,
#superstars-plan .sub-btn-green,
#superstars-plan .sub-btn-gray,
.quality-color .right-fund-color,
.quality-color span,
.quality-color .performance-color span,
.performance-color .quality-color span,
.quality-color .green,
.quality-color .mutual-fund .grey,
.mutual-fund .quality-color .grey,
.quality-color .orange,
.quality-color .red,
.performance-color .right-fund-color,
.performance-color span,
.performance-color .green,
.performance-color .mutual-fund .grey,
.mutual-fund .performance-color .grey,
.performance-color .orange,
.performance-color .red,
.xray-na,
.decision-maker-section .card .na,
.xray-good,
.very-good,
.very-good-gold-star,
.ht-btn-rw .btn-success,
.ht-btn-rw .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .ht-btn-rw .btn-read-next,
.ht-btn-rw .watchlist .view-modal .btn-danger,
.watchlist .view-modal .ht-btn-rw .btn-danger,
.ht-btn-rw .watchlist .trigger .btn-outline-danger,
.watchlist .trigger .ht-btn-rw .btn-outline-danger,
.xray-bad,
.not-good,
.xray-avg,
.somewhat-good,
.ask-card,
.full-width-search #autocomplete-list .search-sugegstion-list,
.full-width-search .mw4me-navbar-input,
.sensex__price {
    box-shadow: rgba(136, 165, 191, .48) 6px 2px 16px 0px, rgba(255, 255, 255, .8) -6px -2px 16px 0px
}

.bx-shd2,
.my-acc .orders-pg .order-card .order-details .table,
.my-acc .orders-pg select#status,
.my-acc table.table.table-responsive.table-hover,
.my-acc .formcon select.select,
.my-acc .form-group select.select,
.my-acc .formcon input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group input,
.my-acc .form-group textarea.input-textarea,
.my-acc .subscription-plans .card:hover,
.compshortinfo .action-button.active~.actions,
.compshortinfo .nse-bse-indices .stock-indices a.action-button~.actions,
.nse-bse-indices .stock-indices .compshortinfo a.action-button~.actions,
.sqr-good,
#managementassessment span.green,
#managementassessment .mutual-fund span.grey,
.mutual-fund #managementassessment span.grey,
.sqr-na,
#managementassessment span.gray,
.sqr-bad,
#managementassessment span.red,
.sqr-avg,
#managementassessment span.orange,
.xray-good-clr,
.xray-avg-clr,
.xray-bad-clr,
.xray-na-clr,
.nav-news .card,
.x-ray-testimonals .hover-card:hover,
.hover-card:hover,
.decision-pg .dropdown-content,
.mob-buttons li a,
.listCompany table tr td.stick .dropdown .dropdown-toggle {
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.bx-shd3,
.new-opp .card-wht,
.new-opp .card-gry {
    box-shadow: rgba(50, 50, 93, .25) 0px 50px 100px -20px, rgba(0, 0, 0, .3) 0px 30px 60px -30px
}

body {
    font-family: "Rethink Sans", sans-serif;
    font-variant-ligatures: no-common-ligatures;
    font-weight: 400;
    font-style: normal
}

header {
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

header .dropdown-menu.bx-shd2.show,
header .my-acc .orders-pg .order-card .order-details .dropdown-menu.show.table,
.my-acc .orders-pg .order-card .order-details header .dropdown-menu.show.table,
header .my-acc .orders-pg select.dropdown-menu.show#status,
.my-acc .orders-pg header select.dropdown-menu.show#status,
header .my-acc table.dropdown-menu.show.table.table-responsive.table-hover,
.my-acc header table.dropdown-menu.show.table.table-responsive.table-hover,
header .my-acc .formcon select.dropdown-menu.show.select,
.my-acc .formcon header select.dropdown-menu.show.select,
header .my-acc .form-group select.dropdown-menu.show.select,
.my-acc .form-group header select.dropdown-menu.show.select,
header .my-acc .formcon input.dropdown-menu.show,
header .my-acc .formcon textarea.dropdown-menu.show.input-textarea,
.my-acc .formcon header input.dropdown-menu.show,
.my-acc .formcon header textarea.dropdown-menu.show.input-textarea,
header .my-acc .form-group input.dropdown-menu.show,
header .my-acc .form-group textarea.dropdown-menu.show.input-textarea,
.my-acc .form-group header input.dropdown-menu.show,
.my-acc .form-group header textarea.dropdown-menu.show.input-textarea,
header .my-acc .subscription-plans .dropdown-menu.show.card:hover,
.my-acc .subscription-plans header .dropdown-menu.show.card:hover,
header .compshortinfo .action-button.active~.dropdown-menu.show.actions,
header .compshortinfo .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions,
.nse-bse-indices .stock-indices header .compshortinfo a.action-button~.dropdown-menu.show.actions,
.compshortinfo header .action-button.active~.dropdown-menu.show.actions,
.compshortinfo header .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions,
.nse-bse-indices .stock-indices .compshortinfo header a.action-button~.dropdown-menu.show.actions,
header .dropdown-menu.show.sqr-good,
header #managementassessment span.dropdown-menu.show.green,
header #managementassessment .mutual-fund span.dropdown-menu.show.grey,
.mutual-fund header #managementassessment span.dropdown-menu.show.grey,
#managementassessment header span.dropdown-menu.show.green,
#managementassessment header .mutual-fund span.dropdown-menu.show.grey,
.mutual-fund #managementassessment header span.dropdown-menu.show.grey,
header .dropdown-menu.show.sqr-na,
header #managementassessment span.dropdown-menu.show.gray,
#managementassessment header span.dropdown-menu.show.gray,
header .dropdown-menu.show.sqr-bad,
header #managementassessment span.dropdown-menu.show.red,
#managementassessment header span.dropdown-menu.show.red,
header .dropdown-menu.show.sqr-avg,
header #managementassessment span.dropdown-menu.show.orange,
#managementassessment header span.dropdown-menu.show.orange,
header .dropdown-menu.show.xray-good-clr,
header .dropdown-menu.show.xray-avg-clr,
header .dropdown-menu.show.xray-bad-clr,
header .dropdown-menu.show.xray-na-clr,
header .nav-news .dropdown-menu.show.card,
.nav-news header .dropdown-menu.show.card,
header .dropdown-menu.show.hover-card:hover,
header .decision-pg .dropdown-menu.show.dropdown-content,
.decision-pg header .dropdown-menu.show.dropdown-content,
header .mob-buttons li a.dropdown-menu.show,
.mob-buttons li header a.dropdown-menu.show,
header .listCompany table tr td.stick .dropdown .dropdown-menu.show.dropdown-toggle,
.listCompany table tr td.stick .dropdown header .dropdown-menu.show.dropdown-toggle {
    margin-left: -40px
}

header .dropdown-menu.bx-shd2.show .dropdown-item,
header .my-acc .orders-pg .order-card .order-details .dropdown-menu.show.table .dropdown-item,
.my-acc .orders-pg .order-card .order-details header .dropdown-menu.show.table .dropdown-item,
header .my-acc .orders-pg select.dropdown-menu.show#status .dropdown-item,
.my-acc .orders-pg header select.dropdown-menu.show#status .dropdown-item,
header .my-acc table.dropdown-menu.show.table.table-responsive.table-hover .dropdown-item,
.my-acc header table.dropdown-menu.show.table.table-responsive.table-hover .dropdown-item,
header .my-acc .formcon select.dropdown-menu.show.select .dropdown-item,
.my-acc .formcon header select.dropdown-menu.show.select .dropdown-item,
header .my-acc .form-group select.dropdown-menu.show.select .dropdown-item,
.my-acc .form-group header select.dropdown-menu.show.select .dropdown-item,
header .my-acc .formcon input.dropdown-menu.show .dropdown-item,
header .my-acc .formcon textarea.dropdown-menu.show.input-textarea .dropdown-item,
.my-acc .formcon header input.dropdown-menu.show .dropdown-item,
.my-acc .formcon header textarea.dropdown-menu.show.input-textarea .dropdown-item,
header .my-acc .form-group input.dropdown-menu.show .dropdown-item,
header .my-acc .form-group textarea.dropdown-menu.show.input-textarea .dropdown-item,
.my-acc .form-group header input.dropdown-menu.show .dropdown-item,
.my-acc .form-group header textarea.dropdown-menu.show.input-textarea .dropdown-item,
header .my-acc .subscription-plans .dropdown-menu.show.card:hover .dropdown-item,
.my-acc .subscription-plans header .dropdown-menu.show.card:hover .dropdown-item,
header .compshortinfo .action-button.active~.dropdown-menu.show.actions .dropdown-item,
header .compshortinfo .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions .dropdown-item,
.nse-bse-indices .stock-indices header .compshortinfo a.action-button~.dropdown-menu.show.actions .dropdown-item,
.compshortinfo header .action-button.active~.dropdown-menu.show.actions .dropdown-item,
.compshortinfo header .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions .dropdown-item,
.nse-bse-indices .stock-indices .compshortinfo header a.action-button~.dropdown-menu.show.actions .dropdown-item,
header .dropdown-menu.show.sqr-good .dropdown-item,
header #managementassessment span.dropdown-menu.show.green .dropdown-item,
header #managementassessment .mutual-fund span.dropdown-menu.show.grey .dropdown-item,
.mutual-fund header #managementassessment span.dropdown-menu.show.grey .dropdown-item,
#managementassessment header span.dropdown-menu.show.green .dropdown-item,
#managementassessment header .mutual-fund span.dropdown-menu.show.grey .dropdown-item,
.mutual-fund #managementassessment header span.dropdown-menu.show.grey .dropdown-item,
header .dropdown-menu.show.sqr-na .dropdown-item,
header #managementassessment span.dropdown-menu.show.gray .dropdown-item,
#managementassessment header span.dropdown-menu.show.gray .dropdown-item,
header .dropdown-menu.show.sqr-bad .dropdown-item,
header #managementassessment span.dropdown-menu.show.red .dropdown-item,
#managementassessment header span.dropdown-menu.show.red .dropdown-item,
header .dropdown-menu.show.sqr-avg .dropdown-item,
header #managementassessment span.dropdown-menu.show.orange .dropdown-item,
#managementassessment header span.dropdown-menu.show.orange .dropdown-item,
header .dropdown-menu.show.xray-good-clr .dropdown-item,
header .dropdown-menu.show.xray-avg-clr .dropdown-item,
header .dropdown-menu.show.xray-bad-clr .dropdown-item,
header .dropdown-menu.show.xray-na-clr .dropdown-item,
header .nav-news .dropdown-menu.show.card .dropdown-item,
.nav-news header .dropdown-menu.show.card .dropdown-item,
header .dropdown-menu.show.hover-card:hover .dropdown-item,
header .decision-pg .dropdown-menu.show.dropdown-content .dropdown-item,
.decision-pg header .dropdown-menu.show.dropdown-content .dropdown-item,
header .mob-buttons li a.dropdown-menu.show .dropdown-item,
.mob-buttons li header a.dropdown-menu.show .dropdown-item,
header .listCompany table tr td.stick .dropdown .dropdown-menu.show.dropdown-toggle .dropdown-item,
.listCompany table tr td.stick .dropdown header .dropdown-menu.show.dropdown-toggle .dropdown-item {
    padding: 5px 8px;
    font-size: 1rem;
    line-height: 1.2rem
}

.sensex__price {
    padding: 7px 10px;
    text-align: center;
    border-radius: 10px 10px;
    font-size: 1rem;
    font-weight: bold
}

.display .dropdown-menu.bx-shd2,
.display .my-acc .orders-pg .order-card .order-details .dropdown-menu.table,
.my-acc .orders-pg .order-card .order-details .display .dropdown-menu.table,
.display .my-acc .orders-pg select.dropdown-menu#status,
.my-acc .orders-pg .display select.dropdown-menu#status,
.display .my-acc table.dropdown-menu.table.table-responsive.table-hover,
.my-acc .display table.dropdown-menu.table.table-responsive.table-hover,
.display .my-acc .formcon select.dropdown-menu.select,
.my-acc .formcon .display select.dropdown-menu.select,
.display .my-acc .form-group select.dropdown-menu.select,
.my-acc .form-group .display select.dropdown-menu.select,
.display .my-acc .formcon input.dropdown-menu,
.display .my-acc .formcon textarea.dropdown-menu.input-textarea,
.my-acc .formcon .display input.dropdown-menu,
.my-acc .formcon .display textarea.dropdown-menu.input-textarea,
.display .my-acc .form-group input.dropdown-menu,
.display .my-acc .form-group textarea.dropdown-menu.input-textarea,
.my-acc .form-group .display input.dropdown-menu,
.my-acc .form-group .display textarea.dropdown-menu.input-textarea,
.display .my-acc .subscription-plans .dropdown-menu.card:hover,
.my-acc .subscription-plans .display .dropdown-menu.card:hover,
.display .compshortinfo .action-button.active~.dropdown-menu.actions,
.display .compshortinfo .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.actions,
.nse-bse-indices .stock-indices .display .compshortinfo a.action-button~.dropdown-menu.actions,
.compshortinfo .display .action-button.active~.dropdown-menu.actions,
.compshortinfo .display .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.actions,
.nse-bse-indices .stock-indices .compshortinfo .display a.action-button~.dropdown-menu.actions,
.display .dropdown-menu.sqr-good,
.display #managementassessment span.dropdown-menu.green,
.display #managementassessment .mutual-fund span.dropdown-menu.grey,
.mutual-fund .display #managementassessment span.dropdown-menu.grey,
#managementassessment .display span.dropdown-menu.green,
#managementassessment .display .mutual-fund span.dropdown-menu.grey,
.mutual-fund #managementassessment .display span.dropdown-menu.grey,
.display .dropdown-menu.sqr-na,
.display #managementassessment span.dropdown-menu.gray,
#managementassessment .display span.dropdown-menu.gray,
.display .dropdown-menu.sqr-bad,
.display #managementassessment span.dropdown-menu.red,
#managementassessment .display span.dropdown-menu.red,
.display .dropdown-menu.sqr-avg,
.display #managementassessment span.dropdown-menu.orange,
#managementassessment .display span.dropdown-menu.orange,
.display .dropdown-menu.xray-good-clr,
.display .dropdown-menu.xray-avg-clr,
.display .dropdown-menu.xray-bad-clr,
.display .dropdown-menu.xray-na-clr,
.display .nav-news .dropdown-menu.card,
.nav-news .display .dropdown-menu.card,
.display .dropdown-menu.hover-card:hover,
.display .decision-pg .dropdown-menu.dropdown-content,
.decision-pg .display .dropdown-menu.dropdown-content,
.display .mob-buttons li a.dropdown-menu,
.mob-buttons li .display a.dropdown-menu,
.display .listCompany table tr td.stick .dropdown .dropdown-menu.dropdown-toggle,
.listCompany table tr td.stick .dropdown .display .dropdown-menu.dropdown-toggle {
    position: static !important;
    z-index: 1
}

.after-login {
    position: fixed !important;
    top: 20px !important;
    right: 12px;
    left: auto !important
}

.pb100 {
    padding-bottom: 400px !important
}

.stock-height {
    overflow-y: auto;
    overflow-x: hidden
}

.name-ellipses,
#trending-stocks .comp-name-ellipses,
#search-stock-list .comp-name-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 64%;
    display: inline-block
}

#search-modal .close {
    background: rgba(0, 0, 0, .3098039216);
    border-radius: 50%;
    padding: 5px 8px;
    position: absolute;
    right: -15px;
    color: #fff !important;
    font-weight: 400;
    opacity: 1;
    top: -8px
}

#search-modal #popupsearch:focus {
    border: 1px solid #245049 !important
}

#searchfromheader .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem .75rem;
    border-top: 1px solid rgba(0, 0, 0, .2) !important
}

#searchfromheader .list-group-item a {
    line-height: normal
}

#searchfromheader .list-group-item a:hover {
    text-decoration: none
}

#searchfromheader .list-group-item:hover {
    background: #def5f6
}

#mobile-trending-articles-list .list-group-item {
    min-height: 40px
}

#trending-stocks .colorCode {
    min-width: 175px;
    font-size: 10px
}

#trending-stocks .colorCode .align-items-center {
    text-align: right
}

#trending-stocks .colorCode .color-gem {
    width: 15px;
    height: 15px;
    font-size: 9px;
    line-height: 15px;
    display: block;
    margin-bottom: 4px
}

#trending-stocks .colorCode .color-span {
    display: block;
    min-width: 95px;
    border-radius: 20px;
    font-size: 10px;
    line-height: 15px;
    box-shadow: none
}

#drop-1 {
    position: relative
}

.login-dropdown {
    position: fixed !important;
    top: 50px !important;
    right: 12px;
    left: auto !important
}

.top-bar-desk {
    align-items: center
}

.top-bar-desk a.login-link,
.top-bar-desk a.reg-link {
    color: #3f3f72;
    font-size: 1.2rem;
    padding: 5px 6px;
    border-radius: 5px;
    text-decoration: none
}

.top-bar-desk .header-main-login a {
    color: #000;
    font-size: 1.2rem;
    padding: 5px;
    opacity: .7
}

.top-bar-desk .top-bar-link {
    font-size: 1.2rem;
    line-height: 35px
}

.topbar .font-14rem {
    font-size: 1.2rem
}

.topbar #trending-stocks .text-success {
    color: #1eaf6d !important;
    text-decoration: underline;
    font-weight: 700
}

.topbar .transact {
    color: #3e4248 !important;
    text-decoration: underline
}

.topbar .btn-success,
.topbar .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .topbar .btn-read-next,
.topbar .watchlist .view-modal .btn-danger,
.watchlist .view-modal .topbar .btn-danger,
.topbar .watchlist .trigger .btn-outline-danger,
.watchlist .trigger .topbar .btn-outline-danger {
    background: #1eaf6d;
    border: none;
    font-size: 1.2rem
}

.topbar .btn-outline-success {
    font-size: 1.2rem;
    padding: 4px 12px;
    width: 49%
}

.topbar .btn-outline-danger {
    font-size: 1.2rem;
    padding: 4px 12px;
    padding: 4px 12px
}

.topbar .header-stocksearch-bar {
    min-width: 350px;
    min-height: 35px;
    padding-left: 32px;
    border: 1px solid #1eaf6d;
    background-color: #fff
}

.topbar #header-search-box.form-control[readonly] {
    background-color: #fff
}

.topbar #stocksearch-icon {
    position: absolute;
    margin-left: 12px;
    margin-top: 8px;
    color: #aaa
}

.bg-theme-omega .top-bar-desk a.login-link {
    color: #fff !important;
    border: none
}

.bg-theme-omega .login-init {
    background-color: #b5964d
}

.mega-menu-wrap {
    border-top: 1px solid #c4c4c4
}

.mega-drop-down a:active {
    color: #3f3f72;
    font-weight: 700
}

.exo-menu>li>a:active {
    font-weight: 700
}

.exo-menu>li:hover {
    font-weight: 700
}

.exo-menu,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom {
    padding: 0px !important;
    min-height: 35px;
    width: 100%;
    float: left;
    list-style: none;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    background: #f2f2f2
}

.exo-menu li,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li {
    display: block;
    transition: 1ms;
    padding: 0px
}

.exo-menu li:hover,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li:hover {
    border: none
}

.exo-menu li a,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li a {
    text-decoration: none;
    padding: 2px 7px;
    font-size: 13px;
    color: #3f3f72;
    font-weight: 600
}

.exo-menu li a:hover,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li a:hover {
    font-weight: 700;
    color: #1eaf6d
}

.exo-menu li .header-icon,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li .header-icon {
    min-width: 35px;
    margin-right: 15px;
    height: 26px;
    filter: grayscale(1)
}

.exo-menu li .premium-icon,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li .premium-icon {
    max-width: 25px
}

.exo-menu li a.active,
.exo-menu li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .exo-menu li a,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li a.active {
    border-radius: 20px
}

.exo-menu li.main-search,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li.main-search {
    color: #1eaf6d
}

.exo-menu li.main-search:hover,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li.main-search:hover {
    border: 1px solid #f2f2f2 !important
}

.exo-menu .collapse:not(.show),
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom .collapse:not(.show) {
    display: block
}

.exo-menu .mega-menu-search,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom .mega-menu-search {
    right: -15px;
    padding: 9px 0 0 0;
    color: #3f9401
}

.exo-menu a.toggle-menu,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom a.toggle-menu {
    padding: 8px;
    text-align: center;
    right: 0px;
    font-size: 19px;
    color: #aaa
}

.exo-menu i,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom i {
    font-size: 12px;
    margin: 6px;
    line-height: 16px !important
}

.exo-menu i.fa.fa-chevron-down,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom i.fa.fa-chevron-down {
    float: right !important;
    font-size: 10px;
    padding-left: 0px
}

.exo-menu i.fa-angle-right,
ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom i.fa-angle-right {
    color: #1eaf6d
}

li.drop-down>ul {
    left: 0px;
    min-width: 230px
}

li.drop-down>ul>li>a {
    display: block;
    text-decoration: none
}

li.drop-down>a:hover+.drop-down-ul {
    display: block
}

li.resp-login {
    display: none !important;
    padding: 15px 15px 20px;
    text-decoration: none;
    border-bottom: 1px solid #c4c4c4 !important
}

li.resp-login:hover {
    border: 1px solid #fff !important
}

li.resp-login a {
    text-decoration: none;
    color: #3f3f72
}

.drop-down-ul {
    display: none
}

.drop-down-ul:hover {
    display: block
}

span.mega-title {
    font-weight: 700;
    color: #245049;
    margin-top: 0px;
    font-size: 12px;
    padding: 2px 0;
    margin-left: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 2px solid #b5964d;
    width: fit-content
}

.decizen-colorCode-popup {
    max-width: 500px;
    z-index: 2
}

.mega-menu {
    left: 0;
    right: 0;
    top: 30px;
    display: none;
    position: absolute;
    background: #fff;
    border-top: 1px solid #1eaf6d;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .mega-menu .mega-menu-wrap {
        box-shadow: rgba(50, 50, 93, .18) 0px 50px 93px -20px, rgba(0, 0, 0, .13) 0px 30px 60px -30px
    }
    .mega-menu .mega-drop-down a:hover+.mega-menu {
        display: none
    }
    .mega-menu .premium-icon {
        max-width: 30px
    }
}

.mega-menu ul.sub-menu {
    margin-left: 0px;
    list-style: none
}

.mega-menu ul.sub-menu li {
    border: 1px solid rgba(0, 0, 0, 0)
}

.mega-menu ul.sub-menu li a {
    line-height: 15px;
    padding: 10px 22px 10px 22px;
    display: block;
    color: #3f3f72;
    font-weight: 500;
    text-decoration: none !important
}

.mega-menu ul.sub-menu li a:hover {
    color: #1eaf6d
}

.mega-menu ul.sub-menu li.yt-video-lin:before {
    position: absolute;
    content: " ";
    font-family: "Font Awesome 5 Brands";
    margin-top: 8px;
    margin-left: -5px;
    color: red
}

.mega-menu:hover {
    display: block;
    transform: translateY(0);
    transition: all 1.5s linear, margin 0s linear 0s
}

.mega-drop-down a .bi-caret-down-fill::before {
    float: right;
    font-size: 11px;
    margin-top: 6px;
    opacity: .5
}

.mega-drop-down a:hover+.mega-menu {
    display: block;
    transform: translateY(0);
    transition: all 1.5s linear, margin 0s linear 0s
}

.alpha-icon {
    background: linear-gradient(to right, #4dd4e2 0%, #527cd7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #f2f2f2;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0
}

#search input[type=search],
#search .my-acc .formcon textarea[type=search].input-textarea,
.my-acc .formcon #search textarea[type=search].input-textarea,
#search .my-acc .form-group textarea[type=search].input-textarea,
.my-acc .form-group #search textarea[type=search].input-textarea {
    position: absolute;
    top: 30%;
    width: 100%;
    color: #3f3f72;
    background: #f2f2f2;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none
}

#search .btn {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-top: 20px;
    margin-left: -45px;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #aaa;
    background-color: none;
    opacity: 1;
    padding: 10px 17px;
    font-size: 16px;
    border-radius: 5px
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 1
}

#mobile-search-popup {
    position: absolute;
    left: 0% !important;
    width: 100%;
    margin-top: 35px
}

.mw4me-navbar-input {
    padding: .5rem;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 1.2rem;
    background: #f0f0f0;
    border: 1px solid #e2e2e2;
    display: flex;
    flex-grow: 1;
    display: flex;
    flex-grow: 1
}

.mw4me-navbar-button {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 0 2px 2px 0;
    color: #fff;
    padding: 5px 10px;
    height: 35px;
    cursor: pointer;
    max-width: 40px
}

.full-width-search .srch-btn {
    -webkit-top: 0px
}

@-moz-document url-prefix() {
    .full-width-search .srch-btn {
        top: 0px
    }
}

.full-width-search {
    display: flex;
    justify-content: center
}

.full-width-search .row.search-container {
    margin: 0 auto;
    border: none !important
}

.full-width-search .mw4me-navbar-input {
    display: inline-block;
    min-width: auto;
    width: 100%;
    border-radius: 50px;
    padding: 5px 15px
}

.full-width-search .mic-btn {
    margin-top: 0px !important;
    right: 60px !important;
    top: 0 !important;
    font-size: 16px;
    padding: 12px 15px !important;
    position: absolute;
    text-align: right;
    color: #aaa !important;
    width: fit-content
}

.full-width-search .srch-btn {
    padding: 7px;
    position: absolute;
    background: #245049;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid #245049;
    height: auto;
    width: auto;
    position: absolute;
    right: 0px
}

.full-width-search .srch-btn .fa-search:before {
    content: "";
    font-size: 1rem
}

.full-width-search #autocomplete-list {
    width: 100%
}

.full-width-search #autocomplete-list li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.full-width-search #autocomplete-list li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.full-width-search #autocomplete-list .search-sugegstion-list {
    border-radius: 10px;
    width: 100%;
    padding: 20px
}

.full-width-search #autocomplete-list .search-sugegstion-list h4 {
    margin-bottom: 2rem
}

.full-width-search #autocomplete-list .search-sugegstion-list ul {
    border-right: 1px solid #c4c4c4;
    margin-bottom: 15px
}

.full-width-search #autocomplete-list .search-sugegstion-list :last-child ul {
    border-right: 0px
}

.mouse-pointer {
    cursor: pointer
}

.main-footer .container {
    background: inherit
}

footer .container {
    background: inherit
}

footer span {
    margin-bottom: 15px
}

footer ul {
    padding-left: 0 !important;
    margin-bottom: .7rem
}

footer ul li {
    list-style-type: none;
    min-width: max-content;
    padding-bottom: 5px;
    padding-left: 0px
}

footer ul li a {
    text-decoration: none;
    color: #3f3f72;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    line-height: 15px
}

footer ul li .fa {
    color: #3f3f72;
    font-size: 20px
}

footer ul li .footer-email {
    font-size: 13px
}

.piped-links a.text-darkblue,
.piped-links .nav-news a.news-data,
.nav-news .piped-links a.news-data {
    color: #0056b3 !important;
    margin: 2px 4px;
    display: inline-block
}

.exit-popup .exit-popup-features {
    color: #1c7f50;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
    padding-top: 10px
}

.exit-popup .tick::before {
    content: "✓";
    padding-right: 10px
}

@media only screen and (max-width: 768px) {
    .exit-popup .exit-popup-features {
        font-size: 1.2rem
    }
}

.footer-btn .btn-outline-secondary,
.footer-btn .bg-theme,
.footer-btn #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .footer-btn button,
.footer-btn .btn-outline-secondary:hover {
    border-radius: 30px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #3f3f72;
    border: 2px solid;
    padding: 10px;
    width: 75%;
    height: 3.5rem;
    background: #fff
}

.footer-btn .bg-theme,
.footer-btn #comppeersearch #addtowatchlist button,
#comppeersearch #addtowatchlist .footer-btn button {
    height: 3.7rem;
    width: 100%
}

.footer-btn .btn-danger {
    background: #f27070;
    border: 1px solid;
    font-size: 1.2rem
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #000
}

.login-init {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem !important;
    background-color: #6ae2e5;
    color: #fff !important;
    border-radius: 50%;
    font-weight: 600;
    text-decoration: none
}

.login-init:hover {
    text-decoration: none
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 1.5rem;
    white-space: initial
}

.dropdown-item.active,
.nse-bse-indices .stock-indices a.dropdown-item,
.dropdown-item:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #f4f4f4
}

.dropdown-item:hover {
    color: #16181b !important
}

#desktopmenu .main-nav li.nav-item.dropdown {
    font-size: 14px
}

#desktopmenu .main-nav .navbar-nav .dropdown-menu {
    margin-left: 0px
}

#desktopmenu .dropdown-menu {
    min-width: 300px
}

#desktopmenu .dropdown-menu.columns-2 {
    min-width: 800px
}

#desktopmenu .dropdown-menu.columns-3 {
    min-width: 800px
}

#desktopmenu .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
    font-size: 12px
}

#desktopmenu .multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px
}

#desktopmenu .multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}

#desktopmenu .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #999
}

@media(max-width: 767px) {
    #desktopmenu .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden
    }
}

@media only screen and (max-width: 1024px) {
    .topbar .header-stocksearch-bar {
        min-width: 245px
    }
    .exo-menu li a {
        padding: 5px 3px;
        font-size: 12px
    }
    .topbar .btn-outline-success {
        padding: 3px 5px;
        font-size: 1rem
    }
    footer ul li {
        min-width: auto
    }
    footer ul li .footer-email {
        overflow-wrap: anywhere
    }
}

@media only screen and (min-width: 1023px) {
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom a {
        padding: 5px 4px;
        font-size: 12px
    }
}

@media only screen and (max-width: 990px) {
    .topbar #stocksearch-icon {
        margin-left: 0px !important;
        margin-top: -10px !important
    }
    .sticky-festive-offer-tag,
    .sticky-add .ribbon {
        display: none
    }
    #navigation-bar .sticky-add a {
        font-size: 1rem;
        height: auto
    }
}

@media only screen and (max-width: 823px) {
    .topbar .btn-outline-success,
    .topbar .btn-outline-danger {
        font-size: 1rem;
        padding: 6px 8px
    }
    .exo-menu li a {
        padding: 5px 2px;
        font-size: 12px
    }
    .footer-btn .bg-theme,
    .footer-btn #comppeersearch #addtowatchlist button,
    #comppeersearch #addtowatchlist .footer-btn button {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 768px) {
    .active-page {
        padding: 0 4px
    }
    .top-bar-desk .top-bar-link {
        font-size: 12px
    }
    .topbar #stocksearch-icon {
        margin-top: -10px
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li a {
        font-weight: 400
    }
    .exo-menu li a {
        font-size: .9rem
    }
    .smallsearch {
        margin-top: 16px !important;
        width: 100% !important
    }
    .res-width {
        width: 92%
    }
    .topbar .btn-outline-success,
    .topbar .btn-outline-danger {
        font-size: 1rem
    }
    .topbar .btn-outline-success,
    .topbar .btn-outline-danger {
        padding: 6px 8px
    }
    .letter {
        display: none !important
    }
    .footer-btn .btn-outline-secondary,
    .footer-btn .bg-theme,
    .footer-btn #comppeersearch #addtowatchlist button,
    #comppeersearch #addtowatchlist .footer-btn button,
    .footer-btn .btn-outline-secondary:hover {
        font-size: 1rem;
        font-weight: 500;
        padding: 10px;
        width: 100%
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li {
        display: none
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li a {
        padding: 5px
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom li .header-icon {
        margin-right: 0px;
        max-width: 20px
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom.display {
        display: block;
        float: right
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom.display li {
        display: block
    }
    ul.exo-menu.navbar.navbar-light.bg-light.navbar-expand-lg.border-bottom.display li .mega-drop-down a:hover+.mega-menu {
        display: block !important
    }
    .navbar-nav .dropdown-menu {
        left: 0
    }
    .topbar #stocksearch-icon {
        margin-left: -10px
    }
}

@media only screen and (min-width: 767px) {
    .top-bar-desk .header-main-login .btn {
        padding: 4px 12px;
        width: 40%
    }
    .exo-menu>li>a {
        display: block
    }
    .mega-menu {
        position: absolute
    }
    li.drop-down>ul {
        position: absolute
    }
    .main-search {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    header {
        box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
    }
    header .dropdown-menu.bx-shd2.show .dropdown-item,
    header .my-acc .orders-pg .order-card .order-details .dropdown-menu.show.table .dropdown-item,
    .my-acc .orders-pg .order-card .order-details header .dropdown-menu.show.table .dropdown-item,
    header .my-acc .orders-pg select.dropdown-menu.show#status .dropdown-item,
    .my-acc .orders-pg header select.dropdown-menu.show#status .dropdown-item,
    header .my-acc table.dropdown-menu.show.table.table-responsive.table-hover .dropdown-item,
    .my-acc header table.dropdown-menu.show.table.table-responsive.table-hover .dropdown-item,
    header .my-acc .formcon select.dropdown-menu.show.select .dropdown-item,
    .my-acc .formcon header select.dropdown-menu.show.select .dropdown-item,
    header .my-acc .form-group select.dropdown-menu.show.select .dropdown-item,
    .my-acc .form-group header select.dropdown-menu.show.select .dropdown-item,
    header .my-acc .formcon input.dropdown-menu.show .dropdown-item,
    header .my-acc .formcon textarea.dropdown-menu.show.input-textarea .dropdown-item,
    .my-acc .formcon header input.dropdown-menu.show .dropdown-item,
    .my-acc .formcon header textarea.dropdown-menu.show.input-textarea .dropdown-item,
    header .my-acc .form-group input.dropdown-menu.show .dropdown-item,
    header .my-acc .form-group textarea.dropdown-menu.show.input-textarea .dropdown-item,
    .my-acc .form-group header input.dropdown-menu.show .dropdown-item,
    .my-acc .form-group header textarea.dropdown-menu.show.input-textarea .dropdown-item,
    header .my-acc .subscription-plans .dropdown-menu.show.card:hover .dropdown-item,
    .my-acc .subscription-plans header .dropdown-menu.show.card:hover .dropdown-item,
    header .compshortinfo .action-button.active~.dropdown-menu.show.actions .dropdown-item,
    header .compshortinfo .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions .dropdown-item,
    .nse-bse-indices .stock-indices header .compshortinfo a.action-button~.dropdown-menu.show.actions .dropdown-item,
    .compshortinfo header .action-button.active~.dropdown-menu.show.actions .dropdown-item,
    .compshortinfo header .nse-bse-indices .stock-indices a.action-button~.dropdown-menu.show.actions .dropdown-item,
    .nse-bse-indices .stock-indices .compshortinfo header a.action-button~.dropdown-menu.show.actions .dropdown-item,
    header .dropdown-menu.show.sqr-good .dropdown-item,
    header #managementassessment span.dropdown-menu.show.green .dropdown-item,
    header #managementassessment .mutual-fund span.dropdown-menu.show.grey .dropdown-item,
    .mutual-fund header #managementassessment span.dropdown-menu.show.grey .dropdown-item,
    #managementassessment header span.dropdown-menu.show.green .dropdown-item,
    #managementassessment header .mutual-fund span.dropdown-menu.show.grey .dropdown-item,
    .mutual-fund #managementassessment header span.dropdown-menu.show.grey .dropdown-item,
    header .dropdown-menu.show.sqr-na .dropdown-item,
    header #managementassessment span.dropdown-menu.show.gray .dropdown-item,
    #managementassessment header span.dropdown-menu.show.gray .dropdown-item,
    header .dropdown-menu.show.sqr-bad .dropdown-item,
    header #managementassessment span.dropdown-menu.show.red .dropdown-item,
    #managementassessment header span.dropdown-menu.show.red .dropdown-item,
    header .dropdown-menu.show.sqr-avg .dropdown-item,
    header #managementassessment span.dropdown-menu.show.orange .dropdown-item,
    #managementassessment header span.dropdown-menu.show.orange .dropdown-item,
    header .dropdown-menu.show.xray-good-clr .dropdown-item,
    header .dropdown-menu.show.xray-avg-clr .dropdown-item,
    header .dropdown-menu.show.xray-bad-clr .dropdown-item,
    header .dropdown-menu.show.xray-na-clr .dropdown-item,
    header .nav-news .dropdown-menu.show.card .dropdown-item,
    .nav-news header .dropdown-menu.show.card .dropdown-item,
    header .dropdown-menu.show.hover-card:hover .dropdown-item,
    header .decision-pg .dropdown-menu.show.dropdown-content .dropdown-item,
    .decision-pg header .dropdown-menu.show.dropdown-content .dropdown-item,
    header .mob-buttons li a.dropdown-menu.show .dropdown-item,
    .mob-buttons li header a.dropdown-menu.show .dropdown-item,
    header .listCompany table tr td.stick .dropdown .dropdown-menu.show.dropdown-toggle .dropdown-item,
    .listCompany table tr td.stick .dropdown header .dropdown-menu.show.dropdown-toggle .dropdown-item {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
    .decizen-colorCode-popup {
        max-width: 315px
    }
}

@media only screen and (max-width: 425px) {
    .mw4me-navbar-input {
        font-size: 1rem
    }
    .full-width-search .srch-btn {
        height: auto;
        padding: 5px
    }
    .social .btn-danger {
        padding: 10px !important;
        font-size: 1.1rem !important
    }
    #trending-stocks .comp-name-ellipses {
        width: 53%
    }
    #trending-stocks .color-span {
        min-width: 85px;
        height: 16px
    }
}

@media only screen and (max-width: 375px) {
    .full-width-search .mw4me-navbar-input {
        font-size: 1rem
    }
    .full-width-search .srch-btn {
        padding: 5px
    }
    .full-width-search .mic-btn {
        right: 34px !important
    }
    .social .btn-danger {
        padding: 6px 10px !important;
        font-size: .9rem !important
    }
    .footer-btn .btn-outline-secondary,
    .footer-btn .bg-theme,
    .footer-btn #comppeersearch #addtowatchlist button,
    #comppeersearch #addtowatchlist .footer-btn button {
        height: max-content;
        padding: 5px 8px
    }
    .footer-email {
        font-size: 13px
    }
}

@media only screen and (max-width: 320px) {
    .paginationControl a,
    .paginationControl span,
    .report-paginationControl a,
    .report-paginationControl span {
        font-size: .9rem !important;
        padding: 0 8px
    }
    .text-wrap {
        inline-size: 208px !important;
        overflow-wrap: break-word
    }
    .full-width-search .mw4me-navbar-input {
        font-size: .8rem;
        padding: 7px 10px !important
    }
    footer ul li a {
        font-size: 12px !important
    }
}

.ui-menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    min-width: 1px
}

.sticky1 {
    position: fixed;
    top: 0px !important
}

.text-wrap {
    inline-size: 177px;
    overflow-wrap: break-word
}

.ui-autocomplete li.ui-menu-item a {
    color: #3e4248;
    font-weight: 700
}

.ui-widget-content {
    cursor: pointer;
    background: #fff !important;
    border-radius: 10px !important
}

input.tab-search-f3,
.my-acc .formcon textarea.tab-search-f3.input-textarea,
.my-acc .form-group textarea.tab-search-f3.input-textarea {
    margin: 9px 0px !important;
    text-decoration: none;
    font-family: Arial, helvetica, sans-serif;
    font-size: 18px;
    background: rgba(0, 0, 0, 0) repeat scroll 0 0 #0a7bb7;
    border: medium none;
    cursor: pointer;
    display: block;
    padding: 4px 15px;
    float: right;
    margin: 8px 64px;
    position: relative;
    color: #fff
}

.list-group-flush .list-group-item a {
    color: #3e4248;
    font-weight: 700
}

.list-group-item a.text-info {
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .exo-menu .d-md-none.d-lg-block {
        display: contents !important
    }
}

@media(max-width: 767px) {
    header {
        overflow: auto
    }
    .top-bar-desk {
        display: none !important
    }
    .exo-menu {
        width: 100%;
        max-height: 95vh;
        overflow-y: auto;
        overflow-x: hidden
    }
    .exo-menu>li {
        transform: translateX(-100%);
        width: 100%
    }
    .exo-menu>li>a {
        width: 100%;
        display: none;
        padding: 15px
    }
    .exo-menu li.resp-login {
        transform: translateX(100%)
    }
    .exo-menu.display {
        min-height: 100vh;
        align-content: baseline
    }
    .exo-menu.display>li {
        transition: transform .5s ease;
        transform: translateX(0%);
        left: 0;
        margin: 0px 10px
    }
    .exo-menu.display>li>a {
        display: flex;
        padding: 8px 15px !important;
        align-items: center;
        font-size: 1rem
    }
    .exo-menu.display li.resp-login {
        transition: transform .5s ease;
        transform: translateX(0%);
        left: 0;
        z-index: -1
    }
    .exo-menu.display .mega-menu {
        position: relative;
        top: 0px;
        padding-top: 0px;
        background: #f8f9fa;
        border-radius: 0 0 20px 20px;
        border-top: none
    }
    li.drop-down>ul {
        position: relative
    }
    .resp-logo {
        min-width: 35px;
        max-width: 145px !important
    }
    .mega-menu-wrap {
        display: none
    }
    .mega-menu-wrap.pd-10.display {
        display: block;
        max-height: 250px;
        overflow-y: scroll;
        overflow-x: hidden
    }
    .exo-menu.display>.resp-login {
        display: block !important
    }
    #autocomplete-list .search-sugegstion-list ul {
        border-right: none !important
    }
}

.cross:before {
    content: "✕";
    font-family: FontAwesome;
    margin-top: -10px
}

.active1 i.fa-angle-right:before {
    content: ""
}

.exo-menu>.fa-angle-right:before {
    content: "";
    margin-left: 10px;
    color: #1eaf6d
}

.mw4me-navbar-input {
    background: #fff
}

.bottom-banner .social-panel-container {
    position: fixed;
    right: 0;
    bottom: 80px;
    transform: translateX(100%);
    transition: transform .4s ease-in-out;
    width: 98%;
    z-index: 999
}

.bottom-banner .social-panel-container .close-btn {
    position: absolute;
    top: 10px;
    right: 20px
}

.bottom-banner .social-panel-container.visible {
    transform: translateX(-10px)
}

.bottom-banner .social-panel {
    background-color: #f4f4f4;
    border-radius: 16px;
    box-shadow: rgba(0, 114, 255, .1) 0px 8px 24px, rgba(17, 17, 26, .1) 0px 16px 56px, rgba(17, 17, 26, .1) 0px 24px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 140px;
    width: 68%;
    max-width: calc(100% - 10px);
    margin-bottom: 6%
}

@media only screen and (max-width: 768px) {
    .bottom-banner .social-panel {
        height: 170px;
        width: 90%;
        margin-bottom: 15%
    }
    .bottom-banner .social-panel-container {
        width: 95%
    }
}

.bottom-banner .social-panel button.close-btn {
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 12px
}

.bottom-banner .social-panel button.close-btn:focus {
    outline: none
}

.bottom-banner .social-panel p {
    background-color: #1eaf6d;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 2px 17px 2px;
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    text-align: center;
    width: 250px
}

.bottom-banner .social-panel p i {
    margin: 0 5px
}

.bottom-banner .social-panel p a {
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none
}

.bottom-banner .social-panel ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.bottom-banner .social-panel ul li {
    margin: 0 10px
}

.bottom-banner .social-panel ul li a {
    border: 1px solid #dce1f2;
    border-radius: 50%;
    color: #001f61;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    text-decoration: none
}

.bottom-banner .floating-btn {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #65d675;
    box-shadow: 0 16px 22px -17px #03153b;
    color: #65d675;
    cursor: pointer;
    font-size: 18px;
    width: 47px;
    height: 47px;
    position: fixed;
    bottom: 12%;
    right: 20px;
    z-index: 999;
    display: flex;
    justify-content: center
}

.bottom-banner .floating-btn .fa-bell {
    vertical-align: bottom;
    margin-top: 14px
}

.bottom-banner .floating-btn-active {
    background-color: #65d675 !important;
    color: #fff
}

.bottom-banner .floating-btn:focus {
    outline: none
}

.blur-bg {
    filter: blur(2px)
}

@media only screen and (max-width: 390px) {
    .footer-email {
        font-size: 11px !important
    }
}

.paginationControl .prev-pg,
.paginationControl .next-pg,
.paginationControl .pagination {
    font-size: 1.2rem
}

.prev-pg,
.next-pg {
    background: rgba(0, 0, 0, 0) !important;
    color: #6c6c6c
}

.active-page {
    padding: 0 5px;
    background-color: #1eaf6d;
    border-radius: 50%;
    margin-left: 6px;
    color: #fff;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    min-width: 21px;
    margin-right: 6px;
    min-height: 21px;
    text-align: center;
    font-size: 1.2rem
}

#decizen-search-box {
    min-height: 35px;
    padding-left: 32px;
    border: 1px solid #1eaf6d;
    box-shadow: rgba(136, 165, 191, .48) 1px 0px 10px 1px, rgba(255, 255, 255, .8) 0px 0px 16px 1px
}

#decizen-search-box-mf {
    min-height: 35px;
    padding-left: 32px;
    border: 1px solid #1eaf6d;
    box-shadow: rgba(136, 165, 191, .48) 1px 0px 10px 1px, rgba(255, 255, 255, .8) 0px 0px 16px 1px
}

.desktopMenu .main_menu {
    width: -webkit-fill-available;
    display: flex;
    justify-content: center
}

.desktopMenu .main_menu ul>li {
    display: inline-block;
    position: relative;
    margin: 0 0px;
    position: relative;
    list-style: none;
    padding-bottom: 0;
    width: inherit
}

.desktopMenu .main_menu ul>li a {
    font-size: 14px;
    color: #245049;
    padding: 6px 15px;
    display: block;
    font-weight: 600;
    cursor: pointer
}

@media(max-width: 1024px) {
    .desktopMenu .main_menu ul>li a {
        padding: 6px 15px
    }
}

.desktopMenu .main_menu ul>li .active,
.desktopMenu .main_menu ul>li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .desktopMenu .main_menu ul>li a {
    color: #1eaf6d
}

.desktopMenu .main_menu ul>li:hover>a {
    color: #1eaf6d;
    text-decoration: none
}

.desktopMenu .main_menu ul>li ul {
    padding: 15px;
    width: 200px;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, .75)
}

.desktopMenu .main_menu ul>li ul li a {
    padding: 10px 25px;
    font-size: 12px
}

.desktopMenu .main_menu ul>li ul li a i {
    float: right
}

.desktopMenu .main_menu ul>li ul li ul {
    left: 100%;
    top: 0
}

.desktopMenu .main_menu ul>li ul.sub_menu li {
    width: -webkit-fill-available
}

.desktopMenu .main_menu ul>li ul.sub_menu li a {
    padding: 8px 5px;
    font-size: 13px;
    font-weight: 600
}

.desktopMenu .main_menu ul>li ul.sub_menu li a:hover {
    background: #e3f1ec;
    color: #1eaf6d;
    text-decoration: none;
    border-radius: 2px
}

.desktopMenu .main_menu ul>li ul.sub_menu li a .menu-sub-heading {
    font-size: 12px;
    font-weight: 400;
    color: #245049 !important
}

.desktopMenu .main_menu ul>li .mega_menu_item {
    min-width: 250px
}

.desktopMenu .main_menu ul>li .mega_menu_item span.mega-title {
    margin-left: 0px
}

.desktopMenu .main_menu ul>li .mega_menu_item a {
    padding: 8px 5px;
    font-size: 1.1rem;
    font-weight: 600
}

.desktopMenu .main_menu ul>li .mega_menu_item a:hover {
    background: #e3f1ec;
    color: #1eaf6d;
    text-decoration: none;
    border-radius: 2px
}

.desktopMenu .main_menu ul>li .mega_menu_item a .menu-sub-heading {
    font-size: 1rem;
    font-weight: 400;
    color: #60607a !important
}

.desktopMenu .main_menu ul>li .mega_menu_item span.yt-video-lin {
    background: url("/images/common/icons/icon_YouTube_Stroke.svg");
    min-width: 25px;
    height: 25px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: cover
}

.desktopMenu .main_menu ul>li .mega_menu_item span.yt-video-lin a {
    padding-left: 20px
}

.desktopMenu .main_menu ul>li .more-menu a {
    font-weight: 400
}

@media(max-width: 769px) {
    .desktopMenu .main_menu .dropdown-arrow {
        width: 30% !important
    }
}

.desktopMenu .main_menu .menu-hot-btns a {
    display: inline-block;
    font-size: 13px !important;
    border: 1px solid #ddd;
    border-radius: 20px;
    margin: 3px 1.5px;
    padding: 2px 10px
}

.desktopMenu .mega_menu_dropdown {
    position: static !important
}

.desktopMenu .mega_menu {
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, .75)
}

.desktopMenu .mega_menu.big-menu {
    left: 0;
    right: 0;
    padding: 0 2%
}

.desktopMenu .mega_menu.sub_menu.small-menu {
    width: auto;
    right: auto;
    left: inherit
}

.desktopMenu .mega_menu_item {
    width: 25%
}

.desktopMenu .mega_menu_item h3 {
    margin-bottom: 15px
}

.desktopMenu .mega_menu_item img {
    width: 100%
}

.desktopMenu .mega_menu_item .sub-menu {
    margin-top: 0px;
    list-style: none;
    text-decoration: none;
    box-shadow: none;
    position: inherit;
    width: fit-content
}

.desktopMenu .mega_menu_item:not(:first-child)::after {
    position: absolute;
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background: linear-gradient(white 0%, #dadada 10%, #dadada 90%, white 100%);
    top: 0;
    margin-left: -20px
}

.desktopMenu .column-2 {
    width: 800px;
    display: flex
}

.desktopMenu .column-2 .mega_menu_item {
    width: 50%;
    padding: 15px 20px
}

.desktopMenu .column-3>.mega_menu_item {
    width: 33.3%;
    padding: 15px 20px
}

.desktopMenu .mega_menu_demo_2 .mega_menu {
    left: 50%;
    transform: translateX(-50%)
}

.desktopMenu .header-icon {
    min-width: 35px;
    margin-right: 15px;
    height: 26px
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    .desktopMenu .mega_menu_demo_2 .mega_menu {
        width: 940px
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    .desktopMenu .mega_menu_demo_2 .mega_menu {
        max-width: 700px
    }
    .desktopMenu .main_menu ul li .mega_menu_item {
        min-width: 175px
    }
    .desktopMenu .main_menu ul li a {
        font-size: 11.5px;
        padding: 2px 5px
    }
    .desktopMenu .main_menu ul li ul {
        width: 150px
    }
}

@media(min-width: 768px) {
    .desktopMenu .main_menu ul li ul {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        margin-top: 50px
    }
    .desktopMenu .main_menu ul li .mega_menu {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        margin-top: 50px
    }
    .desktopMenu .main_menu ul li:hover>ul {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        z-index: 99;
        min-width: 250px
    }
    .desktopMenu .main_menu ul li:hover>.mega_menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        z-index: 99
    }
}

@media(max-width: 767.98px) {
    .desktopMenu .mega_menu_demo_2 .mega_menu {
        width: 100%;
        transform: translateX(0)
    }
    .desktopMenu .container {
        width: 100%
    }
    .desktopMenu .main_menu {
        display: none;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(93vh - 85px);
        border-top: 1px solid #d3f1d3
    }
    .desktopMenu .main_menu ul li {
        display: block
    }
    .desktopMenu .main_menu ul li a {
        border-bottom: 1px solid #ddd
    }
    .desktopMenu .main_menu ul li a i {
        float: right
    }
    .desktopMenu .main_menu ul li ul.sub-menu {
        display: block
    }
    .desktopMenu .main_menu ul li .mega_menu {
        display: none;
        transition: none
    }
    .desktopMenu .mega_menu .mega_menu_item {
        width: 50%
    }
    .desktopMenu .mega_menu .mega_menu_item span.yt-video-lin {
        background: url("/images/common/icons/icon_YouTube_Stroke.svg");
        min-width: 25px;
        height: 25px;
        margin-top: 4px;
        background-repeat: no-repeat;
        background-size: cover
    }
    .desktopMenu .mega_menu .mega_menu_item span.yt-video-lin a {
        padding-left: 20px
    }
}

@media(max-width: 575.98px) {
    .desktopMenu .mobile_btn {
        font-size: 16px
    }
    .desktopMenu img.mob-logo {
        max-width: 150px !important
    }
    .desktopMenu #mobile_search_icon i {
        color: #245049
    }
    .desktopMenu .login-dropdown {
        top: 80px !important;
        transform: translate3d(-80px, 60px, 0px)
    }
    .desktopMenu .login-dropdown a.font-12rem {
        font-size: 13px !important;
        padding: 4px .5rem !important
    }
    .desktopMenu .login-dropdown.take-to-top {
        top: 85px !important
    }
    .desktopMenu .after-login {
        transform: translate3d(-115px, 30px, 0px);
        top: 65px !important;
        left: 0px;
        width: 185px
    }
    .desktopMenu .after-login a.font-12rem {
        font-size: 13px !important;
        padding: 4px .5rem !important
    }
    .desktopMenu nav {
        padding: 5px !important
    }
    .desktopMenu .header-icon {
        min-width: 20px;
        margin-right: 10px;
        height: 20px
    }
    .desktopMenu .main_menu ul li .mega_menu {
        padding: 10px 0px
    }
    .desktopMenu .main_menu ul li .mega_menu .mega_menu_item {
        width: 100%;
        padding: 5px 10px;
        padding-bottom: 0px;
        min-width: auto
    }
    .desktopMenu .main_menu ul li .mega_menu .mega_menu_item a {
        font-size: 14px !important;
        padding: 5px;
        font-weight: 400;
        width: -webkit-fill-available
    }
    .desktopMenu .main_menu ul li .mega_menu .mega_menu_item::after {
        position: absolute;
        content: " ";
        display: none
    }
    .desktopMenu .main_menu ul li .sub_menu.column-2 .mega_menu_item {
        width: 50%
    }
    .desktopMenu .main_menu ul li .mega_menu.big-menu {
        padding: 0 0 20px
    }
    .desktopMenu .main_menu ul li a {
        font-size: 14px !important
    }
    .desktopMenu .main_menu ul li ul.sub_menu {
        display: none;
        width: auto;
        padding: 10px !important;
        padding-left: 20px !important
    }
    .desktopMenu .main_menu ul li ul.sub_menu li a {
        font-size: 14px !important;
        font-weight: 400
    }
    .desktopMenu #navbar-list-4 {
        display: block
    }
}

#secondary-menu .desktopMenu ul li a {
    font-size: 13px
}

@media(max-width: 767px) {
    .omega-header .after-login {
        width: 185px
    }
}

* {
    scroll-behavior: smooth
}

html {
    font-size: 13px
}

.new-loader {
    width: 50px;
    height: 50px
}

.main-container {
    max-width: 1300px
}

.text-align-right {
    text-align: right
}

.a-none {
    text-decoration: none;
    color: inherit
}

.position-a {
    position: absolute
}

.list-style-none {
    list-style: none
}

.ytb-hover-icon {
    width: 40px;
    z-index: 1
}

.news-card {
    height: 100% !important;
    max-height: 100px
}

.card-light {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 15px;
    border-radius: 10px
}

.news-title-ellipses {
    font-size: 1.1rem;
    margin-top: -5px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.news-summary-ellipses {
    font-size: 1rem;
    font-weight: 400;
    margin-top: -5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.news-summary-ellipses p {
    font-size: 1rem;
    font-weight: 400
}

.notes-img {
    width: 22px;
    height: 22px
}

.track-links a {
    font-size: 1rem;
    font-weight: 400;
    color: #0361a8;
    display: inline-block !important;
    margin-bottom: 5px !important
}

.hr-gradient {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}

.mt-100 {
    margin-top: 100px
}

.txt-wht {
    color: #fff
}

.over-x {
    overflow-x: auto
}

.no-pd {
    padding: 0
}

.br-20,
.decision-maker-section .analy-note,
.fltr-tbl {
    border-radius: 20px
}

.br-t-20 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.br-10 {
    border-radius: 10px !important
}

.br-0 {
    border-radius: 0px !important
}

.br-0_25 {
    border-radius: .25rem !important
}

.p-20 {
    padding: 20px
}

.pd-10 {
    padding: 10px
}

.pl--17 {
    padding-left: 17px
}

.w-500 {
    width: 500px
}

.min-ht-410 {
    min-height: 410px
}

.min-ht-46 {
    min-height: 46px
}

.min-ht-27 {
    min-height: 27px
}

.min-ht-84 {
    min-height: 84px
}

.min-ht-65 {
    min-height: 65px
}

.min-ht-15 {
    min-height: 15px
}

.min-ht-90 {
    min-height: 90px
}

.min-ht-100 {
    min-height: 100%
}

.min-ht-100px {
    min-height: 100px
}

.min-ht-13r {
    min-height: 13rem
}

.min-ht-280 {
    min-height: 280px
}

.margin-left-none {
    margin: 0px !important
}

.testimonial-card {
    background: #fff;
    border: 1px solid #b5964d;
    border-radius: 33px;
    box-shadow: 2px 3px 10px #d3d3d3;
    min-height: 300px;
    padding: 0 15px
}

ul[id*=ui-id-] {
    width: min-content;
    max-width: min-content;
    min-width: 20vw
}

.text-ellipse {
    white-space: nowrap;
    width: 262px;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-ul-none,
.text-ul-none:hover {
    color: #000;
    text-decoration: none
}

.opacity-05 {
    opacity: .5
}

a[data-target="#lightbox"] {
    cursor: zoom-in
}

.best-value .best-value-card {
    position: absolute;
    margin-bottom: 30px;
    background-size: cover;
    text-transform: uppercase;
    color: #fff;
    right: 0px;
    left: auto
}

.best-value .best-value-text {
    position: absolute;
    top: -6.1px;
    right: 10px
}

.best-value .best-value-text:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 53px solid rgba(0, 0, 0, 0);
    border-right: 53px solid rgba(0, 0, 0, 0)
}

.best-value .best-value-text span {
    position: relative;
    display: block;
    text-align: center;
    background: #f8463f;
    font-size: 11px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    width: 90px
}

.best-value .best-value-text span:before,
.best-value .best-value-text span:after {
    position: absolute;
    content: ""
}

.best-value .best-value-text span:before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0;
    background: #f8463f
}

.best-value .best-value-text span:after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0;
    border-radius: 8px 8px 0 0;
    background: #c02031
}

#lightbox .modal-dialog {
    min-width: 80% !important
}

#lightbox .modal-dialog .close {
    opacity: 1;
    color: #fff !important;
    background-color: #333 !important;
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid #fff;
    position: absolute;
    top: -10px;
    right: -31px;
    z-index: 1032
}

#lightbox .modal-dialog .modal-content {
    display: inline-block;
    text-align: center
}

#lightbox .modal-dialog .modal-content img {
    height: auto !important
}

.breadcrumb li.breadcrumb-item {
    font-size: 1rem;
    padding-bottom: 0px
}

#place-order-btn,
#execute-trade {
    display: none
}

#nav-breadcrumb {
    font-size: 1.2rem;
    padding: 5px 0px
}

#nav-breadcrumb a {
    color: #3e4248;
    font-weight: 500
}

.mt--3 {
    margin-top: -3rem
}

.mt--8 {
    margin-top: -8rem
}

.mt--30 {
    margin-top: -30rem
}

.paginationControl-div span {
    padding: 0 5px;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    font-size: 1rem;
    line-height: 2.5rem;
    font-weight: bold
}

.paginationControl-div span .active-page {
    margin: 0px !important;
    background-color: #1eaf6d;
    border-radius: 50%;
    margin-left: 0px;
    color: #fff;
    margin-right: 0px;
    text-align: center;
    line-height: 1.75rem;
    min-width: 20px
}

a.pagination {
    color: #3e4248;
    font-weight: 400
}

.border-top-left-radius-10 {
    border-top-left-radius: 10px
}

.border-bottom-left-radius-10 {
    border-bottom-left-radius: 10px
}

.border-top-right-radius-10 {
    border-top-right-radius: 10px
}

.border-bottom-right-radius-10 {
    border-bottom-right-radius: 10px
}

.border-gray {
    border: 1px solid #d9e2ef
}

@media only screen and (max-width: 280px) {
    .testimonial-card {
        height: 500px
    }
}

@media only screen and (max-width: 768px) {
    .best-value .best-value-text {
        top: 0px
    }
    .sm-d-revert {
        display: revert !important
    }
    .mt-100 {
        margin-top: 120px !important
    }
    #lightbox .modal-dialog {
        top: 25%;
        margin: 0 auto
    }
    .sm-ml-0 {
        margin-left: 0px !important
    }
    .sm-ml-1 {
        margin-left: 1rem !important
    }
    .sm-ml-23 {
        margin-left: 2.3rem !important
    }
    .sm-mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .min-ht-50 {
        min-height: 50%
    }
    .min-ht-47 {
        min-height: 47%
    }
    .min-ht-48 {
        min-height: 48px
    }
    .core-how {
        padding: 2px !important;
        min-width: 29px !important;
        position: absolute;
        margin-left: 0px !important;
        font-size: 17px !important
    }
    .sm-mt-0 {
        margin-top: 0px !important
    }
    .sm-mb-0 {
        margin-bottom: 0px !important
    }
}

.min-ht-47 {
    min-height: 47%
}

.min-ht-48 {
    min-height: 48px
}

.min-ht-127 {
    min-height: 127px !important
}

.core-how {
    padding: 2px !important;
    min-width: 29px !important;
    position: absolute;
    margin-left: 0px !important;
    font-size: 17px !important
}

.sm-mt-0 {
    margin-top: 0px !important
}

.sm-mb-0 {
    margin-bottom: 0px !important
}

.ul-mt {
    margin-top: -19px
}

.right {
    float: right
}

.text-decoration-none {
    text-decoration: none
}

.testi-content p.font-12rem {
    min-height: 175px
}

.customer-name {
    min-height: 40px
}

.border-top {
    border-top: 1px solid #f4f4f4
}

.border-right-dark {
    border-right: 1px solid #bcbcbc !important
}

.border-bottom-dark {
    border-bottom: 1px solid #bcbcbc !important
}

.border-outline-dark {
    border: 1px solid #bcbcbc !important
}

.mt--13 {
    margin-top: -13px
}

.mt--2 {
    margin-top: -2rem
}

.ml-10 {
    margin-left: 10rem
}

.ml-1 {
    margin-left: 1px !important
}

.ml--1px {
    margin-left: -1px
}

.ml-9 {
    margin-left: 9rem !important
}

.ml-4 {
    margin-left: 4rem
}

.ml--24px {
    margin-left: -24px
}

.line-height-15 {
    line-height: 1.5
}

.line-height-18,
.FAQ .panel-body p,
.FAQ .panel-body {
    line-height: 1.8
}

.line-height {
    line-height: 2.5rem
}

.line-height-2 {
    line-height: 2rem
}

.w-h-26 {
    width: 26px;
    height: 24px
}

.card-link-ptr {
    cursor: pointer
}

.customer-carousel .carousel-item.active,
.customer-carousel .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .customer-carousel a.carousel-item,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    transition: transform .6s ease
}

.carousel-item.active,
.nse-bse-indices .stock-indices a.carousel-item,
.carousel-item-next,
.carousel-item-prev {
    display: flex;
    transition: transform .6s ease
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1
}

.carousel-control-prev-icon {
    background-image: url(/images/payment/carousel-leftarrow.png) !important
}

.carousel-control-next-icon {
    background-image: url(/images/payment/carousel-rightarrow.png) !important;
    margin-left: 5px;
    margin-top: 4px;
    width: 15px !important
}

.fa-ul {
    list-style-type: none;
    margin-left: 1.1em;
    padding-left: 0
}

.panel-head {
    width: 100%;
    padding: 5px 10px 5px 5px;
    border-radius: 0;
    color: #000 !important;
    font-weight: 500;
    justify-content: space-between;
    display: flex
}

.panel-head .toggle-btn {
    margin-bottom: 0px
}

#superstarSolutionPopup .modal-lg {
    max-width: 1200px
}

#superstarSolutionPopup .gray-card-light {
    padding: 15px
}

#superstarSolutionPopup .gray-card-light:hover {
    border: 1px solid #1eaf6d
}

.FAQ .panel-head h3 {
    font-size: 1.4rem;
    color: #000 !important;
    font-weight: 400
}

.FAQ .panel-body {
    font-size: 1.2rem;
    border-bottom: 1px solid #9bdea8;
    text-align: justify
}

.FAQ .panel-body p {
    font-size: 1.2rem;
    text-align: justify
}

.collapse-icon {
    width: 20px;
    margin-top: 5px;
    height: 1rem
}

.pd-3 {
    padding: 3rem
}

.pd-2 {
    padding: 2rem
}

.mt-6 {
    margin-top: 6rem !important
}

.mb-6 {
    margin-bottom: 6rem !important
}

.mt-8 {
    margin-top: 8rem !important
}

.customer-image {
    justify-content: center;
    margin-top: 6px
}

.carousel-item.testimonailcarousel {
    padding-top: 5px
}

p.font-size12.res-mb-4.text-green {
    min-height: 40px !important
}

.testi-content {
    min-height: 120px;
    font-style: italic
}

.carousel-indicators {
    z-index: 0
}

.fa-circle {
    font-size: 6px;
    color: #3f9401;
    margin-left: -6px
}

ul.subscribe-fa li .fa-circle {
    font-size: 6px;
    color: #3f9401;
    margin-left: -6px;
    position: relative;
    top: -4px;
    left: -4px
}

.green-ul li {
    list-style: none !important
}

.green-ul li i.fa-circle {
    color: #1eaf6d;
    font-size: 8px;
    margin-top: 6px;
    position: absolute;
    margin-left: -15px
}

.bg-gray,
.decision-maker-section .card {
    background-color: #f4f4f4 !important
}

.price-save-stamp {
    font-size: 15px;
    position: absolute;
    background: url(/images/saved-stamp.png) no-repeat;
    top: 0px;
    width: auto;
    right: 1px;
    margin-left: 60px;
    line-height: 17px;
    padding: 15px 15px 22px 19px;
    background-size: contain;
    text-align: center;
    color: #fff
}

.panel-heading img.img-info.collapsed {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(0deg);
    transform: rotate(180deg);
    display: inline-block
}

.panel-heading img.img-info.collapsed-1 img.img-info.collapsed {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(0deg);
    transform: rotate(180deg);
    display: inline-block
}

.panel-heading-1 img.collapse-icon.collapsed {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(0deg);
    transform: rotate(180deg);
    display: inline-block
}

.card-box {
    position: relative;
    margin-bottom: 20px;
    padding-top: 30px
}

.card-box-image {
    text-align: center;
    margin-top: -98px
}

.card-box .customer-image {
    height: 130px;
    display: block;
    margin: 0 auto;
    padding-top: 5px
}

.card-wht,
.card-gry {
    background: #fff none repeat scroll 0% 0% !important;
    box-shadow: 0px 1px 3px #c4c4c4;
    margin-bottom: 12px;
    padding: 24px;
    border-radius: 10px;
    height: 100%;
    border: none
}

.card-gry {
    background: #f4f4f4
}

#features-content .card {
    width: 80%;
    min-height: 7%;
    background: #fff none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px #c4c4c4;
    margin-bottom: 30px
}

#what-and-why .card {
    width: 80%
}

.ask-card {
    background: #fff none repeat scroll 0% 0%;
    margin-bottom: 30px
}

.btn-rnd {
    border-radius: 50px !important;
    font-size: inherit
}

.btn,
.btn-danger {
    cursor: pointer !important
}

.ht-btn-rw {
    padding: 20px
}

.stock-ticker-container {
    width: 100%;
    margin: 0px auto 0 auto;
    position: relative;
    clear: both;
    height: 27px
}

.stock-ticker-container a {
    color: #369
}

.stock-ticker {
    width: 100%;
    padding: 10px 0;
    float: left;
    list-style-type: none
}

.stock-ticker li {
    font-size: 12px;
    color: #333;
    float: left;
    margin-right: 10px
}

.stock-ticker li span {
    font-size: 11px
}

.stock-ticker li.greenticker span {
    color: #1eaf6d
}

.stock-ticker li.greenticker img {
    height: 14px;
    width: 10px;
    background-position: -2px -28px;
    vertical-align: middle
}

.stock-ticker li.redticker span {
    color: #f27070
}

.stock-ticker li.redticker img {
    height: 14px;
    width: 10px;
    background-position: -13px -31px;
    vertical-align: middle;
    margin-right: 15px
}

.tickercontainer {
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    float: left
}

.tickercontainer .mask {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    top: 8px;
    height: 20px;
    overflow: hidden;
    width: 100%;
    float: left
}

ul.newsticker {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    position: relative;
    margin-left: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.newsticker li {
    float: left;
    margin: 0;
    padding-right: 15px
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #f27070;
    font: bold 10px Verdana;
    margin: 0 50px 0 0
}

ul.newsticker span {
    margin: 0 2px 0 0
}

.sprite {
    background-image: url(/images/payment/payment-sprite.png);
    background-repeat: no-repeat
}

.ytb-video::after {
    background-image: url(/images/solutions/youtube-vidoe-layer.png);
    background-repeat: no-repeat;
    background-size: 90% 100%;
    background-position-x: center;
    position: absolute;
    top: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    left: 0
}

@media only screen and (max-width: 768px) {
    #superstarSolutionPopup .carousel-control-prev {
        left: -2% !important
    }
    #superstarSolutionPopup .carousel-control-next {
        right: 0% !important
    }
    .flip-card .font-14rem {
        font-size: .9rem !important
    }
}

@media only screen and (max-width: 1024px) {
    .class-apart .min-ht-90 {
        min-height: 112px
    }
}

.fltr-pg-form label {
    margin-bottom: 8px;
    margin-top: 5px
}

.fltr-pg-form .form-control {
    border: 1px solid #73dd82;
    border-radius: 12px
}

.xray-good,
.very-good,
.very-good-gold-star,
.ht-btn-rw .btn-success,
.ht-btn-rw .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .ht-btn-rw .btn-read-next,
.ht-btn-rw .watchlist .view-modal .btn-danger,
.watchlist .view-modal .ht-btn-rw .btn-danger,
.ht-btn-rw .watchlist .trigger .btn-outline-danger,
.watchlist .trigger .ht-btn-rw .btn-outline-danger,
.xray-bad,
.not-good,
.xray-avg,
.somewhat-good {
    background: #1eaf6d;
    padding: 5px 8px;
    color: #fff;
    border-radius: 10px;
    display: block;
    width: 175px;
    font-size: 14px;
    text-align: center;
    user-select: none;
    display: inline-block;
    margin-left: 5px
}

span.xray-good:before,
span.very-good:before,
span.very-good-gold-star:before,
.ht-btn-rw span.btn-success:before,
.ht-btn-rw .page-wrapper .page-content span.btn-read-next:before,
.page-wrapper .page-content .ht-btn-rw span.btn-read-next:before,
.ht-btn-rw .watchlist .view-modal span.btn-danger:before,
.watchlist .view-modal .ht-btn-rw span.btn-danger:before,
.ht-btn-rw .watchlist .trigger span.btn-outline-danger:before,
.watchlist .trigger .ht-btn-rw span.btn-outline-danger:before,
span.xray-bad:before,
span.not-good:before,
span.xray-avg:before,
span.somewhat-good:before {
    content: "Very Good"
}

.xray-avg,
.somewhat-good {
    background: #dc9935
}

span.xray-avg:before,
span.somewhat-good:before {
    content: "Somewhat Good"
}

.xray-bad,
.not-good {
    background: #f27070
}

span.xray-bad:before,
span.not-good:before {
    content: "Not Good"
}

.xray-na,
.decision-maker-section .card .na {
    padding: 4px 10px;
    border-radius: 10px;
    display: block;
    width: 175px;
    font-size: 14px;
    text-align: center;
    border: 1px solid;
    display: inline-block;
    margin-left: 5px
}

span.xray-na:before,
.decision-maker-section .card span.na:before {
    content: "N/A"
}

.quality-color .right-fund-color,
.quality-color span,
.quality-color .performance-color span,
.performance-color .quality-color span,
.quality-color .green,
.quality-color .mutual-fund .grey,
.mutual-fund .quality-color .grey,
.quality-color .orange,
.quality-color .red,
.performance-color .right-fund-color,
.performance-color span,
.performance-color .green,
.performance-color .mutual-fund .grey,
.mutual-fund .performance-color .grey,
.performance-color .orange,
.performance-color .red {
    padding: 3px 8px;
    color: #fff;
    border-radius: 10px;
    display: block;
    width: 127px;
    font-size: 13px;
    text-align: center;
    user-select: none;
    display: inline-block;
    margin-left: 5px;
    background: #f27070
}

.quality-color .red:before,
.performance-color .red:before {
    content: "Not Good"
}

.quality-color .orange,
.performance-color .orange {
    background: #dc9935
}

.quality-color .orange:before,
.performance-color .orange:before {
    content: "Somewhat Good"
}

.quality-color .green,
.quality-color .mutual-fund .grey,
.mutual-fund .quality-color .grey,
.quality-color .mutual-fund .red,
.mutual-fund .quality-color .red,
.quality-color .mutual-fund .orange,
.mutual-fund .quality-color .orange,
.performance-color .green,
.performance-color .mutual-fund .grey,
.mutual-fund .performance-color .grey,
.performance-color .mutual-fund .red,
.mutual-fund .performance-color .red,
.performance-color .mutual-fund .orange,
.mutual-fund .performance-color .orange {
    background: #1eaf6d
}

.quality-color .green:before,
.quality-color .mutual-fund .grey:before,
.mutual-fund .quality-color .grey:before,
.quality-color .mutual-fund .red:before,
.mutual-fund .quality-color .red:before,
.quality-color .mutual-fund .orange:before,
.mutual-fund .quality-color .orange:before,
.performance-color .green:before,
.performance-color .mutual-fund .grey:before,
.mutual-fund .performance-color .grey:before,
.performance-color .mutual-fund .red:before,
.mutual-fund .performance-color .red:before,
.performance-color .mutual-fund .orange:before,
.mutual-fund .performance-color .orange:before {
    content: "Very Good"
}

.quality-color span:before,
.performance-color span:before {
    content: "N/A"
}

.quality-color span,
.performance-color span {
    background: #c4c4c4
}

.disabled-div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .3
}

.future-disabled-img,
.diff-mrp-img {
    position: relative;
    opacity: .3
}

.futr-fltr span.mo-tooltip2,
.diff-mrp span.mrp-tooltip2 {
    position: absolute;
    font-size: 12px;
    left: 6%;
    top: 40%;
    background: #fff;
    color: #000;
    padding: 10px 9px;
    border-radius: 5px;
    border: 1px solid;
    text-align: center
}

.diff-mrp .radiobtn[type=checkbox] {
    margin-right: 5px
}

table thead .bg-thead-clr {
    background: #93e3a0
}

#right ul,
#right ol {
    font-size: 1.2rem;
    margin-left: 1%
}

#right ul li,
#right ol li {
    margin-bottom: .5rem
}

ol,
ul {
    padding-left: 15px
}

ol li,
ul li {
    font-size: 1.2rem;
    padding-left: 0px;
    padding-bottom: .5rem;
    line-height: 1.8rem
}

#ui-id-1 {
    padding-left: 0px
}

ul.nav-pills li.nav-item,
ul.nav-pills li.nav-items {
    padding-left: 0px;
    padding-bottom: 0px
}

.list-hot-blue {
    background: #3f3f72;
    margin: 3px 3px;
    color: #fff;
    border-radius: 10px;
    padding: 4px 20px;
    font-size: 1rem
}

.list-hot-blue:hover {
    background: #fff;
    border: 1px solid #3f3f72
}

@media only screen and (max-width: 480px) {
    #features-content {
        padding: 0 !important
    }
    .education {
        height: auto;
        padding: 0 15px
    }
    .hiden-sm {
        display: none !important
    }
}

.mt-100 {
    margin-top: 100px;
    padding-bottom: 50px
}

.mt-200 {
    margin-top: 200px
}

.brdr-rt:after {
    position: absolute;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
    top: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .sm-ol-center {
        text-align: center;
        list-style-position: inside
    }
    .brdr-rt {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 3px;
        border-top: 0px;
        padding-bottom: 35px;
        border-style: solid;
        border-image: linear-gradient(to left bottom, #fff, #dadada);
        border-image-slice: 1;
        margin-bottom: 35px
    }
    .brdr-rt:after {
        background: none !important
    }
}

@media only screen and (max-width: 768px) {
    .sm-pd-0 {
        padding: 0px !important
    }
    .sm-p-1 {
        padding: .25rem !important
    }
    .sm-pd-3 {
        padding: 3rem !important
    }
    .sm-pd-10 {
        padding: 10px !important
    }
    .sm-px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .sm-w-100 {
        width: 100% !important
    }
    .sm-w-50 {
        width: 50% !important
    }
    .sm-w-25 {
        width: 25% !important
    }
    .sm-w-73 {
        width: 73% !important
    }
    .margin-left9 {
        margin-left: 9% !important
    }
    .responsive-center {
        text-align: center !important
    }
    .sm-btn {
        width: 100%
    }
    .sm-btn-75 {
        width: 75%
    }
    .sm-mt-0 {
        margin: 0px !important
    }
    .sm-mt-1 {
        margin-top: 1rem !important
    }
    .sm-mt-2 {
        margin-top: 2rem !important
    }
    .sm-mt-5 {
        margin-top: 5rem !important
    }
    .sm-mt-3 {
        margin-top: 3rem !important
    }
    .sm-mt--1 {
        margin-top: -1rem !important
    }
    .sm-mt--2 {
        margin-top: -2rem !important
    }
    .sm-mt--5 {
        margin-top: -5rem !important
    }
    .sm-mb-1 {
        margin-bottom: 1px !important
    }
    .sm-mb-5 {
        margin-bottom: 5rem !important
    }
    .sm-mb--2 {
        margin-bottom: -2rem !important
    }
    .sm-mb-2 {
        margin-bottom: 2rem !important
    }
    .sm-mb-4 {
        margin-bottom: 4rem
    }
    .sm-mb-14 {
        margin-bottom: 1.4rem
    }
    .sm-pb-5 {
        padding-bottom: 3rem !important
    }
    .res-pb-6 {
        padding-bottom: 6rem !important
    }
    .sm-position-a {
        position: absolute
    }
    .margin-top .btn-white {
        margin-left: 1px
    }
    .res-justify-center {
        justify-content: center
    }
    .carousel-item.active,
    .nse-bse-indices .stock-indices a.carousel-item,
    .carousel-item-next,
    .carousel-item-prev {
        display: flex;
        transition: transform .6s ease
    }
    .carousel-item-new.active,
    .nse-bse-indices .stock-indices a.carousel-item-new,
    .carousel-item-new-next,
    .carousel-item-new-prev {
        display: flex;
        transition: transform .6s ease
    }
    .customer-carousel .carousel-item.active,
    .customer-carousel .nse-bse-indices .stock-indices a.carousel-item,
    .nse-bse-indices .stock-indices .customer-carousel a.carousel-item,
    .carousel-item-next,
    .carousel-item-prev {
        display: flex;
        transition: transform .6s ease
    }
    .card-padding {
        min-height: 60px;
        max-width: 100%
    }
    .list-ic.vertical li::before {
        top: -36px;
        left: 13px;
        width: -1.8em;
        height: 4em
    }
    .test-content p {
        min-height: 150px
    }
    .table-w-80 {
        width: 80%;
        margin: auto
    }
    .btn {
        white-space: inherit
    }
    .btn-theme {
        border: 1px #1eaf6d
    }
    .mt-60 {
        margin-top: -87px
    }
    .mt-34 {
        margin-top: -62px
    }
    .res-mt-33 {
        margin-top: -33px
    }
    .gray-card,
    .fltr-tbl {
        padding: 24px 24px 24px 24px
    }
    .panel-head {
        padding: 8px 8px 8px 5px
    }
    .collapse-icon {
        width: 20px;
        margin-top: 5px;
        align-self: center;
        margin-left: 10px;
        height: 1rem
    }
    .testi-content {
        padding: 10px !important
    }
    .d-none-imp {
        display: none !important
    }
    .mob-frame {
        background-image: url(/images/pro-solution/outer-box-video-mob.png) !important;
        background-repeat: no-repeat !important;
        padding: 80px 40px !important;
        height: 100% !important;
        margin-top: -50px !important;
        background-position: center;
        margin-bottom: 30px !important;
        padding-bottom: 0 !important;
        left: 2%;
        position: relative
    }
    .white-card {
        background: #fff none repeat scroll 0% 0% !important;
        padding: 48px 31px !important
    }
    .what-do-you-get #features-content .card {
        width: 80%;
        background: #fff none repeat scroll 0% 0%;
        box-shadow: 0px 1px 3px #c4c4c4;
        margin-bottom: 30px
    }
    #features-content .card-body {
        padding: 1.25rem
    }
    .card {
        width: 100% !important;
        overflow: hidden;
        display: flex
    }
    .carousel-arrow-left {
        left: -13px !important
    }
    .carousel-arrow-right {
        right: -18px !important
    }
    .card-wht,
    .card-gry {
        background: #f4f4f4 none repeat scroll 0% 0% !important;
        padding: 35px 26px 35px 26px !important
    }
    .bg-gray-none {
        background: #fff
    }
    .btn-danger-small {
        padding: 15px 35px 15px 36px !important
    }
    .mt--10 {
        margin-top: -10px
    }
    .mx-5-none {
        margin-left: 13px !important;
        margin-right: 0px !important
    }
    .line-height15 {
        line-height: 1.5
    }
    .sm-text-start {
        text-align: start !important
    }
    .carousel-indicators li {
        width: 8px !important;
        height: 8px !important;
        top: 10px !important;
        background: #c4c4c4;
        border-radius: 50%
    }
    .carousel-indicators li :active {
        width: 8px !important;
        height: 8px !important;
        top: 10px !important;
        background-color: #3f9401
    }
    #what-and-why .card {
        width: 100%;
        min-height: 212px
    }
    .performance-of-core-stocks .carousel-indicators .active,
    .performance-of-core-stocks .carousel-indicators .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices .performance-of-core-stocks .carousel-indicators a {
        background-color: #3f9401
    }
}

@media only screen and (max-width: 375px) {
    .omega .flip-card .font-14rem {
        font-size: .8rem
    }
}

@media only screen and (max-width: 360px) {
    .omega .flip-card .font-14rem {
        font-size: .8rem
    }
}

@media only screen and (max-width: 320px) {
    .omega .flip-card .font-14rem {
        font-size: .8rem
    }
    .btn-danger-small {
        padding: .25rem .5rem !important
    }
}

@media only screen and (max-width: 280px) {
    .omega .flip-card .font-14rem {
        font-size: .7rem
    }
    .btn-danger-large,
    #superstars-plan .btn-secondary-large {
        height: auto !important
    }
}

.visiblediv {
    display: block;
    transition: opacity .2s, visibility .5s
}

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.side-nav a.list-group-item {
    border: none;
    border-bottom: 1px solid #c4c4c4;
    padding: .5rem 1rem
}

.side-nav a.list-group-item.active,
.side-nav .nse-bse-indices .stock-indices a.list-group-item,
.nse-bse-indices .stock-indices .side-nav a.list-group-item,
.side-nav li.list-group.select a,
.side-nav a.left-navi-select {
    color: #132a26 !important;
    background: #fff;
    border-bottom: 2px solid #b5964d
}

.calculator.side-nav-col {
    background: #fff;
    border-radius: 5px;
    border: none
}

.calculator.side-nav-col .side-nav a.list-group-item {
    border: none;
    border-bottom: 1px solid #c4c4c4;
    padding: .5rem 1rem;
    background: none
}

.calculator.side-nav-col .side-nav a.list-group-item.active,
.calculator.side-nav-col .side-nav .nse-bse-indices .stock-indices a.list-group-item,
.nse-bse-indices .stock-indices .calculator.side-nav-col .side-nav a.list-group-item,
.calculator.side-nav-col .side-nav a.left-navi-select {
    color: #245049;
    border-bottom: 2px solid #b5964d
}

#accordion-nav .toggle-btn {
    margin-bottom: 0rem
}

#accordion-nav .arrow-open-close {
    margin: 0;
    height: 0px
}

.fa-twitter {
    color: #428bca
}

.form .form-input {
    background: #fff;
    border: 1px solid #dde0ec;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 1.2rem;
    height: 32px;
    width: inherit;
    border: 1px solid #d9e2ef
}

.customer-testimonial-img {
    max-width: 80px;
    width: 80px;
    max-height: 80px;
    border-radius: 50%
}

.testimonial-data p {
    font-size: 1.2rem
}

.curved-scroll-div::-webkit-scrollbar {
    width: 5px;
    height: 7px
}

.curved-scroll-div::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

.curved-scroll-div::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #fff;
    border-radius: 5px
}

.curved-scroll-div::-webkit-scrollbar-thumb:hover {
    background: #525965
}

.curved-scroll-div::-webkit-scrollbar-thumb:active {
    background: #525965
}

.curved-scroll-div::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border: 0px none #fff;
    border-radius: 5px;
    background: #eae9e9
}

.curved-scroll-div::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.custom-range-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #b5964d;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.custom-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #245049;
    cursor: pointer
}

.custom-range-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #245049;
    cursor: pointer
}

span.text-cursor-animation {
    position: relative;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 4px;
    overflow: hidden;
    background: linear-gradient(90deg, #1eaf6d, #5c8673, #1eaf6d);
    background-repeat: no-repeat;
    background-size: 85%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

@keyframes animate {
    0% {
        background-position: -500%
    }
    100% {
        background-position: 500%
    }
}

#animate-text {
    background-image: linear-gradient(-225deg, #1C7F50 0%, #1EAF6D 29%, #73DD82 67%, #D0FACE 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    animation: textclip 4s linear infinite;
    display: inline-block
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.reveal {
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    transition: .5s all ease
}

.reveal.active,
.nse-bse-indices .stock-indices a.reveal {
    transform: translateY(0);
    opacity: 1
}

.thumbnail {
    width: auto;
    cursor: zoom-in
}

.lightbox {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9
}

.lightbox img {
    max-width: 100%
}

.lightbox .close {
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
    font-size: 24px;
    cursor: pointer
}

.strong-darkblue strong {
    color: #3f3f72
}

.lightbox>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5%;
    box-sizing: border-box
}

#zoom {
    width: 100%;
    transform-origin: 0px 0px;
    transform: scale(1) translate(0px, 0px);
    cursor: zoom-in
}

div#zoom>img {
    width: 75%;
    height: auto
}

#qrcode .modal-content {
    background-color: rgba(0, 0, 0, 0)
}

#qrcode .close {
    position: absolute;
    right: 9px;
    top: 92px;
    padding: 0 6px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    color: rgba(0, 0, 0, 0);
    font-size: 33px
}

.alphacasecta .col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center
}

.alphacasecta h3.secondary-heading {
    font-size: 1.5rem;
    margin-bottom: 0rem
}

.alphacasecta h3 {
    margin-bottom: 0rem
}

.alphacasecta .btn.bg-theme,
.alphacasecta #comppeersearch #addtowatchlist button.btn,
#comppeersearch #addtowatchlist .alphacasecta button.btn {
    max-width: 225px;
    font-size: 1rem;
    margin-left: 5px;
    margin-right: 5px;
    height: fit-content
}

@media only screen and (max-width: 425px) {
    .alphacasecta .col-md-12 {
        display: block
    }
    .alphacasecta h3.secondary-heading {
        font-size: 1rem
    }
    .alphacasecta h3 {
        font-size: 1.2rem
    }
    .alphacasecta .btn.bg-theme,
    .alphacasecta #comppeersearch #addtowatchlist button.btn,
    #comppeersearch #addtowatchlist .alphacasecta button.btn {
        display: block;
        max-width: fit-content;
        margin: 5px auto;
        font-size: .8rem
    }
    .testimonial-card {
        min-height: 350px
    }
}

.mw4me-homepage #our-solutions .flag {
    height: 16.5%
}

#our-solutions .base-img {
    position: relative;
    height: 100%;
    background: url("/images/common/Our-Solutions-Infographics.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%
}

#our-solutions .flag {
    cursor: pointer;
    position: absolute;
    width: 15%;
    height: 13%;
    background-size: contain;
    background-repeat: no-repeat;
    background: rgba(127, 255, 212, 0);
    border-radius: 5px;
    -webkit-animation: glowing1 3s ease-in-out infinite alternate;
    -moz-animation: glowing1 3s ease-in-out infinite alternate;
    animation: glowing1 3s ease-in-out infinite alternate
}

#our-solutions .flag1 {
    top: 62%;
    left: 17%;
    width: 18%;
    background: rgba(41, 146, 197, .1803921569)
}

#our-solutions .flag2 {
    top: 46%;
    left: 38%;
    width: 21%;
    background: rgba(15, 167, 152, .2705882353)
}

#our-solutions .flag3 {
    top: 29%;
    left: 55%;
    background: rgba(50, 186, 110, .3607843137)
}

@-webkit-keyframes glowing1 {
    from {
        box-shadow: none
    }
    to {
        box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
        background: rgba(0, 0, 0, 0)
    }
}

@media only screen and (max-width: 525px) {
    #our-solutions .flag {
        height: 9% !important
    }
    #our-solutions .flag1 {
        top: 56%;
        left: 12%
    }
    #our-solutions .flag2 {
        top: 42.5%;
        left: 37.5%
    }
    #our-solutions .flag3 {
        top: 27%;
        left: 59%
    }
    #our-solutions .popover-content p {
        font-size: .8rem !important
    }
    #our-solutions .popover-content {
        width: 150px !important;
        left: 0% !important
    }
}

#our-solutions .popover-content {
    display: none;
    position: absolute;
    font-size: 1rem;
    background-color: #d1f4f5;
    padding: 10px 15px;
    border-radius: 10px;
    z-index: 111;
    width: 250px
}

#our-solutions .popover-content:hover {
    display: none !important
}

#our-solutions .popover-item:hover .popover-content {
    display: block
}

#our-solutions .popover-content h1 {
    font-size: 20px
}

.text-link {
    cursor: pointer
}

.tablesorter-default .tablesorter-header {
    padding: 4px 4px 4px 15px !important;
    min-width: 90px
}

.best-stock .paginationControl .active-page {
    width: auto
}

@media only screen and (max-width: 525px) {
    table .offer-link {
        display: flex
    }
}

.search-box #searchtext {
    padding-left: 30px !important
}

.search-box .searh-icon {
    position: absolute;
    margin-left: 12px;
    margin-top: 5px;
    color: #aaa;
    z-index: 2
}

.search-box ul {
    padding-left: 0px;
    min-width: 350px;
    border-radius: 15px;
    height: auto
}

body .ui-autocomplete {
    z-index: 9999;
    padding-left: 0px
}

.ac_results ul {
    padding-left: 0
}

.ui-helper-hidden-accessible {
    display: none !important
}

.indices-section .indice-row {
    padding-bottom: 5px;
    padding-top: 5px
}

.indices-section .indice-row:last-child {
    border-bottom: none
}

.indices-section .indice-row span {
    margin: 2px;
    font-size: 12px
}

.indices-section .hidden-list {
    display: none
}

.gtco-testimonials {
    position: relative;
    margin-top: 30px
}

.gtco-testimonials h2 {
    font-size: 30px;
    text-align: center;
    color: #333;
    margin-bottom: 50px
}

.gtco-testimonials .owl-stage-outer {
    padding: 30px 0
}

.gtco-testimonials .owl-nav {
    display: none
}

.gtco-testimonials .owl-dots {
    text-align: center
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #01b0f8;
    margin: 0 5px
}

.gtco-testimonials .owl-dots .active,
.gtco-testimonials .owl-dots .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .gtco-testimonials .owl-dots a {
    box-shadow: none
}

.gtco-testimonials .owl-dots .active span,
.gtco-testimonials .owl-dots .nse-bse-indices .stock-indices a span,
.nse-bse-indices .stock-indices .gtco-testimonials .owl-dots a span {
    background: #01b0f8;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px
}

.gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0
}

.gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px
}

.gtco-testimonials .card h5 {
    color: #01b0f8;
    font-size: 21px;
    line-height: 1.3
}

.gtco-testimonials .card h5 span {
    font-size: 18px;
    color: #666
}

.gtco-testimonials .card p {
    font-size: 18px;
    color: #555;
    padding-bottom: 15px
}

.gtco-testimonials .active,
.gtco-testimonials .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .gtco-testimonials a {
    opacity: .5;
    transition: all .3s
}

.gtco-testimonials .center {
    opacity: 1
}

.gtco-testimonials .center h5 {
    font-size: 24px
}

.gtco-testimonials .center h5 span {
    font-size: 20px
}

.gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px
}

@media(max-width: 767px) {
    .gtco-testimonials {
        margin-top: 20px
    }
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    outline: 0
}

.owl-carousel button.owl-dot {
    outline: 0
}

.owl-carousel button.owl-next.disabled,
.owl-carousel button.owl-prev.disabled {
    opacity: .5
}

.transparent-close {
    padding: 0px 10px;
    background-color: rgba(16, 16, 16, .5490196078);
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -37px;
    top: -20px;
    border-radius: 50%;
    color: #666564;
    font-size: 25px
}

@media(max-width: 767px) {
    .transparent-close {
        right: 0px;
        top: 0px;
        z-index: 1
    }
}

.animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient(-25deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    color: #fff;
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    animation: textclip 2s linear infinite;
    display: inline-block
}

@keyframes textclip {
    to {
        background-position: 20% center
    }
}

.max-lmt {
    max-width: 1440px
}

.hover-pointer:hover {
    cursor: pointer
}

.ytb-video-wht-thumb::after {
    background-image: url(/images/common/youtube-vidoe-white-layer.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    position: absolute;
    top: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    left: 0
}

.tr-90 {
    transform: rotate(90deg)
}

.heartBeat {
    animation: hearbeat 1.75s linear infinite
}

@keyframes hearbeat {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.25)
    }
    35% {
        transform: scale(1)
    }
    45% {
        transform: scale(1.25)
    }
    55% {
        transform: scale(1)
    }
}

.skeleton-loader {
    position: relative;
    overflow: hidden;
    background-color: #e9ecef;
    border-radius: 4px
}

.skeleton-loader::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
    animation: shimmer 2s infinite;
    content: ""
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.skeleton-w-25 {
    width: 25%
}

.skeleton-w-50 {
    width: 50%
}

.skeleton-w-75 {
    width: 75%
}

.skeleton-w-100 {
    width: 100%
}

.skeleton-w-auto {
    width: auto
}

.skeleton-h-xs {
    height: 8px
}

.skeleton-h-sm {
    height: 12px
}

.skeleton-h-md {
    height: 16px
}

.skeleton-h-lg {
    height: 24px
}

.skeleton-h-xl {
    height: 32px
}

.skeleton-h-xxl {
    height: 60px
}

.skeleton-h-xxxl {
    height: 75px
}

.skeleton-h-100 {
    height: 100px
}

.skeleton-h-120 {
    height: 120px
}

.skeleton-h-125 {
    height: 125px
}

.skeleton-h-150 {
    height: 150px
}

.skeleton-h-200 {
    height: 200px
}

.skeleton-h-250 {
    height: 250px
}

.skeleton-h-260 {
    height: 260px
}

.skeleton-h-285 {
    height: 285px
}

.skeleton-h-300 {
    height: 300px
}

.skeleton-h-350 {
    height: 350px
}

.skeleton-h-400 {
    height: 400px
}

.skeleton-m-1 {
    margin: .25rem
}

.skeleton-m-2 {
    margin: .5rem
}

.skeleton-m-3 {
    margin: 1rem
}

.skeleton-m-4 {
    margin: 1.5rem
}

.skeleton-m-5 {
    margin: 3rem
}

.skeleton-my-1 {
    margin: .25rem 0
}

.skeleton-my-2 {
    margin: .5rem 0
}

.skeleton-my-3 {
    margin: 1rem 0
}

.skeleton-my-4 {
    margin: 0 1.5rem
}

.skeleton-my-5 {
    margin: 0 3rem
}

.skeleton-mx-1 {
    margin: 0 .25rem
}

.skeleton-mx-2 {
    margin: 0 .5rem
}

.skeleton-mx-3 {
    margin: 0 1rem
}

.skeleton-mx-4 {
    margin: 0 1.5rem
}

.skeleton-mx-5 {
    margin: 0 3rem
}

.skeleton-circle {
    border-radius: 50%;
    aspect-ratio: 1
}

.skeleton-rounded-sm {
    border-radius: 4px
}

.skeleton-rounded-md {
    border-radius: 6px
}

.skeleton-rounded-lg {
    border-radius: 8px
}

.skeleton-avatar-sm {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.skeleton-avatar-md {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.skeleton-avatar-lg {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.skeleton-text {
    height: 16px;
    margin: 6px 0
}

.skeleton-button {
    height: 36px;
    border-radius: 4px
}

.skeleton-flex {
    display: flex;
    gap: 8px;
    align-items: center
}

.skeleton-grid {
    display: grid;
    gap: 8px
}

.skeleton-grid-md-c3 {
    grid-template-columns: 1fr 1fr 1fr
}

@media(max-width: 768px) {
    .skeleton-w-md-50 {
        width: 50% !important
    }
    .skeleton-w-md-75 {
        width: 75% !important
    }
    .skeleton-w-md-100 {
        width: 100% !important
    }
    .skeleton-h-xl {
        height: 24px
    }
    .skeleton-h-md-125 {
        height: 125px
    }
    .skeleton-h-md-150 {
        height: 150px
    }
    .skeleton-h-md-400 {
        height: 400px
    }
    .skeleton-grid-sm-c3 {
        grid-template-columns: 1fr
    }
    .skeleton-h-md-400 {
        height: 400px
    }
}

@media(max-width: 480px) {
    .skeleton-w-sm-50 {
        width: 50%
    }
    .skeleton-w-sm-100 {
        width: 100%
    }
}

.card-shadow {
    box-shadow: 1px 2px 17px 2px #c4c4c4 !important;
    margin-bottom: 30px;
    border-radius: 28px !important
}

.banner-price {
    position: absolute;
    margin-top: -16.2%;
    color: #fff;
    font-weight: 900;
    left: 44%;
    font-size: 1.9rem
}

.price-logo {
    position: absolute;
    left: 48.2%;
    top: 69px
}

.class-apart {
    padding: 20px;
    background: #fff !important;
    border-radius: 20px;
    box-shadow: 1px 2px 17px 2px #c4c4c4 !important;
    border: none
}

.dotted-greencard {
    width: 46%;
    margin-top: -19px
}

.min-ht-90 {
    min-height: 90px
}

.card .box-padding {
    padding: 30px
}

.card .hr-color {
    background-color: #73dd82;
    border-width: 0;
    margin-top: 1rem;
    opacity: 1;
    width: 70px;
    height: 7px;
    border-radius: 40px
}

.card .pay-card {
    border-color: #3f9401;
    padding: 18px;
    border-radius: 17px
}

.card .pay-cardgreen {
    background: #1c7f50;
    padding: 18px;
    border-radius: 18px;
    color: #fff
}

.card .dotted-greenborder {
    box-shadow: none;
    border: dashed;
    border-width: 1.5px;
    border-color: #3f9401;
    border-radius: 35px;
    padding: 10px
}

.card .font-button {
    border-radius: 10px
}

.gray-card,
.fltr-tbl {
    background: #f4f4f4;
    padding: 20px;
    border-radius: 25px;
    box-shadow: 1px 2px 17px 2px #c4c4c4 !important
}

.gray-card-light {
    background: #f4f4f4;
    padding: 26px;
    border-radius: 9px;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important
}

.nav-pills .nav-link.active,
.nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-pills a.nav-link,
.nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #1eaf6d !important
}

.ellipse {
    width: 22px;
    align-self: flex-start
}

.img-icon {
    margin-top: -19px;
    position: relative;
    margin-right: 15px
}

.img-icon-3 {
    margin-top: -10px
}

.card-img {
    border-radius: 0 0 20px 20px !important
}

.btn-greenborder {
    width: 22%;
    border-radius: 36px !important;
    background: rgba(0, 0, 0, 0);
    border-color: #73dd82 !important;
    border-width: 2px;
    height: 3rem
}

.getting-started .card-wht,
.getting-started .card-gry {
    padding: 10px;
    box-shadow: rgba(50, 50, 93, .25) 0px 50px 100px -20px, rgba(0, 0, 0, .3) 0px 30px 60px -30px
}

.btn-red {
    width: 65%;
    border-radius: 36px !important;
    background: #f27070;
    color: #fff;
    font-size: 1rem;
    height: 3rem
}

.card-coresuperstar {
    background: #f4f4f4;
    padding: 35px;
    margin-top: 63px;
    border-radius: 25px;
    box-shadow: 2px 2px 12px 0px #f4f4f4
}

.card-coresuperstar .card-background {
    background: #f4f4f4
}

@media(max-width: 768px) {
    .banner-price {
        position: absolute;
        margin-top: -53.2%;
        color: #fff;
        font-weight: 900;
        left: 33%;
        font-size: 1.9rem
    }
    .price-logo {
        position: absolute;
        left: 44.9%;
        top: 83px
    }
    .card-img {
        border-radius: 0 0 20px 20px !important
    }
    .card .red-button {
        width: 90%;
        border-radius: 20px
    }
    .mr-5 {
        margin-right: 1rem !important
    }
    .newDesign .text-green {
        font-size: 2rem;
        font-weight: 600
    }
    .btn-red {
        width: 84%
    }
    .card .hr-color {
        background-color: #73dd82;
        border-width: 0;
        margin-top: 1rem;
        opacity: 1;
        width: 50px;
        height: 5px;
        border-radius: 40px
    }
    .installment-price-res {
        font-size: 15px !important
    }
}

.dotted {
    border: 2px dotted #1eaf6d;
    border-radius: 10px;
    background: #f4f4f4;
    box-shadow: none !important;
    padding: 19px;
    font-size: 18px
}

.member-font {
    font-weight: 700;
    font-size: 15px
}

.member-font-res {
    font-weight: 700;
    font-size: 13px
}

.member-font-14 {
    font-size: 13px
}

.nav-pills .nav-link {
    border: 1px solid #1eaf6d;
    color: #1eaf6d
}

@media only screen and (max-width: 768px) {
    .res-mt-2 {
        margin-top: 2rem
    }
}

p {
    font-size: 1.2rem
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-7 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.font-1rem,
.fs-1 {
    font-size: 1rem !important
}

.font-11rem {
    font-size: 1.1rem !important
}

.font-12rem,
.font-12 {
    font-size: 1.2rem !important
}

.font-13rem {
    font-size: 1.3rem
}

.font-14rem {
    font-size: 1.4rem
}

.font-15rem {
    font-size: 1.5rem
}

.font-16rem {
    font-size: 1.6rem
}

.font-17rem {
    font-size: 1.7rem
}

.font-18rem {
    font-size: 1.8rem
}

.font-22rem {
    font-size: 2.2rem;
    line-height: 1.2
}

.font-26rem {
    font-size: 2.6rem;
    line-height: 3rem
}

.font-28rem {
    font-size: 2.8rem;
    line-height: 1.4
}

.letter-spacing-2 {
    letter-spacing: 2px
}

small.fltr-by-tag {
    font-size: .8rem
}

.font-12px {
    font-size: 12px
}

.heading-primary {
    color: #245049
}

@media only screen and (max-width: 768px) {
    .font-14rem {
        font-size: 1.2rem !important;
        line-height: 1.5rem
    }
    .font-16rem {
        font-size: 1.4rem
    }
    .font-18rem {
        font-size: 1.6rem
    }
    .font-22rem {
        font-size: 2rem
    }
    .font-23rem {
        font-size: 2.3rem
    }
    .font-26rem {
        font-size: 2rem
    }
    .font-28rem {
        font-size: 2.4rem;
        line-height: 1.4
    }
    .sm-text-center {
        text-align: center !important
    }
}

@media only screen and (max-width: 425px) {
    h2 {
        font-size: 170% !important
    }
}

.fontbtn {
    border-radius: 10px
}

.learn-more-btn {
    border-radius: 50px;
    padding: 11px 35px 10px 36px
}

.watch-video-btn {
    border-radius: 50px
}

.btn-green {
    background: #1eaf6d !important;
    border: 1px solid #1eaf6d !important;
    border-radius: 20px;
    color: #fff !important
}

.btn-green:hover {
    background: #fff !important;
    color: #1eaf6d !important;
    border: 1px solid #1eaf6d
}

.btn-darkblue {
    background: #3f3f72;
    border: 1px solid #3f3f72;
    color: #fff !important;
    border-radius: 20px
}

.btn-darkblue:hover {
    background: #fff;
    border: 1px solid #3f3f72;
    color: #3f3f72 !important
}

.btn-yellow {
    background: #dc9935;
    border: 1px solid #dc9935;
    color: #fff !important;
    border-radius: 20px
}

.btn-yellow:hover {
    background: #fff;
    border: 1px solid #dc9935;
    color: #dc9935 !important
}

.btn-gray {
    background: #aaa;
    border: 1px solid #aaa;
    color: #fff;
    border-radius: 20px;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: baseline
}

.btn-gray:hover {
    background: #fff;
    border: 1px solid #aaa;
    color: #aaa !important;
    box-shadow: rgba(136, 165, 191, .48) 6px 2px 16px 0px, rgba(255, 255, 255, .8) -6px -2px 16px 0px;
    vertical-align: baseline
}

.btn-danger {
    background: #f27070;
    border: 1px solid #f27070;
    color: #fff !important
}

.btn-danger:hover {
    background: #fff !important;
    border: 1px solid #f27070 !important;
    color: #f27070 !important
}

.btn-white {
    background: #fff;
    margin-left: 20px;
    border: 1px solid #28a745
}

.youtube-icon-white {
    color: #fff
}

.btn {
    white-space: inherit !important
}

.btn-outline-success {
    border: 1px solid #1eaf6d !important;
    color: #1eaf6d
}

.btn-outline-success:hover {
    background-color: #1eaf6d
}

.btn-outline-darkblue {
    border: 1px solid #3f3f72 !important;
    color: #3f3f72
}

.btn-outline-darkblue:hover {
    background: #3f3f72 !important;
    color: #fff !important
}

.btn-danger-small {
    width: 90%;
    border-radius: 36px;
    background: #f27070;
    color: #fff;
    font-size: 1.2rem
}

.subscribe-btn-text {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none
}

.btn-danger-medium,
.btn-danger-large,
#superstars-plan .btn-secondary-large {
    height: 4rem;
    width: 55%;
    border-radius: 36px;
    background: #f27070;
    color: #fff;
    font-size: 1.4rem
}

.btn-danger-large,
#superstars-plan .btn-secondary-large {
    width: 80% !important
}

.btn-danger-medium a:hover,
.btn-danger-large a:hover,
#superstars-plan .btn-secondary-large a:hover {
    color: #fff;
    text-decoration: none
}

.omega .watch-video-btn {
    border-radius: 50px;
    font-size: 1.2rem
}

.alert-active {
    background-color: #245049;
    color: #fff !important
}

.alert-disabled {
    background-color: #c4c4c4 !important;
    border: #c4c4c4;
    color: #fff !important
}

@media only screen and (max-width: 768px) {
    .btn-danger-medium,
    .btn-danger-large,
    #superstars-plan .btn-secondary-large {
        height: 4rem;
        width: 55%;
        border-radius: 36px;
        background: #f27070;
        color: #fff;
        font-size: 1.4rem;
        width: 100% !important;
        font-size: 1.1rem
    }
    .learn-more-btn {
        padding: 8px 20px 10px 20px;
        height: 4rem;
        font-size: 1.3rem
    }
}

.card .button-greenborder,
.card .button-greenbg {
    padding: 15px;
    border-color: #1c7f50;
    background: #fff;
    border-radius: 16px;
    color: red;
    font-weight: 700;
    font-size: 20px
}

.card .button-greenbg {
    color: #fff;
    font-weight: 500
}

.card .red-button {
    height: 5rem;
    width: 30%;
    border-radius: 36px;
    background: #f27070;
    color: #fff;
    font-size: 1.4rem
}

@media only screen and (max-width: 320px) {
    .subscribe-btn-text {
        font-size: 1rem
    }
}

.sub-year-btn {
    background: #3f3f72 !important;
    color: #fff
}

.sub-year-btn::hover {
    color: #fff
}

.arrow-open-close {
    position: relative;
    width: 28px;
    height: 10px;
    cursor: pointer
}

.arrow-open-close:before,
.arrow-open-close:after {
    transition: .15s all ease-in-out;
    position: absolute;
    content: "";
    width: 45%;
    height: 2px;
    background: #6e6e6e;
    top: -13px;
    border-radius: 5px
}

.arrow-open-close:before {
    transform: rotate(218deg);
    left: -2px
}

.arrow-open-close:after {
    transform: rotate(-37deg);
    right: 8px
}

.toggle-btn {
    cursor: pointer;
    margin-bottom: 1em
}

.toggle-btn .arrow-open-close {
    float: right;
    margin: 7px -1px 0 0
}

.toggle-btn .toggle-wording {
    float: right;
    font-size: 1.2em;
    color: #6e6e6e;
    text-transform: uppercase
}

.toggle-btn.hide-toggle .arrow-open-close:before {
    transform: rotate(318deg);
    left: 1px
}

.toggle-btn.hide-toggle .arrow-open-close:after {
    transform: rotate(-322deg);
    right: 5px
}

.FAQ h5 {
    text-align: justify
}

.FAQ .arrow-open-close {
    position: relative;
    width: 20px;
    height: 10px;
    cursor: pointer;
    left: 10px
}

.FAQ .arrow-open-close:before,
.FAQ .arrow-open-close:after {
    transition: .15s all ease-in-out;
    position: absolute;
    content: "";
    width: 45%;
    height: 2px;
    background: #3f9401 !important;
    top: 32%;
    border-radius: 5px
}

.what-you-get .toggle-btn .arrow-open-close {
    top: 7px
}

table .sticky-header th {
    padding: 5px 10px
}

table tbody tr {
    border-bottom: 1px solid #dee2e6
}

table tbody tr td {
    font-size: 1rem;
    font-weight: 500;
    padding: 5px;
    border-bottom: 1px solid #efefef
}

table tbody tr td a {
    color: #1d2433
}

.table-w-80 {
    width: 80%;
    margin: auto;
    border-radius: 21px;
    overflow: hidden;
    background: #f4f4f4
}

.table-w-80 td {
    font-size: 22px;
    text-align: center;
    padding: 22px !important;
    color: #000
}

@media only screen and (max-width: 768px) {
    .table-w-80 td {
        font-size: 18px;
        text-align: center;
        padding: 22px !important;
        color: #000
    }
}

.table th,
.table td {
    border-top: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):active {
    color: #28a745;
    text-decoration: none
}

.fltr-tbl {
    padding: 5px !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .4784313725)
}

.fltr-tbl td {
    font-size: 1rem;
    padding: .75rem;
    white-space: nowrap;
    cursor: ew-resize !important
}

.fltr-tbl td.txt-l {
    text-align: left !important
}

.fltr-tbl th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2
}

.fltr-tbl thead th:first-child {
    z-index: 5
}

.fltr-tbl tr td:first-child {
    cursor: pointer !important
}

.fltr-tbl span.code-good,
.fltr-tbl .green,
.fltr-tbl .mutual-fund .grey,
.mutual-fund .fltr-tbl .grey,
.fltr-tbl .mutual-fund .red,
.mutual-fund .fltr-tbl .red,
.fltr-tbl .mutual-fund .orange,
.mutual-fund .fltr-tbl .orange {
    background: #1eaf6d !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0 7px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078)
}

.fltr-tbl span.code-avg,
.fltr-tbl .orange {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0 7px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078);
    background: #dc9935
}

.fltr-tbl span.code-bad,
.fltr-tbl .red {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0 7px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078);
    background: #f27070
}

.fltr-tbl span.code-na,
.fltr-tbl .no-analysis-icon-s {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0 7px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078);
    background: #c4c4c4
}

.fltr-tbl td.pos-chng,
.fltr-tbl span.color-green {
    color: #1eaf6d
}

.fltr-tbl td.neg-chng,
.fltr-tbl span.color-red {
    color: #f27070
}

.fltr-tbl .gray-card,
.fltr-tbl .fltr-tbl {
    padding: 24px
}

.fltr-tbl .stick {
    position: -webkit-sticky;
    position: sticky;
    background: #f2f2f2;
    white-space: nowrap;
    border-radius: 10px 0 0 10px;
    left: -1px
}

.fltr-tbl .stick span.box {
    margin-left: 5px
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    max-height: 80vh
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
    background: #f5f5f5
}

.table-scroll thead th,
.table-scroll .thead,
.table-scroll tfoot th {
    background: #f2f2f2;
    position: -webkit-sticky;
    position: sticky !important;
    top: 0;
    min-width: 104px !important;
    border-bottom: 2px Solid #fff
}

.table-scroll tfoot th {
    bottom: 0;
    border-top: 2px Solid #fff
}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    vertical-align: top
}

.table-scroll td {
    text-align: center
}

.circle-gray-round,
.plan-pg .na-icon-right-stocks,
.circle-orange-round,
.circle-Orange-round,
.circle-yellow-round,
.plan-pg .somewhat-good-icon-right-stocks,
.circle-Yellow-round,
.circle-red-round,
.plan-pg .not-good-icon-right-stocks,
.circle-Red-round,
.circle-green-round,
.plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .very-good-icon-right-stocks,
.circle-Green-round,
.circle--round {
    background: #c4c4c4;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    padding-top: 5px;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    text-align: center;
    padding-top: 1px;
    font-family: inherit !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078);
    line-height: 1.6;
    font-weight: 400
}

.circle-null-round {
    border: 1px solid #d3d3d3;
    background: #c4c4c4;
    color: #fff;
    border-radius: 50%;
    font-size: .8rem;
    display: inline-block;
    padding-top: 5px;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    text-align: center;
    padding-top: 1px;
    font-family: inherit !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    line-height: 1.7;
    font-weight: 400
}

.circle--round {
    line-height: 1.5 !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15)
}

.circle-green-round,
.plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .very-good-icon-right-stocks,
.circle-Green-round {
    background: #1eaf6d
}

.circle-red-round,
.plan-pg .not-good-icon-right-stocks,
.circle-Red-round {
    background: #f27070
}

.circle-yellow-round,
.plan-pg .somewhat-good-icon-right-stocks,
.circle-Yellow-round {
    background: #dc9935
}

.circle-orange-round,
.circle-Orange-round {
    background: #dc9935
}

.decizen-gray,
.decizen-,
.decizen-na,
.decizen-grey,
.decizen-false,
.decizen-green,
.decizen-yellow,
.decizen-orange,
.watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .decizen-red,
.decizen-red {
    background: #aaa;
    font-size: .8rem;
    line-height: 1.4rem;
    color: #fff;
    padding: 2px;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    padding: 2px;
    text-align: center;
    display: inline-block;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078)
}

.decizen-red {
    background: #f27070;
    cursor: pointer
}

.decizen-yellow,
.decizen-orange,
.watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .decizen-red {
    background: #dc9935;
    cursor: pointer
}

.decizen-orange,
.watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .decizen-red {
    background: #dc9935;
    cursor: pointer
}

.decizen-green {
    background: #1eaf6d;
    cursor: pointer
}

.ratingfreedm input,
.ratingfreedm .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .ratingfreedm textarea.input-textarea,
.ratingfreedm .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .ratingfreedm textarea.input-textarea {
    display: none
}

.goldRated {
    color: #c18020
}

.somewhatGoodRated {
    color: #dc9935
}

.notGoodRated {
    color: #f27070
}

.ratingfreedm,
.ratingfreedmquality {
    direction: rtl;
    unicode-bidi: bidi-override;
    color: #ddd
}

.ratingfreedm label,
.ratingfreedmquality label {
    margin-bottom: 0px
}

.ratingfreedm input:checked+label,
.ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .ratingfreedm textarea.input-textarea:checked+label,
.ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .ratingfreedm textarea.input-textarea:checked+label,
.ratingfreedm input:checked+label~label,
.ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .ratingfreedm textarea.input-textarea:checked+label~label,
.ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .ratingfreedm textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.ratingfreedmquality input:checked+label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality input:checked+label~label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label~label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.ratingfreedmquality input:checked+label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality input:checked+label~label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label~label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

@media only screen and (max-width: 768px) {
    .ratingfreedm {
        font-size: 10px
    }
    .circle-gray-round,
    .plan-pg .na-icon-right-stocks,
    .circle-green-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks,
    .circle-Green-round,
    .circle-red-round,
    .plan-pg .not-good-icon-right-stocks,
    .circle-Red-round,
    .circle-yellow-round,
    .plan-pg .somewhat-good-icon-right-stocks,
    .circle-Yellow-round,
    .circle-orange-round,
    .circle-Orange-round {
        padding-top: 0px;
        width: 19px;
        height: 20px;
        font-size: .8rem;
        line-height: 1.6rem
    }
    .list-table tr td .colorCode {
        display: contents
    }
}

@media only screen and (max-width: 425px) {
    .colorCode .div2 {
        display: flex
    }
    .ratingfreedm {
        font-size: 10px
    }
    .circle-gray-round,
    .plan-pg .na-icon-right-stocks,
    .circle-green-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks,
    .circle-Green-round,
    .circle-red-round,
    .plan-pg .not-good-icon-right-stocks,
    .circle-Red-round,
    .circle-yellow-round,
    .plan-pg .somewhat-good-icon-right-stocks,
    .circle-Yellow-round,
    .circle-orange-round,
    .circle-Orange-round {
        padding-top: 0px;
        width: 20px;
        height: 20px
    }
}

.checked {
    color: #1eaf6d
}

#superstars-plan .price-save-stamp {
    top: -15px;
    right: 15px
}

#superstars-plan .tab-btns .btn-outline-success {
    border-radius: 10px;
    color: #1eaf6d;
    border: 1px solid #1eaf6d
}

#superstars-plan .tab-btns .btn-outline-success:hover {
    border-radius: 10px;
    color: #1eaf6d;
    border: 1px solid #1eaf6d;
    background: #fff
}

#superstars-plan td:last-of-type {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

#superstars-plan td:first-of-type {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px
}

#superstars-plan .btn-danger-large,
#superstars-plan .btn-secondary-large {
    font-size: 1.25rem
}

#superstars-plan .tabs {
    display: none
}

#superstars-plan .text-green {
    color: #1c7f50 !important
}

#superstars-plan .text-danger {
    color: #f27070 !important
}

#superstars-plan .bg-none {
    background: none !important
}

#superstars-plan .sub-btn-green,
#superstars-plan .sub-btn-gray {
    border-radius: 50px;
    padding: 8px 15px;
    background: #1eaf6d;
    line-height: 1.9;
    margin-top: -67px !important;
    float: right;
    border: 0
}

#superstars-plan .sub-btn-gray {
    background-image: linear-gradient(to right top, #4e4e4e, #6b6b6b, #8a8a8a, #aaaaaa, #cbcbcb)
}

#superstars-plan .price-info,
#superstars-plan .price-info-small {
    color: #3f3f72;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.2
}

#superstars-plan .price-info-small {
    font-size: 1.4rem;
    font-weight: 400;
    margin-left: 7px
}

#superstars-plan tr th:first-child:after {
    background: none !important
}

#superstars-plan .sub-heading {
    font-size: 1.4rem !important;
    color: #1c7f50;
    font-weight: 600
}

#superstars-plan #table {
    width: 100%;
    text-align: left
}

#superstars-plan #table tr.sticky-head {
    position: sticky;
    z-index: 0;
    top: 80px !important;
    background: #fff
}

#superstars-plan #table tr {
    border-bottom: none
}

#superstars-plan #table th,
#superstars-plan #table td {
    color: #3f3f72;
    border-bottom: none !important;
    white-space: inherit !important
}

#superstars-plan #table tr td:after {
    position: absolute;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(white 0%, #dadada 10%, #dadada 90%, white 100%);
    top: 0
}

#superstars-plan #table tr td:first-child:after {
    background: none
}

#superstars-plan #table tr td:last-child,
#superstars-plan #table tr th:last-child {
    border-right: none
}

#superstars-plan #table th.table-heading {
    width: 5%
}

#superstars-plan #table .table-heading {
    color: #3f3f72;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.2 !important
}

#superstars-plan #table .tbl-left-heading {
    font-size: 1.2rem;
    color: #3f3f72;
    font-weight: 600;
    min-width: 125px
}

#superstars-plan #table th,
#superstars-plan #table td {
    padding: .5em 0;
    text-align: center;
    font-size: 1.2rem;
    color: #3f3f72;
    font-weight: 600
}

#superstars-plan #table th {
    background: #fff;
    color: #f1f1f1
}

#superstars-plan #table tr:nth-child(2n) td {
    background: #d7f1e5 !important
}

#superstars-plan .sub-btn1 {
    position: relative;
    float: right;
    margin-top: -50px
}

#superstars-plan .btn-danger-large,
#superstars-plan .btn-secondary-large {
    font-weight: 500;
    height: 3.2rem !important;
    font-size: 1.25rem !important
}

#superstars-plan .btn-secondary-large {
    background: #1eaf6d
}

#superstars-plan .form-bx-shd {
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, .24);
    padding: 22px;
    border-radius: 20px
}

#superstars-plan .hr-blue {
    background-color: #87ebee;
    border-width: 0;
    width: 70px;
    height: 7px;
    border-radius: 40px
}

#superstars-plan #superstars-plan .price-save-stamp {
    top: -18px;
    right: 1px;
    padding: 18px 13px 29px 18px;
    font-weight: 400;
    line-height: 14px
}

#superstars-plan .offer {
    font-size: 14px;
    color: #1c7f50;
    margin-top: 6px
}

#superstars-plan ul.timeline-ul {
    position: relative;
    margin-left: 25px;
    margin-top: 20px
}

#superstars-plan ul.timeline-ul:before {
    position: absolute;
    left: 0;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(white 0%, rgba(0, 128, 0, 0.2117647059) 10%, rgba(0, 128, 0, 0.2117647059) 90%, white 100%)
}

#superstars-plan ul.timeline-ul li {
    list-style: none;
    margin: 0 0 15px 25px
}

#superstars-plan ul.timeline-ul li span {
    left: -12px;
    margin: 0px;
    display: inline-block;
    font-weight: 800;
    width: 1.6em;
    height: 1.6em;
    text-align: center;
    line-height: 1.6em;
    border-radius: 1em;
    background: #28a745;
    color: #fff
}

#superstars-plan .what-you-get .res-block {
    font-weight: normal
}

@media only screen and (max-width: 915px) {
    #superstars-plan .price-save-stamp {
        top: -50px !important
    }
    #superstars-plan .btn-danger-large,
    #superstars-plan .btn-secondary-large {
        padding: 1px 0px;
        font-size: 1rem !important
    }
    #superstars-plan .btn-lg,
    #superstars-plan .btn-group-lg>.btn {
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    #superstars-plan .btn-danger-large,
    #superstars-plan .btn-secondary-large {
        font-size: 1.1rem;
        width: 100% !important
    }
    #superstars-plan .price-save-stamp {
        top: -20px;
        z-index: -1
    }
    #superstars-plan .hr-blue {
        width: 39px;
        height: 4px
    }
    #superstars-plan td:first-of-type {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px
    }
    #superstars-plan .sm-none {
        display: none
    }
    #superstars-plan .sm-pt-0 {
        padding-top: 0px !important
    }
    #superstars-plan .rating {
        float: right !important;
        width: 0px;
        margin-top: -76px;
        min-width: -webkit-fill-available !important
    }
    #superstars-plan .popover {
        max-width: 51% !important
    }
    #superstars-plan .tbl-left-heading {
        font-size: 1rem !important
    }
    #superstars-plan td {
        font-size: 1rem !important
    }
    #superstars-plan .tabs li:first-of-type a {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    #superstars-plan .tabs li:nth-of-type(3) a {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    #superstars-plan .tabs {
        display: flex;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        position: sticky;
        z-index: 1;
        top: 60px;
        background: #fff
    }
    #superstars-plan .tabs li {
        display: inline-block;
        margin-left: 1px
    }
    #superstars-plan .tabs li a {
        display: inline-block;
        line-height: 1.4;
        padding: 12px;
        color: #3f3f72;
        background: #f4f4f4;
        text-decoration: none;
        font-size: 1rem;
        font-weight: 600
    }
    #superstars-plan .tabs li a.active,
    #superstars-plan .tabs li .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices #superstars-plan .tabs li a {
        color: #fff;
        background: #1eaf6d;
        font-weight: 600
    }
    #superstars-plan #table {
        border-collapse: collapse;
        width: 100%;
        text-align: left
    }
    #superstars-plan #table th,
    #superstars-plan #table td {
        padding: .5em;
        border: 0
    }
    #superstars-plan #table th {
        background: #333;
        color: #f1f1f1
    }
    #superstars-plan #table td:after {
        background: none !important
    }
    #superstars-plan #table tr:nth-child(2n) td {
        background: #d7f1e5
    }
    #superstars-plan #table.url-action th,
    #superstars-plan #table.url-action td,
    #superstars-plan #table.category-action th,
    #superstars-plan #table.category-action td,
    #superstars-plan #table.popularity-action th,
    #superstars-plan #table.popularity-action td,
    #superstars-plan #table.visits-action th,
    #superstars-plan #table.visits-action td {
        display: none
    }
    #superstars-plan #table.url-action th,
    #superstars-plan #table.category-action th,
    #superstars-plan #table.popularity-action th,
    #superstars-plan #table.visits-action th {
        color: #333
    }
    #superstars-plan #table.url-action th:nth-child(1),
    #superstars-plan #table.category-action th:nth-child(1),
    #superstars-plan #table.popularity-action th:nth-child(1),
    #superstars-plan #table.visits-action th:nth-child(1) {
        color: #f1f1f1
    }
    #superstars-plan #table.url-action tr th:nth-child(1),
    #superstars-plan #table.url-action tr td:nth-child(1),
    #superstars-plan #table.category-action tr th:nth-child(1),
    #superstars-plan #table.category-action tr td:nth-child(1),
    #superstars-plan #table.popularity-action tr th:nth-child(1),
    #superstars-plan #table.popularity-action tr td:nth-child(1),
    #superstars-plan #table.visits-action tr th:nth-child(1),
    #superstars-plan #table.visits-action tr td:nth-child(1) {
        text-align: left;
        display: table-cell;
        width: 182px
    }
    #superstars-plan #table.url-action tr th:nth-child(2),
    #superstars-plan #table.url-action tr td:nth-child(2) {
        display: table-cell
    }
    #superstars-plan #table.category-action tr th:nth-child(3),
    #superstars-plan #table.category-action tr td:nth-child(3) {
        display: table-cell
    }
    #superstars-plan #table.popularity-action tr th:nth-child(4),
    #superstars-plan #table.popularity-action tr td:nth-child(4) {
        display: table-cell
    }
    #superstars-plan #table.visits-action tr th:nth-child(5),
    #superstars-plan #table.visits-action tr td:nth-child(5) {
        display: table-cell
    }
}

#superstars-plan .ole,
#superstars-plan .elo {
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    color: #3f3f72
}

#superstars-plan .bs-popover-right,
#superstars-plan .bs-popover-auto[x-placement^=right] {
    margin-left: -0.4rem
}

#superstars-plan .popover {
    max-width: 18%;
    box-shadow: 0px 0px 10px 2px #dcdcdc !important;
    border: none;
    border-radius: 10px
}

#superstars-plan .popover-body {
    padding: 1.2rem .75rem;
    color: #212529;
    font-size: 1rem
}

#superstars-plan .ct {
    text-align: center
}

#superstars-plan .ole:hover,
#superstars-plan .elo:hover {
    color: #3f3f72;
    box-shadow: 0 0 0 #555
}

#superstars-plan .multiple_elements {
    padding: 30px 0 10px 0;
    text-align: center
}

#superstars-plan .offer-valid-till h5 {
    margin-top: 25px;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
    background-image: url(/images/solutions/diwali-banner-sticky-bg.jpg);
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69b21b", endColorstr="#4b932c", GradientType=1)
}

@media(max-width: 640px) {
    #superstars-plan .price-save-stamp {
        top: -20px;
        right: 14px
    }
    #superstars-plan .ole,
    #superstars-plan .elo {
        padding: 6px 12px;
        font-size: 12px
    }
}

#superstars-plan .sm-ratings {
    display: block;
    position: absolute;
    top: -13px;
    margin-left: 17px
}

#superstars-plan .sm-ratings .rating {
    float: left;
    width: 20px;
    min-width: fit-content !important;
    margin-top: 0px
}

#superstars-plan .rating {
    float: left;
    width: 20px;
    min-width: fit-content
}

#superstars-plan .rating:not(:checked)>input,
#superstars-plan .my-acc .formcon .rating:not(:checked)>textarea.input-textarea,
.my-acc .formcon #superstars-plan .rating:not(:checked)>textarea.input-textarea,
#superstars-plan .my-acc .form-group .rating:not(:checked)>textarea.input-textarea,
.my-acc .form-group #superstars-plan .rating:not(:checked)>textarea.input-textarea {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0)
}

#superstars-plan .rating:not(:checked)>label {
    float: right;
    width: 17px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-right: 3px;
    color: #ddd
}

#superstars-plan .rating:not(:checked)>label:before {
    content: "★ ";
    color: #f2c94c
}

#superstars-plan .rating>label:active {
    position: relative
}

#superstars-plan .tick::before {
    content: "✓"
}

#superstars-plan .show-on-calc {
    display: none
}

#superstars-plan .pay-with .price-save-stamp {
    font-size: 15px;
    position: absolute;
    background: url(/images/saved-stamp.png) no-repeat;
    top: -36px;
    width: auto;
    margin-left: 38px;
    line-height: 18px;
    padding: 28px 30px 31px 27px;
    background-size: contain;
    text-align: center;
    color: #fff
}

#superstars-plan .pay-with .price-card {
    font-size: 11px;
    left: 114px;
    right: 48px;
    padding-top: 10px;
    padding: 20px;
    padding-left: 13px
}

#superstars-plan .pay-with article {
    display: none
}

#superstars-plan .pay-with article.on {
    display: block
}

@media(max-width: 768px) {
    #superstars-plan .price-save-stamp {
        top: -15px;
        right: 5px;
        z-index: -1
    }
    #superstars-plan .btn-danger-sub {
        width: auto !important;
        border-radius: 36px;
        background: #f27070;
        color: #fff;
        padding: .5rem 1rem;
        font-size: 1.1rem
    }
    #superstars-plan table tbody tr td {
        white-space: inherit !important;
        min-width: 150px !important
    }
    #superstars-plan #table .table-heading {
        font-size: 1.5rem;
        width: auto !important
    }
    #superstars-plan .sub-btn-green,
    #superstars-plan .sub-btn-gray {
        line-height: 1;
        width: 150px
    }
}

#superstars-plan .custom {
    display: none
}

#superstars-plan .what-customers-say {
    margin-top: 3rem !important
}

@media only screen and (max-width: 320px) {
    #superstars-plan .sm-ratings {
        margin-left: 10px
    }
    #superstars-plan .price-save-stamp {
        top: -10px !important
    }
    #superstars-plan .pay-with .price-card {
        font-size: 7px;
        left: 15px;
        top: -35px !important;
        right: -2px;
        padding-top: 10px;
        padding: 10px;
        padding-left: 8px
    }
    #superstars-plan .tabs li a {
        min-height: 72px
    }
    #superstars-plan table tbody tr td {
        white-space: inherit !important;
        min-width: auto !important
    }
}

@media only screen and (max-width: 319px) {
    #superstars-plan .sm-ratings {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    #superstars-plan .sub-plan .btn {
        font-size: 1rem
    }
    #superstars-plan .sub-plan .btn-danger-large,
    #superstars-plan .sub-plan .btn-secondary-large {
        width: 100% !important;
        font-size: 1rem !important
    }
    #superstars-plan .pay-with .price-card {
        font-size: 8px;
        left: 37px;
        top: -35px !important;
        width: 45px;
        line-height: 9px;
        padding-top: 10px;
        padding: 8px;
        padding-left: 10px;
        background-size: cover;
        min-height: 45px
    }
}

.omega-how-it-works .nav-tabs .nav-link::after {
    content: "";
    background: none;
    height: 4px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s
}

.omega-how-it-works .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: space-evenly;
    margin-bottom: 0;
    list-style: none
}

.omega-how-it-works .nav-link {
    display: block;
    padding: .5rem 3rem
}

.omega-how-it-works .nav-tabs .nav-link.active,
.omega-how-it-works .nav-tabs .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .omega-how-it-works .nav-tabs a.nav-link,
.omega-how-it-works .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #1eaf6d;
    border: 1px solid #1eaf6d;
    border-radius: 20px
}

.omega-how-it-works .nav-tabs>li>a {
    font-size: 1.3rem
}

.omega-how-it-works .nav-tabs {
    border-bottom: none
}

.omega-how-it-works .nav-tabs .nav-link {
    border: 1px solid #1eaf6d;
    border-radius: 20px;
    color: #000
}

.tabContentBtn.active a,
.nse-bse-indices .stock-indices a.tabContentBtn a,
.tabContentBtn:hover a {
    background-color: #fff;
    color: #333;
    border: 2px solid #73dd82;
    height: 104px;
    text-decoration: none;
    padding: 11px
}

.tabContentBtn {
    float: left;
    width: 32.9%;
    margin-right: unset;
    box-sizing: border-box;
    min-width: unset
}

.tabContentBtn a {
    border-radius: 10px;
    width: 94%;
    background-color: #1eaf6d;
    color: #fff;
    border: none;
    min-height: 104px;
    float: left;
    padding-top: 5px
}

.timeline-wrap-vertical {
    margin: 14% 20%;
    margin-left: 9rem;
    position: relative;
    margin-top: 12rem
}

.timeline-vertical {
    content: "";
    width: 2px;
    background: #1eaf6d;
    display: block;
    position: absolute;
    top: -80px;
    bottom: 12px;
    left: -18px
}

.marker-2 {
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 39px;
    font-size: 13px;
    text-align: center;
    position: relative;
    margin-left: -36px;
    background-color: #1eaf6d;
    border-radius: 50%
}

.timeline-data-vertical {
    position: relative;
    margin-top: -133px
}

.timeline-class {
    position: relative;
    font-size: 1rem;
    width: 100%;
    font-weight: 500
}

.timeline-icon.two {
    background-color: #1eaf6d
}

.mark-2 {
    top: 30%
}

.marker {
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 39px;
    font-size: 13px;
    text-align: center;
    position: absolute;
    margin-left: -36px;
    background-color: #1eaf6d;
    border-radius: 50%
}

.timeline-data1-vertical {
    position: relative;
    margin-top: 16rem;
    text-align: -webkit-left;
    margin-left: 12%
}

.timeline-class {
    position: relative;
    font-size: 1rem;
    width: 100%;
    font-weight: 500
}

.mark-3 {
    top: 88%
}

.timeline-data2-vertical {
    margin-top: 177px;
    margin-left: 13%;
    text-align: -webkit-left
}

.mark-1 {
    top: -100px
}

.carousel {
    margin-bottom: 0
}

.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    border: 4px solid #fff;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px
}

.carousel-control.right {
    right: -12px
}

.carousel-indicators {
    top: auto;
    bottom: -10px
}

.mt-48 {
    margin-top: -48px;
    color: #333;
    font-weight: 700
}

.active-page {
    background-color: #1eaf6d;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    width: 21px;
    height: 21px;
    text-align: center;
    padding-top: 1px
}

.pagination {
    margin: 0px 6px;
    font-size: 1rem !important
}

.paginationControl .prev-pg,
.paginationControl .next-pg,
.paginationControl .pagination {
    font-size: 1.2rem
}

.prev-pg,
.next-pg {
    background: rgba(0, 0, 0, 0) !important;
    color: #6c6c6c;
    font-size: 1.2rem
}

.project {
    position: relative;
    width: 697px;
    margin: 80px auto
}

.project::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 165px 165px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0);
    z-index: -1
}

.sub-ribbon {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    left: -20px;
    top: 42px;
    padding: 10px 5px;
    background: #f10d0d;
    transform: rotate(-45deg);
    z-index: 3
}

.sub-ribbon::before {
    content: "";
    top: -2px;
    left: -18px;
    width: 35px;
    height: 100%;
    position: absolute;
    transform: skewX(-45deg);
    background: #f10d0d
}

.sub-ribbon::after {
    content: "";
    top: -2px;
    right: -18px;
    width: 35px;
    height: 100%;
    position: absolute;
    background: #f10d0d;
    transform: skewX(45deg)
}

#subscribe-now .ribbon-container,
.subscribe .ribbon-container {
    margin: 0 auto;
    padding: 5px 10px;
    width: fit-content;
    position: relative;
    z-index: 0
}

#subscribe-now .ribbon-container .ribbon1,
.subscribe .ribbon-container .ribbon1 {
    background: #d64037;
    color: #ff0;
    box-shadow: 2px 6px 12px rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    padding: .25em 0;
    position: relative;
    width: fit-content
}

#subscribe-now .ribbon-container .ribbon1:before,
.subscribe .ribbon-container .ribbon1:before {
    left: -1.9em;
    border-right-width: 1.5em;
    border-left-color: rgba(0, 0, 0, 0);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
}

#subscribe-now .ribbon-container .ribbon1:after,
.subscribe .ribbon-container .ribbon1:after {
    right: -1.9em;
    border-left-width: 1.5em;
    border-right-color: rgba(0, 0, 0, 0);
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .5)
}

#subscribe-now .ribbon-container .ribbon1 .ribbon-content,
.subscribe .ribbon-container .ribbon1 .ribbon-content {
    border-top: .0625em dashed orange;
    border-bottom: .0625em dashed orange;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .08), inset 0px -1px 1px rgba(255, 255, 255, .08), 0px -1px 1px rgba(255, 255, 255, .2), 0px 1px 1px rgba(0, 0, 0, .08);
    display: block;
    font-family: cursive;
    font-size: 14px;
    padding: 7px 10px
}

#subscribe-now .ribbon1:before,
#subscribe-now .ribbon1:after,
.subscribe .ribbon1:before,
.subscribe .ribbon1:after {
    border: 1.2em solid #dc3545;
    content: "";
    display: block;
    position: absolute;
    bottom: -1em;
    z-index: -1
}

#subscribe-now .ribbon-content:before,
#subscribe-now .ribbon-content:after,
.subscribe .ribbon-content:before,
.subscribe .ribbon-content:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #b86614 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    bottom: -1em
}

#subscribe-now .ribbon-content:before,
.subscribe .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em
}

#subscribe-now .ribbon-content:after,
.subscribe .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0
}

.ribbon-title--b {
    background-color: #c6ffd0;
    color: #000;
    display: block;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
    font-size: 18px;
    margin: 2px auto;
    max-width: 99%;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: -webkit-fill-available;
    transition: all 300ms;
    font-weight: 700
}

.ribbon-title--b::before,
.ribbon-title--b::after {
    content: "";
    position: absolute;
    top: 0;
    border: 17px solid #c6ffd0;
    z-index: -1
}

.ribbon-title--b::before {
    left: -30px;
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ribbon-title--b::after {
    right: -30px;
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (max-width: 425px) {
    .ribbon-title--b::before,
    .ribbon-title--b::after {
        display: none
    }
}

.ribbon-title--link {
    background-color: #c3ffcb;
    color: #000;
    display: block;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
    font-size: 18px;
    margin: 2px auto;
    max-width: 99%;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: -webkit-fill-available;
    transition: all 300ms;
    font-weight: 700;
    border: 1px solid #9adda6
}

.ribbon-title--link::before,
.ribbon-title--link::after {
    content: "";
    position: absolute;
    top: 0;
    border: 17px solid #c3ffcb;
    z-index: -1
}

.ribbon-title--link::before {
    left: -8px;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ribbon-title--link::after {
    right: -8px;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media only screen and (max-width: 425px) {
    .ribbon-title--link::before,
    .ribbon-title--link::after {
        display: none
    }
}

.ribbon-title--link[href]:hover {
    background-color: #c3ffcb;
    color: #000;
    display: block;
    filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.5));
    font-size: 18px;
    margin: 2px auto;
    max-width: 99%;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: -webkit-fill-available;
    transition: all 300ms;
    font-weight: 700;
    transform: translateY(-3px)
}

.ribbon-title--link[href]:hover::before,
.ribbon-title--link[href]:hover::after {
    content: "";
    position: absolute;
    top: 0;
    border: 17px solid #c3ffcb;
    z-index: -1
}

.ribbon-title--link[href]:hover::before {
    left: -8px;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ribbon-title--link[href]:hover::after {
    right: -8px;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media only screen and (max-width: 425px) {
    .ribbon-title--link[href]:hover::before,
    .ribbon-title--link[href]:hover::after {
        display: none
    }
}

.ribbon-title--link[href]:active {
    background-color: #c3ffcb;
    color: #000;
    display: block;
    filter: none;
    font-size: 18px;
    margin: 2px auto;
    max-width: 99%;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: -webkit-fill-available;
    transition: all 300ms;
    font-weight: 700;
    transform: translateY(0)
}

.ribbon-title--link[href]:active::before,
.ribbon-title--link[href]:active::after {
    content: "";
    position: absolute;
    top: 0;
    border: 17px solid #c3ffcb;
    z-index: -1
}

.ribbon-title--link[href]:active::before {
    left: -8px;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ribbon-title--link[href]:active::after {
    right: -8px;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media only screen and (max-width: 425px) {
    .ribbon-title--link[href]:active::before,
    .ribbon-title--link[href]:active::after {
        display: none
    }
}

.book-3d-style {
    transform: translate3d(0px, 0px, 67px) rotateY(12deg) rotateX(-26deg) scale(0.9, 0.9);
    transition: .4s ease-in-out transform
}

.offer-link {
    background: linear-gradient(to right, #CDFFD8, #94B9FF);
    padding: 15px 25px;
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
    font-weight: 600
}

.pop-outin {
    animation: 2s anim-popoutin ease infinite
}

@keyframes anim-popoutin {
    0% {
        color: #000;
        transform: scale(0);
        opacity: 0;
        text-shadow: 0 0 0 rgba(0, 0, 0, 0)
    }
    25% {
        color: red;
        transform: scale(2);
        opacity: 1;
        text-shadow: 3px 10px 5px rgba(0, 0, 0, .5)
    }
    50% {
        color: #000;
        transform: scale(1);
        opacity: 1;
        text-shadow: 1px 0 0 rgba(0, 0, 0, 0)
    }
    100% {
        transform: scale(1);
        opacity: 1;
        text-shadow: 1px 0 0 rgba(0, 0, 0, 0)
    }
}

.rain-confetti .confetti {
    position: absolute;
    top: -50px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    overflow: hidden;
    pointer-events: none
}

.rain-confetti .confetti-piece {
    position: absolute;
    width: 6px;
    height: 10px;
    background: #fbba23;
    top: -10px;
    opacity: 0
}

.rain-confetti .confetti-piece:nth-child(1) {
    left: 7%;
    transform: rotate(-101deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 78ms;
    animation-duration: 428ms
}

.rain-confetti .confetti-piece:nth-child(2) {
    left: 14%;
    transform: rotate(-53deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 268ms;
    animation-duration: 603ms
}

.rain-confetti .confetti-piece:nth-child(3) {
    left: 21%;
    transform: rotate(-86deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 164ms;
    animation-duration: 425ms
}

.rain-confetti .confetti-piece:nth-child(4) {
    left: 28%;
    transform: rotate(-136deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 170ms;
    animation-duration: 415ms
}

.rain-confetti .confetti-piece:nth-child(5) {
    left: 35%;
    transform: rotate(-28deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 151ms;
    animation-duration: 661ms
}

.rain-confetti .confetti-piece:nth-child(6) {
    left: 42%;
    transform: rotate(-52deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 297ms;
    animation-duration: 459ms
}

.rain-confetti .confetti-piece:nth-child(7) {
    left: 49%;
    transform: rotate(-126deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 266ms;
    animation-duration: 657ms
}

.rain-confetti .confetti-piece:nth-child(8) {
    left: 56%;
    transform: rotate(116deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 75ms;
    animation-duration: 667ms
}

.rain-confetti .confetti-piece:nth-child(9) {
    left: 63%;
    transform: rotate(144deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 6ms;
    animation-duration: 585ms
}

.rain-confetti .confetti-piece:nth-child(10) {
    left: 70%;
    transform: rotate(-88deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 77ms;
    animation-duration: 442ms
}

.rain-confetti .confetti-piece:nth-child(11) {
    left: 77%;
    transform: rotate(23deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 24ms;
    animation-duration: 610ms
}

.rain-confetti .confetti-piece:nth-child(12) {
    left: 84%;
    transform: rotate(25deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 259ms;
    animation-duration: 407ms
}

.rain-confetti .confetti-piece:nth-child(13) {
    left: 91%;
    transform: rotate(10deg);
    animation: makeItRain 700ms infinite ease-out;
    animation-delay: 148ms;
    animation-duration: 496ms
}

.rain-confetti .confetti-piece:nth-child(odd) {
    background: #65bb5c
}

.rain-confetti .confetti-piece:nth-child(even) {
    z-index: 1
}

.rain-confetti .confetti-piece:nth-child(4n) {
    width: 5px;
    height: 13px;
    animation-duration: 1400ms;
    background: #f23b14
}

.rain-confetti .confetti-piece:nth-child(3n) {
    width: 5px;
    height: 13px;
    animation-duration: 1750ms;
    animation-delay: 700ms
}

.rain-confetti .confetti-piece:nth-child(4n-7) {
    background: #2a2f6a
}

@keyframes makeItRain {
    from {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    to {
        transform: translateY(96px)
    }
}

#marketingModal {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #fff;
    border: 2px solid #dee2e6;
    z-index: 1000;
    animation: risebottomright 1s;
    animation-timing-function: linear
}

#marketingModal #closemarketingModal {
    position: absolute;
    right: 0;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    z-index: 1
}

#marketingModal.hidemodal {
    bottom: -250px;
    animation: downfall .5s;
    animation-timing-function: linear
}

#marketingModalref {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #fff;
    border: 2px solid #dee2e6;
    z-index: 1000;
    animation: risebottomright 1s;
    animation-timing-function: linear
}

#marketingModalref #closemarketingModalref {
    position: absolute;
    right: 0;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    z-index: 1;
    text-decoration: none
}

#marketingModalref.hidemodal {
    bottom: -250px;
    animation: downfall .5s;
    animation-timing-function: linear
}

.riser {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 2;
    animation: risebottomright 1s;
    animation-timing-function: linear
}

.riser .closeRiser {
    position: absolute;
    right: 0;
    top: -15px;
    background: #fff;
    box-shadow: 0px 0px 10px gray;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    z-index: 1
}

.riser.hidemodal {
    bottom: -250px;
    animation: downfall .5s;
    animation-timing-function: linear
}

@keyframes risebottomleft {
    0% {
        left: -2000px;
        bottom: -2000px
    }
    25% {
        left: -150px;
        bottom: -150px
    }
    50% {
        left: -100px;
        bottom: -100px
    }
    75% {
        left: -50px;
        bottom: -50px
    }
    100% {
        left: 0px;
        bottom: 0px
    }
}

@keyframes risebottomright {
    0% {
        right: -2000px;
        bottom: -2000px
    }
    25% {
        right: -150px;
        bottom: -150px
    }
    50% {
        right: -100px;
        bottom: -100px
    }
    75% {
        right: -50px;
        bottom: -50px
    }
    100% {
        right: 0px;
        bottom: 0px
    }
}

@keyframes downfall {
    0% {
        bottom: 0px
    }
    100% {
        bottom: -200px
    }
}

#marketingModal .bg-diwali {
    background: url("/images/diwali-offer/bg-banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

@media only screen and (max-width: 725px) {
    #marketingModal .bg-diwali {
        background: url("/images/diwali-offer/bg-banner-mob.jpg");
        background-size: cover;
        background-position: center
    }
}

#closemarketingModal {
    position: absolute;
    right: 0;
    margin-top: -12px;
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0px 2px 10px;
    z-index: 2;
    cursor: pointer
}

#marketingModalref {
    position: sticky;
    bottom: 0;
    z-index: 2
}

#marketingModalref .bg-diwali {
    background: url("/images/diwali-offer/bg-banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

@media only screen and (max-width: 725px) {
    #marketingModalref .bg-diwali {
        background: url("/images/diwali-offer/bg-banner-mob.jpg");
        background-size: cover;
        background-position: center
    }
}

.list-page-container {
    max-width: 1300px
}

.mf-transaction-btn input[type=checkbox],
.mf-transaction-btn .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .mf-transaction-btn textarea[type=checkbox].input-textarea,
.mf-transaction-btn .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .mf-transaction-btn textarea[type=checkbox].input-textarea {
    accent-color: #fff !important;
    width: 15px
}

.show-on-hover button {
    font-size: 11px !important;
    border-bottom: 1px solid #245049;
    border-radius: 5px
}

.show-on-hover:hover>ul.dropdown-menu {
    display: block
}

.FAQ .arrow-open-close:before {
    background-color: #245049 !important
}

.FAQ .arrow-open-close:after {
    background-color: #245049 !important
}

.FAQ .arrow-open-close {
    top: 0px
}

.FAQ .btn-outline-success,
.FAQ .btn-outline-success:hover {
    color: #000 !important;
    background-color: #fff !important
}

.FAQ .panel-head {
    color: #3e4248 !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.FAQ .panel-body {
    font-size: 1.2rem;
    border-bottom: 1px solid #e5e5e5 !important
}

.FAQ .panel-body a:hover {
    color: #0056b3 !important
}

#bannerCarousel .carousel-indicators {
    z-index: 1;
    bottom: -21px
}

#bannerCarousel .carousel-indicators li {
    background-color: #c4c4c4;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

#bannerCarousel .carousel-indicators .active,
#bannerCarousel .carousel-indicators .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices #bannerCarousel .carousel-indicators a {
    background-color: #1eaf6d
}

#bannerCarousel .carousel-inner {
    background: linear-gradient(to right, #CDFFD8, #94B9FF)
}

.dropdown-menu.show {
    z-index: 2
}

.countRow #starRatings {
    opacity: .7
}

.countRow .decizen-lock {
    opacity: .8;
    position: relative;
    z-index: 0
}

.bottom-banner {
    bottom: 0;
    position: absolute;
    max-width: 100%;
    width: calc(100% - 5rem);
    margin-left: 2.5rem;
    margin-right: 9.5rem;
    margin-bottom: 0
}

.sticky-add-bottom {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #3f3f72;
    font-size: 1.3rem;
    padding: 4px 0px 5px 6px;
    color: #fff;
    width: 100%;
    line-height: 18px
}

tr td.compname-lock {
    text-align: center !important
}

.table-head .mob-sticky {
    background: #f6f8f8
}

.disabled {
    pointer-events: none;
    opacity: .8
}

.screener-filters a {
    margin: 0px 2px;
    background: #3f3f72;
    color: #fff;
    font-size: 11px;
    border-radius: 10px;
    text-decoration: none;
    min-width: max-content
}

.screener-filters a:hover {
    background: #fff;
    color: #3f3f72;
    border: 1px solid #3f3f72
}

.screener-filters .fa-filter {
    color: #245049
}

.pg-head {
    background: #f4f4f4;
    padding: 10px;
    cursor: pointer;
    transition: .25s;
    padding: 4px 10px
}

.pg-head .know-more-icon {
    display: inline-block;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-color: #1eaf6d;
    border-radius: 50px;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    padding: 1px 7px;
    margin-left: 5px
}

.listCompany table th,
.listCompany table td {
    border-right: none !important
}

.listCompany table tr:first-of-type td {
    border-top: none !important
}

.listCompany table tr td.stick div {
    display: flex
}

.listCompany table tr td.stick .dropdown .dropdown-toggle {
    background: #e2e2e2 !important;
    color: #000 !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 20px
}

.listCompany .list-table {
    border-bottom: none;
    overflow-y: hidden
}

.listCompany .list-table #stickyHeader {
    z-index: 2 !important;
    top: 85px
}

.listCompany .list-table tr th.sticky-sort,
.listCompany .list-table tr td.sticky-sort {
    text-align: center;
    max-width: 30px;
    min-width: 30px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 1
}

.listCompany .list-table tr th.stick,
.listCompany .list-table tr td.stick {
    position: sticky;
    position: -webkit-sticky;
    left: 30px;
    overflow: hidden;
    background-color: #fff;
    text-align: left
}

.listCompany .list-table tr th {
    background-color: #f6f8f8 !important;
    text-align: center;
    min-width: 80px;
    min-height: 43px;
    font-size: 1rem
}

.listCompany .list-table tr td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    min-height: 35px;
    height: 35px
}

.listCompany .list-table tr td.text-left {
    text-align: left
}

.listCompany .list-table tr td.text-left .company-ellipses,
.listCompany .list-table tr td.text-left .dashboard .popular-screen-ellipses,
.dashboard .listCompany .list-table tr td.text-left .popular-screen-ellipses {
    max-width: 112px
}

.listCompany .list-table tr td.stick {
    text-align: left !important;
    z-index: 1
}

.listCompany .list-table tr div#starRatings {
    display: block
}

.listCompany .dropdown-menu {
    left: -110% !important;
    min-width: max-content
}

.listCompany .dropdown-menu li {
    font-weight: 500;
    font-size: .9rem;
    line-height: .9rem
}

.listCompany .dropdown-menu li a {
    font-weight: 500
}

.listCompany .dropdown-menu li:hover {
    background: #f4f4f4
}

.listCompany .dropdown-menu li:hover a {
    color: #3e4248;
    text-decoration: none
}

.listCompany .read-more-wrap {
    display: none;
    padding: 5px;
    margin-bottom: 5px !important;
    margin-top: 0px;
    text-align: justify;
    font-size: 14px !important
}

.listCompany .container #table-sticky {
    position: sticky;
    top: 90px;
    z-index: 1;
    overflow: hidden
}

.listCompany .sticky-header {
    background: #f6f8f8 !important;
    position: sticky;
    top: 84px !important;
    z-index: 2
}

.listCompany .btn-group>.btn:first-child {
    font-size: 10px;
    padding: 3px !important
}

.listCompany .FAQ table {
    font-size: 1rem !important
}

.listCompany .FAQ .arrow-open-close:before {
    background-color: #245049 !important
}

.listCompany .FAQ .arrow-open-close:after {
    background-color: #245049 !important
}

.listCompany .FAQ .arrow-open-close {
    top: 0px
}

.listCompany .FAQ .btn-outline-success,
.listCompany .FAQ .btn-outline-success:hover {
    color: #000 !important;
    background-color: #fff !important
}

.listCompany .FAQ .panel-head {
    color: #245049 !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.listCompany .FAQ .panel-body {
    border-bottom: 1px solid #e5e5e5 !important
}

.listCompany .FAQ .panel-body a:hover {
    color: #0056b3 !important
}

@media screen and (max-width: 1024px) {
    .listCompany .list-table #stickyHeader,
    .listCompany .sticky-header {
        top: 0px !important
    }
}

@media screen and (max-width: 425px) {
    .listCompany .sticky-header {
        top: 0px
    }
}

div#activefilterindex {
    margin-bottom: 5px
}

.ht-btn-rw {
    padding: 10px 10px 15px;
    background-color: #f4f4f4
}

.ht-btn-rw .hot_button:first-of-type {
    margin-left: 10px
}

.nav-top-stocks {
    border-bottom: none
}

.nav-top-stocks li.nav-item {
    padding-bottom: 0rem;
    line-height: inherit
}

.nav-top-stocks li.nav-item a {
    color: #495057;
    font-size: .9rem;
    padding: .5rem .7rem;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border-radius: 15px;
    border: none;
    margin: 3px
}

.nav-top-stocks li.nav-item a.active,
.nav-top-stocks li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .nav-top-stocks li.nav-item a {
    color: #fff;
    background: #245049
}

.nav-top-stocks li.nav-item:last-of-type {
    border-right: none
}

.nav-top-stocks .nav-link.active,
.nav-top-stocks .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .nav-top-stocks a.nav-link {
    border-top: rgba(0, 0, 0, 0);
    color: #1eaf6d
}

.nav-top-stocks .nav-link:hover {
    border: rgba(0, 0, 0, 0)
}

.nav-top-stocks .nav-link::after {
    background: none;
    height: 0px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1rem
}

.select2-container--default .select2-results__option .select2-results__option {
    font-size: 1rem !important
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-results__group {
    font-size: 1.1rem !important
}

.alert-warning {
    background-color: rgba(158, 239, 176, .968627451);
    border-color: rgba(158, 239, 176, .968627451);
    color: #000;
    padding: 20px
}

.bs-calltoaction.bs-calltoaction-warning {
    background-color: rgba(158, 239, 176, .968627451);
    border-color: rgba(158, 239, 176, .968627451);
    color: #000;
    margin: 20px 0
}

.bs-calltoaction.bs-calltoaction-warning .cta-button a {
    border: none
}

.bs-calltoaction {
    position: relative;
    width: auto;
    padding: 15px 15px;
    border: 1px solid #eea236;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px
}

.bs-calltoaction.bs-calltoaction-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn,
.bs-calltoaction.bs-calltoaction-info .cta-button .btn,
.bs-calltoaction.bs-calltoaction-success .cta-button .btn,
.bs-calltoaction.bs-calltoaction-warning .cta-button .btn,
.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
    border-color: #fff
}

caption {
    caption-side: top
}

.list-table tr th {
    padding: 1px;
    vertical-align: middle;
    font-size: 12px
}

.stock-banner-area {
    display: block;
    padding: 7px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #b6de3f;
    background: -moz-linear-gradient(159deg, rgb(182, 222, 63) 0%, rgb(172, 223, 94) 50%, rgb(43, 198, 42) 100%);
    background: -webkit-linear-gradient(159deg, rgb(182, 222, 63) 0%, rgb(172, 223, 94) 50%, rgb(43, 198, 42) 100%);
    background: linear-gradient(159deg, rgb(182, 222, 63) 0%, rgb(172, 223, 94) 50%, rgb(43, 198, 42) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6de3f", endColorstr="#2bc62a", GradientType=1);
    border-color: rgba(158, 239, 176, .968627451);
    color: #000
}

.stock-banner-area img {
    max-width: 100px;
    height: auto;
    padding: 10px
}

.stock-banner-area p {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 10px;
    color: #000;
    text-align: center;
    margin-bottom: 0px
}

.stock-banner-area .btn {
    float: right;
    background: #1eaf6d;
    color: #fff
}

.filter-card .form-check {
    margin-bottom: .8rem
}

.filter-card select {
    border-radius: 20px;
    border: 1px solid #3f3f72;
    margin-bottom: 1rem;
    height: 35px !important
}

.trd_btn {
    height: 32px
}

.my-plans-pg .btn-group.itemcontent {
    display: inline-flex
}

.my-plans-pg .btn-group.itemcontent .btn-outline-success {
    font-size: 14px;
    border: 1px solid #1eaf6d;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 2px;
    color: #3f9401
}

.my-plans-pg .btn-group.itemcontent .btn-outline-success:hover {
    background-color: #1eaf6d;
    color: #fff
}

.my-plans-pg .btn-group.itemcontent input[type=checkbox],
.my-plans-pg .btn-group.itemcontent .my-acc .formcon textarea[type=checkbox].input-textarea,
.my-acc .formcon .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea,
.my-plans-pg .btn-group.itemcontent .my-acc .form-group textarea[type=checkbox].input-textarea,
.my-acc .form-group .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea {
    display: none
}

.my-plans-pg .btn-group.itemcontent input[type=checkbox]:checked+label,
.my-plans-pg .btn-group.itemcontent .my-acc .formcon textarea[type=checkbox].input-textarea:checked+label,
.my-acc .formcon .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea:checked+label,
.my-plans-pg .btn-group.itemcontent .my-acc .form-group textarea[type=checkbox].input-textarea:checked+label,
.my-acc .form-group .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea:checked+label {
    background: #1eaf6d;
    color: #fff
}

.my-plans-pg .btn-group.itemcontent input[type=checkbox]:not(:checked)+label,
.my-plans-pg .btn-group.itemcontent .my-acc .formcon textarea[type=checkbox].input-textarea:not(:checked)+label,
.my-acc .formcon .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea:not(:checked)+label,
.my-plans-pg .btn-group.itemcontent .my-acc .form-group textarea[type=checkbox].input-textarea:not(:checked)+label,
.my-acc .form-group .my-plans-pg .btn-group.itemcontent textarea[type=checkbox].input-textarea:not(:checked)+label {
    background: #fff;
    color: #1eaf6d
}

.my-plans-pg .btn-default {
    font-size: 14px;
    border: 1px solid #3f3f72;
    color: #000 !important;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 2px;
    color: #3f9401
}

.stock-btn-div div .mid-cap-sprite .active-star {
    background-color: #fff !important;
    border-radius: 5px
}

.nav-stock div {
    padding: 8px;
    color: #fff;
    border-radius: 5px
}

.nav-stock div .top-stocks-active {
    background-color: #fff !important;
    color: #000 !important
}

.nav-stock div .top-stocks-deactive {
    background-color: #1eaf6d;
    color: #fff
}

.stock-price-card {
    color: #3f3f72
}

.read-more-wrap {
    line-height: 1.7
}

.list-dropdowns {
    border: none;
    box-shadow: rgba(136, 165, 191, .48) -1px 2px 11px 0px, rgba(255, 255, 255, .8) -6px -2px 16px 0px;
    font-size: 1.2rem;
    height: calc(2.25rem + 15px);
    border-radius: 10px
}

.update-list-btn {
    height: calc(2.25rem + 15px)
}

.large-btn {
    width: 212px !important
}

.best-from .list-hot-buttons,
.best-from .bg-gainers .best-index-table-ind-list-nav li a,
.bg-gainers .best-index-table-ind-list-nav li .best-from a {
    background: #245049;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    padding: 4px 20px;
    color: #fff;
    font-size: 1.1rem;
    margin: 0 3px 8px 0
}

.badge {
    font-weight: 400;
    padding: .2em .4em;
    margin-right: .5em
}

.gray-card-light {
    background: #fff;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important;
    border-radius: 10px
}

.breadcrumb-container a {
    color: #6c757d important
}

.breadcrumb-container a.link {
    color: #0361a8 !important
}

.sesarch-stock .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.5rem;
    left: 2rem;
    text-align: center;
    pointer-events: none
}

.sesarch-stock input.form-control,
.sesarch-stock .my-acc .formcon textarea.form-control.input-textarea,
.my-acc .formcon .sesarch-stock textarea.form-control.input-textarea,
.sesarch-stock .my-acc .form-group textarea.form-control.input-textarea,
.my-acc .form-group .sesarch-stock textarea.form-control.input-textarea {
    background: #fff;
    height: 40px;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border-radius: 28px
}

.sesarch-stock .has-search .form-control {
    padding-left: 3.375rem
}

#selectIndex {
    box-shadow: none;
    line-height: 28px;
    color: #444;
    max-height: 26px;
    padding: 5px;
    max-width: 100px
}

#stock-list-table tr th {
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    padding: 5px 11px;
    border-top: none;
    border-bottom: none
}

#stock-list-table th.stick {
    background-color: #f3f3f3
}

#stock-list-table .sticky-sort {
    position: sticky;
    left: 0;
    background: #fff
}

.tablesorter-default th {
    font-weight: 500 !important
}

.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px
}

.listing-title {
    overflow-y: hidden
}

.listing-title h1 {
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #245049
}

.listing-title .listCompany th,
.listing-title .listCompany td {
    border-right: none !important
}

.listing-title .listCompany th p,
.listing-title .listCompany td p {
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #3e4248
}

.mob-buttons {
    justify-content: space-between
}

.mob-buttons li {
    list-style: none;
    display: inline-flex;
    text-align: center
}

.mob-buttons li a {
    font-family: inherit;
    padding: 10px 20px;
    text-decoration: none
}

.nifty-table table th {
    padding: 12px;
    font-size: 1.2rem;
    border-top: none
}

.nifty-table table td {
    padding: 10px
}

.pg-head .know-more-icon {
    height: 30px;
    vertical-align: middle
}

.pg-head .know-more-icon svg.bi.bi-caret-down-fill {
    margin-top: -6px
}

option:active {
    outline: none !important;
    border: 1px solid red
}

.padding1 {
    padding: 20px !important
}

.bg-gainers .best-index-table-ind-list select {
    width: 75%;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border: 1px solid #ced4da
}

.bg-gainers .best-index-table-ind-list-nav li a.selected-ind-list-nav {
    background: #fff !important;
    color: #000
}

.very-good-icon-s-goldstar-boughtlist {
    background: #28a745
}

.very-good-icon-s-goldstar-boughtlist::before {
    content: "⭑";
    color: #ff0;
    line-height: .4;
    margin-left: -3px;
    font-size: 40px
}

.very-good-icon-s-boughtlist {
    background: #28a745
}

.somewhat-good-icon-s-boughtlist {
    background: #dc9935
}

.not-good-icon-s-boughtlist {
    background: #f27070
}

.no-analysis-s-boughtlist {
    background: #c4c4c4
}

.somewhat-good-icon-s-boughtlist,
.not-good-icon-s-boughtlist,
.very-good-icon-s-boughtlist,
.very-good-icon-s-goldstar-boughtlist,
.no-analysis-s-boughtlist,
.colorBox {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.update-list-btn {
    height: calc(2.25rem + 15px)
}

.th-left-border-radius {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.th-right-border-radius {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.popover {
    border: 0;
    z-index: 3 !important;
    box-shadow: 0px 0px 10px 2px #c3c3c3;
    -webkit-box-shadow: 0px 0px 10px 2px #c3c3c3;
    max-width: 485px !important
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
    z-index: 1 !important
}

#transactBtns .border-success {
    padding: 2px 6px
}

#transactBtns .border-success .fa-eye,
#transactBtns .border-success .fa-briefcase {
    font-size: 13px;
    line-height: 1.5
}

.fa-question-circle {
    cursor: pointer
}

.nifty-table table th {
    padding: 12px;
    font-size: 1.2rem;
    border-top: none
}

.nifty-table table td {
    padding: 10px !important
}

#comppeersearch #compeer-container {
    min-height: 100px
}

#comppeersearch #compeer-container label {
    min-width: 100px
}

#comppeersearch #compeer-container .tab-search {
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    border: none
}

#comppeersearch #addtowatchlist button {
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    border: none;
    font-size: 1rem
}

#comppeersearch #sortingTable tr th {
    min-width: 114px !important
}

.pagination-div div {
    display: flex
}

.paginationControl .active-page {
    line-height: 1.75rem;
    min-width: 20px
}

.plan-pg .alert-msg-popup {
    position: relative;
    background: rgba(0, 0, 0, 0)
}

.plan-pg .popover.show {
    max-width: 300px !important;
    box-shadow: 0px 0px 10px 2px #dcdcdc !important;
    border: none;
    border-radius: 10px
}

.plan-pg .breadcrumb-container .breadcrumb {
    padding: 0 !important;
    display: inline-flex
}

.plan-pg #stickyheader,
.plan-pg .select-all,
.plan-pg .select-left,
.plan-pg .select-right {
    width: 100%
}

.plan-pg .sensex-col .right>.left {
    float: none !important
}

.plan-pg .deactive-star {
    background-position: -20px 0;
    width: 14px;
    height: 13px;
    cursor: pointer;
    color: #c4c4c4 !important;
    margin-right: 5px
}

.plan-pg .active-star {
    background-position: 0px 0;
    width: 14px;
    height: 13px;
    margin-right: 5px;
    color: #daa520 !important
}

.plan-pg .select-sort-opt a {
    text-decoration: none;
    color: #1eaf6d;
    border: 1px solid #1eaf6d;
    padding: 3px 5px;
    border-radius: 20px
}

.plan-pg .select-sort-opt a.sort-selected {
    color: #fff;
    background: #1eaf6d;
    font-weight: 700
}

.plan-pg .stock-btn-title {
    min-width: 105px;
    max-width: 150px
}

.plan-pg .top-stocks-active,
.plan-pg .top-stocks-deactive {
    margin: 2px;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border-radius: 5px !important
}

.plan-pg .top-stocks-active {
    background: #fff;
    text-align: -webkit-center
}

.plan-pg .top-stocks-active a {
    color: #3e4248 !important;
    text-decoration: none;
    line-height: 40px
}

.plan-pg .top-stocks-deactive {
    background: #1eaf6d;
    color: #fff;
    text-align: -webkit-center
}

.plan-pg .top-stocks-deactive a {
    color: #fff;
    text-decoration: none;
    line-height: 40px
}

.plan-pg .card {
    flex-direction: row
}

.plan-pg .cmp-bar-bg {
    background: url(/images/best-index/nifty-50-sprite-img-v7.png) 0px -150px no-repeat;
    width: 229px;
    display: inline-block;
    height: 8px
}

.plan-pg .discoun-and-mrp-price-mid {
    width: 70px;
    text-align: center;
    padding: 32px 0 0 0;
    font-size: 11px
}

.plan-pg .comp-name-div1.d-inline-flex.align-items-baseline {
    max-width: 90%
}

.plan-pg .discoun-and-mrp-price-box-left,
.plan-pg .discoun-and-mrp-price-box-right {
    border: 0px;
    margin-top: 5px;
    width: 65px;
    height: 16px;
    font-size: 11px;
    text-align: center;
    padding: 4px 0 0 0;
    display: inline-block
}

.plan-pg .discoun-and-mrp-price-left {
    width: 80px;
    background: url(/images/best-index/mrp-hr.png) 43px 0px no-repeat;
    height: 22px;
    padding: 8px 0 0 10px;
    margin-top: 3px
}

.plan-pg .discoun-and-mrp-price-right {
    width: 32px;
    background: url(/images/best-index/mrp-hr.png) 30px 0px no-repeat;
    height: 22px;
    padding: 8px 0 0 0;
    margin-top: 3px
}

.plan-pg .cmp-div {
    border: none;
    font-size: 12px;
    width: 85px
}

.plan-pg .company-name-div-left-sip11.col-md-3.brdr-rt.align-self-center.py-3 {
    min-height: 85px;
    padding-top: 20px !important
}

.plan-pg .decisionMaker {
    max-height: 100px
}

.plan-pg .decisionMaker .dm-scale {
    position: absolute;
    display: block;
    width: 222px;
    height: 20px;
    background: url(/images/mutual-funds/dm-scale-omega.png) 0 0 no-repeat;
    top: 29px
}

.plan-pg .decisionMaker .fund {
    position: absolute;
    padding: 2px 0;
    line-height: 1.1;
    border-radius: 0px;
    width: 66px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0);
    color: #000;
    text-align: center;
    border: 0
}

.plan-pg .decisionMaker .firstvalue {
    position: absolute;
    border: 0;
    padding: 2px 0;
    width: 100px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0);
    color: #000;
    text-align: center;
    top: 45px;
    left: 13px
}

.plan-pg .decisionMaker .secondvalue {
    position: absolute;
    border: 0;
    padding: 2px 0;
    width: 100px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0);
    color: #000;
    text-align: center;
    top: 45px;
    left: 132px
}

.plan-pg .outlook {
    z-index: 1;
    margin-top: 20px;
    position: absolute;
    right: 5px
}

.plan-pg .outlook .text {
    display: none;
    text-align: left;
    min-width: 105px;
    white-space: nowrap;
    max-height: 50px;
    top: 30px;
    right: 0;
    z-index: 99999;
    background: #cce5ff;
    color: #004085;
    border: 1px solid #b8daff;
    box-shadow: 0px 0px 10px #888;
    padding: 5px 10px;
    border-radius: 5px
}

.plan-pg .circle-gray-round,
.plan-pg .na-icon-right-stocks,
.plan-pg .circle-green-round,
.plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .very-good-icon-right-stocks,
.plan-pg .circle-Green-round,
.plan-pg .circle-red-round,
.plan-pg .not-good-icon-right-stocks,
.plan-pg .circle-Red-round,
.plan-pg .circle-yellow-round,
.plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .circle-Yellow-round,
.plan-pg .circle-orange-round,
.plan-pg .circle-Orange-round {
    background: #c4c4c4;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 1rem;
    display: inline-block;
    padding-top: 5px;
    width: 15px;
    height: 15px;
    margin: 0 1px;
    text-align: center;
    border-radius: 20px;
    padding-top: 3px
}

.plan-pg .circle-green-round,
.plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .very-good-icon-right-stocks,
.plan-pg .circle-Green-round {
    background: #1eaf6d;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding-top: 3px;
    font-size: 1rem
}

.plan-pg .circle-red-round,
.plan-pg .not-good-icon-right-stocks,
.plan-pg .circle-Red-round {
    background: #f27070;
    border-radius: 20px;
    padding-top: 3px
}

.plan-pg .color-code {
    vertical-align: middle !important
}

.plan-pg .circle-yellow-round,
.plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .circle-Yellow-round {
    background: #dc9935;
    border-radius: 45%;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    display: inline-block;
    padding-top: 5px;
    width: 15px;
    height: 15px;
    margin: 0 1px;
    text-align: center;
    border-radius: 20px;
    padding-top: 3px
}

.plan-pg .buy-sell-zone-btn.color-green {
    background: #1eaf6d;
    color: #fff
}

.plan-pg .buy-sell-zone-btn.color-red {
    background: #f27070;
    color: #fff
}

.plan-pg .buy-sell-zone-btn.color-yellow {
    background: #dc9935;
    color: #fff
}

.plan-pg .buy-sell-zone-btn.color-blue {
    color: #0056b3;
    font-weight: 700 !important;
    border: 1px solid #add8e6
}

.plan-pg .ratingfreedm input,
.plan-pg .ratingfreedm .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .plan-pg .ratingfreedm textarea.input-textarea,
.plan-pg .ratingfreedm .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .plan-pg .ratingfreedm textarea.input-textarea {
    display: none
}

.plan-pg .goldRated {
    color: #daa520
}

.plan-pg .somewhatGoodRated {
    color: #dc9935
}

.plan-pg .notGoodRated {
    color: #f27070
}

.plan-pg .buy-sell-zone-btn {
    padding: 3px 20px 3px;
    line-height: 20px;
    border: none;
    cursor: default !important
}

.plan-pg .ratingfreedm,
.plan-pg .ratingfreedmquality {
    direction: rtl;
    unicode-bidi: bidi-override;
    color: #ddd
}

.plan-pg .ratingfreedm input:checked+label,
.plan-pg .ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .plan-pg .ratingfreedm textarea.input-textarea:checked+label,
.plan-pg .ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .plan-pg .ratingfreedm textarea.input-textarea:checked+label,
.plan-pg .ratingfreedm input:checked+label~label,
.plan-pg .ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .plan-pg .ratingfreedm textarea.input-textarea:checked+label~label,
.plan-pg .ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .plan-pg .ratingfreedm textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.plan-pg .ratingfreedmquality input:checked+label,
.plan-pg .ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label,
.plan-pg .ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label,
.plan-pg .ratingfreedmquality input:checked+label~label,
.plan-pg .ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label~label,
.plan-pg .ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.plan-pg .ratingfreedmquality input:checked+label,
.plan-pg .ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label,
.plan-pg .ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label,
.plan-pg .ratingfreedmquality input:checked+label~label,
.plan-pg .ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label~label,
.plan-pg .ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .plan-pg .ratingfreedmquality textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.plan-pg .progress .progress-dp span.right-price-data,
.plan-pg .progress .right-price-data,
.plan-pg .progress .right-price-data {
    position: absolute;
    top: 25px
}

.plan-pg .search-box {
    max-width: 300px
}

.plan-pg #searchtext {
    height: 30px;
    border-radius: 20px;
    width: 100%;
    padding-left: 10px
}

.plan-pg .hide-row {
    display: none
}

.plan-pg a.btn-outline-success:hover {
    color: #fff
}

.plan-pg input.heart[type=checkbox],
.plan-pg .my-acc .formcon textarea.heart[type=checkbox].input-textarea,
.my-acc .formcon .plan-pg textarea.heart[type=checkbox].input-textarea,
.plan-pg .my-acc .form-group textarea.heart[type=checkbox].input-textarea,
.my-acc .form-group .plan-pg textarea.heart[type=checkbox].input-textarea {
    display: none
}

.plan-pg input.heart[type=checkbox]+label,
.plan-pg .my-acc .formcon textarea.heart[type=checkbox].input-textarea+label,
.my-acc .formcon .plan-pg textarea.heart[type=checkbox].input-textarea+label,
.plan-pg .my-acc .form-group textarea.heart[type=checkbox].input-textarea+label,
.my-acc .form-group .plan-pg textarea.heart[type=checkbox].input-textarea+label {
    color: #c4c4c4
}

.plan-pg input.heart[type=checkbox]:checked+label,
.plan-pg .my-acc .formcon textarea.heart[type=checkbox].input-textarea:checked+label,
.my-acc .formcon .plan-pg textarea.heart[type=checkbox].input-textarea:checked+label,
.plan-pg .my-acc .form-group textarea.heart[type=checkbox].input-textarea:checked+label,
.my-acc .form-group .plan-pg textarea.heart[type=checkbox].input-textarea:checked+label {
    color: #f27070
}

.plan-pg .add-list-popup {
    border: none;
    border-radius: 10px
}

.plan-pg .add-list-popup .btn-success,
.plan-pg .add-list-popup .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .plan-pg .add-list-popup .btn-read-next,
.plan-pg .add-list-popup .watchlist .view-modal .btn-danger,
.watchlist .view-modal .plan-pg .add-list-popup .btn-danger,
.plan-pg .add-list-popup .watchlist .trigger .btn-outline-danger,
.watchlist .trigger .plan-pg .add-list-popup .btn-outline-danger,
.plan-pg .add-list-popup .btn-danger {
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 12px;
    border: none
}

.plan-pg .sip_blink.badge {
    font-size: 10px;
    width: 30px;
    height: 12px;
    padding-top: 2px;
    text-align: center;
    display: block;
    border-radius: 10px;
    font-weight: normal
}

@media only screen and (max-width: 1024px) {
    .plan-pg .company-name-div-left3 {
        margin-left: -25px
    }
    .plan-pg .xray-good,
    .plan-pg .very-good,
    .plan-pg .very-good-gold-star,
    .ht-btn-rw .plan-pg .btn-success,
    .ht-btn-rw .plan-pg .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .ht-btn-rw .plan-pg .btn-read-next,
    .ht-btn-rw .plan-pg .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .ht-btn-rw .plan-pg .btn-danger,
    .ht-btn-rw .plan-pg .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .ht-btn-rw .plan-pg .btn-outline-danger,
    .plan-pg .ht-btn-rw .btn-success,
    .plan-pg .ht-btn-rw .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .plan-pg .ht-btn-rw .btn-read-next,
    .plan-pg .ht-btn-rw .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .plan-pg .ht-btn-rw .btn-danger,
    .plan-pg .ht-btn-rw .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .plan-pg .ht-btn-rw .btn-outline-danger,
    .plan-pg .xray-bad,
    .plan-pg .not-good,
    .plan-pg .xray-avg,
    .plan-pg .somewhat-good,
    .plan-pg .xray-na,
    .plan-pg .decision-maker-section .card .na,
    .decision-maker-section .card .plan-pg .na {
        width: 160px
    }
    .plan-pg .search-box {
        max-width: 225px !important
    }
    .plan-pg .tabs {
        overflow: scroll;
        display: inline-flex;
        width: inherit
    }
    .plan-pg .tabs a {
        line-height: 35px
    }
}

@media only screen and (max-width: 768px) {
    .plan-pg .card {
        margin: 10px auto !important
    }
    .plan-pg .ratingfreedm {
        font-size: 10px
    }
    .plan-pg .circle-green-round,
    .plan-pg .circle-Green-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-red-round,
    .plan-pg .circle-Red-round,
    .plan-pg .not-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-yellow-round,
    .plan-pg .circle-Yellow-round,
    .plan-pg .somewhat-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-gray-round,
    .plan-pg .circle-green-round,
    .plan-pg .circle-Green-round,
    .plan-pg .circle-red-round,
    .plan-pg .circle-Red-round,
    .plan-pg .circle-yellow-round,
    .plan-pg .circle-Yellow-round,
    .plan-pg .circle-orange-round,
    .plan-pg .circle-Orange-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks,
    .plan-pg .somewhat-good-icon-right-stocks,
    .plan-pg .not-good-icon-right-stocks,
    .plan-pg .na-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .list-table tr td .colorCode {
        display: contents
    }
    .plan-pg .company-name-div-left3 {
        margin: 0 auto;
        float: none
    }
    .plan-pg .xray-good,
    .plan-pg .very-good,
    .plan-pg .very-good-gold-star,
    .ht-btn-rw .plan-pg .btn-success,
    .ht-btn-rw .plan-pg .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .ht-btn-rw .plan-pg .btn-read-next,
    .ht-btn-rw .plan-pg .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .ht-btn-rw .plan-pg .btn-danger,
    .ht-btn-rw .plan-pg .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .ht-btn-rw .plan-pg .btn-outline-danger,
    .plan-pg .ht-btn-rw .btn-success,
    .plan-pg .ht-btn-rw .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .plan-pg .ht-btn-rw .btn-read-next,
    .plan-pg .ht-btn-rw .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .plan-pg .ht-btn-rw .btn-danger,
    .plan-pg .ht-btn-rw .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .plan-pg .ht-btn-rw .btn-outline-danger,
    .plan-pg .xray-bad,
    .plan-pg .not-good,
    .plan-pg .xray-avg,
    .plan-pg .somewhat-good,
    .plan-pg .xray-na,
    .plan-pg .decision-maker-section .card .na,
    .decision-maker-section .card .plan-pg .na {
        width: 100px
    }
    .plan-pg .brdr-rt:after {
        background: none
    }
    .plan-pg .search-box {
        max-width: 125px !important
    }
    .plan-pg .select-sort-opt a.btn {
        font-size: .7rem
    }
    .plan-pg .list-table tr td.sticky-sort {
        z-index: 1 !important
    }
}

@media only screen and (max-width: 425px) {
    .plan-pg .search-box {
        max-width: 325px !important;
        margin: 5px 0
    }
    .plan-pg .ratingfreedm {
        font-size: 10px
    }
    .plan-pg .circle-green-round,
    .plan-pg .circle-Green-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-red-round,
    .plan-pg .circle-Red-round,
    .plan-pg .not-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-yellow-round,
    .plan-pg .circle-Yellow-round,
    .plan-pg .somewhat-good-icon-right-stocks {
        padding-top: 0px;
        width: 19px;
        height: 20px
    }
    .plan-pg .circle-gray-round,
    .plan-pg .circle-green-round,
    .plan-pg .circle-Green-round,
    .plan-pg .circle-red-round,
    .plan-pg .circle-Red-round,
    .plan-pg .circle-yellow-round,
    .plan-pg .circle-Yellow-round,
    .plan-pg .circle-orange-round,
    .plan-pg .circle-Orange-round,
    .plan-pg .very-good-goldstar-icon-right-stocks,
    .plan-pg .very-good-icon-right-stocks,
    .plan-pg .somewhat-good-icon-right-stocks,
    .plan-pg .not-good-icon-right-stocks,
    .plan-pg .na-icon-right-stocks {
        padding-top: 0px;
        width: 15px;
        height: 15px
    }
    .plan-pg .brdr-rt {
        border-left: 0px;
        border-right: 0px !important;
        border-bottom: 2px;
        border-top: 0px;
        padding-bottom: 15px;
        border-style: solid;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.02));
        border-image-slice: 1;
        margin-bottom: 10px
    }
    .plan-pg .brdr-rt:after {
        background: none
    }
    .plan-pg .xray-good,
    .plan-pg .very-good,
    .plan-pg .very-good-gold-star,
    .ht-btn-rw .plan-pg .btn-success,
    .ht-btn-rw .plan-pg .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .ht-btn-rw .plan-pg .btn-read-next,
    .ht-btn-rw .plan-pg .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .ht-btn-rw .plan-pg .btn-danger,
    .ht-btn-rw .plan-pg .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .ht-btn-rw .plan-pg .btn-outline-danger,
    .plan-pg .ht-btn-rw .btn-success,
    .plan-pg .ht-btn-rw .page-wrapper .page-content .btn-read-next,
    .page-wrapper .page-content .plan-pg .ht-btn-rw .btn-read-next,
    .plan-pg .ht-btn-rw .watchlist .view-modal .btn-danger,
    .watchlist .view-modal .plan-pg .ht-btn-rw .btn-danger,
    .plan-pg .ht-btn-rw .watchlist .trigger .btn-outline-danger,
    .watchlist .trigger .plan-pg .ht-btn-rw .btn-outline-danger,
    .plan-pg .xray-bad,
    .plan-pg .not-good,
    .plan-pg .xray-avg,
    .plan-pg .somewhat-good,
    .plan-pg .xray-na,
    .plan-pg .decision-maker-section .card .na,
    .decision-maker-section .card .plan-pg .na {
        width: 175px
    }
    .plan-pg .tabs a {
        line-height: 28px;
        font-size: 1rem
    }
    .plan-pg .stock-btn-title {
        min-width: 85px
    }
    .plan-pg #selectIndex {
        max-width: 150px
    }
}

.plan-pg .checked {
    color: #1eaf6d
}

.plan-pg .radio-active .form-check-input[type=checkbox],
.plan-pg .form-check-input[type=radio] {
    display: block;
    margin-top: 7px
}

.plan-pg .radio-active .form-check-label {
    font-size: 12px;
    line-height: 15px;
    padding-left: 5px
}

.plan-pg .bm-red::before {
    content: url("/images/solutions/bookmark-red.svg");
    position: absolute;
    right: 15px;
    top: -5px
}

.plan-pg .bm-green::before {
    content: url("/images/solutions/bookmark-green.svg");
    position: absolute;
    right: 15px;
    top: -5px
}

.dropdown-menu {
    z-index: 1
}

.list-table label {
    margin-bottom: 0px
}

.unlock-direction {
    direction: ltr;
    unicode-bidi: bidi-override;
    font-size: 1rem;
    cursor: pointer;
    color: #7c7c7c;
    display: contents
}

.ratingfreedm .fa-lock {
    border: 1px solid #3f3f72;
    padding: 5px 6px;
    border-radius: 50%;
    color: #3f3f72;
    font-size: 11px
}

.colorCode .fa-lock {
    border: 1px solid #3f3f72;
    padding: 5px 6px;
    border-radius: 50%;
    color: #3f3f72;
    font-size: 11px
}

.colorCode {
    cursor: pointer;
    min-width: 78px
}

.colorCode span.active .title {
    position: absolute;
    top: 25px;
    background: gray;
    padding: 2px;
    border-radius: 5px;
    left: 0;
    white-space: nowrap
}

.sr-no,
.check-box {
    font-size: .85rem;
    background-image: none !important
}

td.stick .company-ellipses,
td.stick .dashboard .popular-screen-ellipses,
.dashboard td.stick .popular-screen-ellipses {
    max-width: 167px;
    width: 90%;
    min-width: 165px
}

td.stick .company-ellipses a,
td.stick .dashboard .popular-screen-ellipses a,
.dashboard td.stick .popular-screen-ellipses a {
    color: #343434;
    font-weight: 700
}

td.stick .company-name {
    max-width: 167px;
    min-width: 165px
}

td.stick .company-name a {
    color: #3f3f72;
    font-weight: 700
}

.floating-transaction {
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 2%;
    background: #fff;
    border-radius: 25px;
    padding: 0px;
    width: fit-content
}

#myAlert {
    width: auto;
    position: fixed;
    top: 45%;
    right: 2%
}

.alert-warning {
    color: #000;
    background-color: #e8f7f0;
    border-color: #dafded;
    padding: 10px
}

.peter-lynch-table-nav {
    width: 987px;
    float: left
}

.peter-lynch-table-nav a {
    color: #000
}

.peter-lynch-table-nav .table-sub-nav {
    width: 140px;
    height: 76px;
    text-align: center;
    float: left;
    cursor: pointer
}

.peter-lynch-table-nav .table-sub-nav .table-sub-nav-text {
    font-size: 14px;
    margin: 8px 0;
    width: 100%;
    float: left;
    text-align: center
}

.peter-lynch-table-nav .table-sub-nav .table-sub-nav-img {
    padding-bottom: 7px
}

.peter-lynch-table-nav .peter-lynch-active-submenu {
    background: #ebebeb;
    border-right: none !important
}

.peter-lynch-table-nav .peter-lynch-deactive-submenu {
    background: #f6f6f6;
    border-right: 1px solid #e7e7e7;
    color: #666
}

.compeer-sprite-img {
    background: url(/images/compeer/compeer-sprite-img.png) no-repeat;
    float: right;
    margin-top: 7px
}

.cyclical {
    background-position: -23px -7px;
    width: 11px;
    height: 11px
}

.turnaround {
    background-position: -7px -7px;
    width: 12px;
    height: 13px
}

.stalwart {
    background-position: -104px -7px;
    width: 9px;
    height: 11px
}

.value {
    background-position: -83px -7px;
    width: 12px;
    height: 12px
}

.fast-grower {
    background-position: -65px -7px;
    width: 11px;
    height: 11px
}

.cyclical {
    background-position: -23px -7px;
    width: 11px;
    height: 11px
}

.slow-grower {
    background-position: -40px -7px;
    width: 15px;
    height: 10px
}

.question-mark {
    background-position: -122px -7px;
    width: 6px;
    height: 10px
}

.turnaround {
    background-position: -7px -7px;
    width: 12px;
    height: 13px
}

.peter-lynch-bot-text h2,
.tag-nav-bottom h3 {
    font-weight: normal;
    font-size: 11px
}

@media only screen and (max-width: 1024px) {
    .listCompany .sticky-header {
        top: 0px
    }
    .listCompany .stick {
        left: 30px !important;
        position: sticky;
        background: #fff
    }
    .list-table tr td.text-left .company-ellipses,
    .list-table tr td.text-left .dashboard .popular-screen-ellipses,
    .dashboard .list-table tr td.text-left .popular-screen-ellipses {
        max-width: 86px
    }
    .nav-top-stocks li.nav-item a {
        font-size: .83rem;
        padding: .5rem .25rem
    }
}

@media only screen and (max-width: 900px) {
    .list-table tr th {
        min-width: 74px
    }
    .list-table tr th:first-child {
        min-width: 30px !important
    }
    .listCompany .stick {
        left: 30px !important;
        position: sticky;
        background: #fff
    }
    td.decizen-lock {
        z-index: 0 !important;
        position: relative
    }
}

@media only screen and (max-width: 768px) {
    .listCompany .sticky-header {
        top: 0px !important;
        z-index: 2
    }
    .listing-title h1 {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
    #transactBtns .border-success {
        padding: 1px 6px
    }
    #transactBtns .border-success .fa-eye,
    #transactBtns .border-success .fa-briefcase {
        font-size: 13px
    }
    .more-info .dropdown-menu {
        left: 0% !important
    }
    div#starRatings {
        margin-left: 0px !important
    }
    .stick .dropdown .res-dropdown {
        padding: 5px;
        font-size: 1.5rem;
        border-radius: 5px !important;
        text-decoration: none;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        line-height: 1
    }
    .pg-head .know-more-icon svg.bi.bi-caret-down-fill {
        margin-top: -10px
    }
    .listCompany .font-22rem {
        font-size: 1.7rem
    }
    .list-hot-buttons,
    .bg-gainers .best-index-table-ind-list-nav li a {
        background: #3f3f72;
        border-radius: 20px;
        padding: 4px 10px;
        border: none;
        color: #fff;
        font-size: 1.1rem;
        margin: 5px 0px
    }
    #stock-list-table tr th,
    .nifty-table table th,
    .nifty-table table td {
        font-size: 1rem
    }
    .best-index-table-ind-list-nav-acr a {
        width: 102px;
        background: #65d675;
        padding: 8px 15px;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        border-right: 1px solid #fff;
        font-weight: normal;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid #fff
    }
    #multi-item-example .btn-floating .fa-chevron-left {
        position: absolute;
        top: 44%;
        left: -15px
    }
    #multi-item-example .btn-floating .fa-chevron-right {
        position: absolute;
        top: 44%;
        right: -15px
    }
    .mob-buttons li {
        list-style: none
    }
    .mob-buttons li a {
        border-radius: 20px;
        padding: 3px 8px;
        height: 36px;
        min-width: fit-content;
        width: auto;
        font-size: 1rem;
        line-height: 28px
    }
    #multi-item-example .card {
        padding: 5px;
        border: 0px !important;
        box-shadow: none
    }
    .responsive-holder thead th {
        font-size: 1rem;
        min-width: 78px
    }
    .responsive-holder thead th.sr-no {
        min-width: 30px;
        max-width: 30px;
        padding: 5px !important
    }
    .listCompany .stick {
        left: 30px !important;
        position: sticky;
        background: #fff
    }
    td.stick .dropdown-menu {
        left: 28px !important;
        box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
    }
    td.stick .dropdown-toggle::after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .best-comp {
        min-width: 74px;
        align-self: center
    }
    .list-hot-buttons-res,
    .best-from-res {
        overflow-x: auto;
        display: flex;
        padding: 10px
    }
    .best-from-res {
        padding: 0px
    }
    .best-from-res a {
        line-height: 1.5
    }
    .best-from-res .list-hot-buttons,
    .best-from-res .bg-gainers .best-index-table-ind-list-nav li a,
    .bg-gainers .best-index-table-ind-list-nav li .best-from-res a {
        margin: 5px 3px
    }
    .best-from-res .large-btn {
        min-width: 200px
    }
    .best-from-res .list-hot-buttons:hover,
    .best-from-res .bg-gainers .best-index-table-ind-list-nav li a:hover,
    .bg-gainers .best-index-table-ind-list-nav li .best-from-res a:hover {
        background: #fff;
        border: 1px solid #1eaf6d !important
    }
    .list-hot-buttons,
    .bg-gainers .best-index-table-ind-list-nav li a {
        padding: 3px 8px;
        height: 25px;
        min-width: fit-content;
        width: auto;
        font-size: 80%;
        margin: 5px 8px
    }
    th.stick {
        background: #c4c4c4;
        position: sticky;
        left: 0px
    }
    .tablesorter-default .header,
    .tablesorter-default .tablesorter-header {
        background-position: left;
        padding: 6px 22px
    }
    .list-table {
        position: relative;
        overflow-x: scroll;
        overflow-y: scroll !important;
        width: 100% !important;
        max-height: 75vh
    }
}

.tablesorter-header-inner {
    line-height: normal
}

.tablesorter-header-inner .tablesorter-header-inner .tablesorter-header-inner:first-child {
    text-align: right !important
}

.sticky-header .tablesorter-header-inner {
    color: #132a26;
    margin-left: 3px
}

@media only screen and (max-width: 600px) {
    #stock-list-table {
        width: 369px
    }
    .popover {
        max-width: 390px !important
    }
}

@media(max-width: 480px) {
    .list-table tr th {
        min-width: 90px
    }
    .pg-head .h2 {
        font-size: 1.8rem !important;
        line-height: 2.3rem
    }
    .my-plans-pg {
        padding-top: 4px
    }
    .my-plans-pg .btn-outline-success:hover {
        background-color: none !important;
        color: #fff
    }
    .my-plans-pg .btn-default {
        font-size: 12px;
        padding: 3px 5px;
        max-height: 24px
    }
    .trd_btn {
        max-height: 25px
    }
    .my-plans-pg .btn-group.itemcontent .btn-outline-success {
        font-size: 12px;
        padding: 3px 5px;
        box-shadow: none !important
    }
    #contentinner-nobg-nifty {
        margin: 15px 0 0 0
    }
    ul.nav-top-stocks {
        border-bottom: none;
        padding: 10px 0px
    }
    ul.nav-top-stocks li.nav-item {
        border: none;
        min-width: 105px;
        max-width: 120px
    }
    ul.nav-top-stocks li.nav-item a {
        box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
        border-radius: 20px;
        margin: 5px
    }
    ul.nav-top-stocks li.nav-item .nav-link.active,
    ul.nav-top-stocks li.nav-item .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices ul.nav-top-stocks li.nav-item a.nav-link {
        background: #245049;
        color: #fff;
        border: none
    }
}

@media only screen and (max-width: 425px) {
    td .company-ellipses,
    td .dashboard .popular-screen-ellipses,
    .dashboard td .popular-screen-ellipses {
        max-width: 125px !important;
        min-width: 125px !important;
        font-size: 1rem
    }
    td.stick.company-name {
        max-width: 127px;
        min-width: 125px
    }
    td.stick {
        white-space: normal;
        min-width: 120px;
        background: #fff;
        text-align: left;
        max-width: 20%;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        overflow: hidden
    }
}

@media only screen and (max-width: 320px) {
    td.stick {
        overflow: visible
    }
    td.stick .dropdown-menu .dropdown-item {
        padding: 3px .5rem;
        font-size: .9rem
    }
    .dashboard td .popular-screen-ellipses {
        max-width: 95px !important;
        min-width: 95px !important
    }
    .mob-buttons li a {
        font-size: .9rem
    }
    ul.nav-top-stocks li.nav-item {
        border: none;
        min-width: 90px;
        max-width: 120px
    }
    #carousel_gainers .best-stock .owl-item {
        width: 238px !important
    }
}

.popover {
    max-width: 18%;
    box-shadow: 0px 0px 10px 2px #dcdcdc !important;
    border: none;
    border-radius: 10px
}

.dashboard-container {
    max-width: 1230px
}

.portfoliosummary.table-bordered td,
.portfoliosummary.table-bordered th {
    border: 1px solid #b5964d !important
}

.investment-action.table-bordered td {
    border: 1px solid #b5964d !important
}

.dashboard ul.custom-list-tick {
    list-style: none;
    padding-left: 0
}

.dashboard .cup-of-tea .side-bar {
    border-right: 1px solid #b5964d
}

@media(max-width: 768px) {
    .dashboard .cup-of-tea .side-bar {
        border-right: none
    }
}

.dashboard ul.custom-list-tick li::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url("/images/dashboard/sensible-investing/tick.svg");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.dashboard .Analyst-blogs-tabs .nav,
.dashboard .Analyst-Advisory-tabs .nav {
    border: 1px solid #b5964d;
    border-radius: 5px
}

.dashboard .Analyst-blogs-tabs .nav .nav-item .nav-link,
.dashboard .Analyst-Advisory-tabs .nav .nav-item .nav-link {
    color: #245049
}

.dashboard .Analyst-blogs-tabs .nav .nav-item .nav-link.active,
.dashboard .Analyst-blogs-tabs .nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .dashboard .Analyst-blogs-tabs .nav .nav-item a.nav-link,
.dashboard .Analyst-Advisory-tabs .nav .nav-item .nav-link.active,
.dashboard .Analyst-Advisory-tabs .nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .dashboard .Analyst-Advisory-tabs .nav .nav-item a.nav-link {
    background-color: #b5964d;
    color: #fff
}

.dashboard .dashboard-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 12px 20px;
    border-radius: 10px;
    border: 0;
    margin-bottom: 10px
}

.dashboard .dashboard-card span {
    padding: 2px
}

.dashboard .lock-dashboard-data {
    background-repeat: no-repeat;
    position: absolute;
    bottom: 35px;
    height: 159px;
    backdrop-filter: blur(1px);
    width: -webkit-fill-available
}

.dashboard .checkbox label,
.dashboard select,
.dashboard option,
.dashboard .radio-inline {
    cursor: pointer
}

.dashboard #feedbackPopup label {
    font-size: 13px
}

.dashboard .sub-card {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px;
    font-size: 1.12rem;
    font-weight: 500;
    min-height: 40px;
    max-height: -webkit-fill-available;
    font-weight: 600;
    margin: 5px 0px
}

.dashboard .sub-card:hover {
    border: 1px solid #1eaf6d
}

.dashboard .checklist input,
.dashboard .checklist .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .dashboard .checklist textarea.input-textarea,
.dashboard .checklist .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .dashboard .checklist textarea.input-textarea,
.dashboard .checklist label {
    cursor: pointer
}

.dashboard .superstarTable td {
    padding: 5px
}

.dashboard .market-update .market-update-head {
    background: #f0f0f2;
    line-height: 2.2;
    font-size: 1.4rem;
    font-weight: 700
}

.dashboard .market-update .market-update-card .side-bar {
    border-right: 1px solid #b5964d
}

.dashboard .market-update .market-update-card .side-bar:last-child {
    border-right: none
}

.dashboard th,
.dashboard td {
    font-family: inherit;
    font-size: 1.1rem;
    color: #3e4248
}

.dashboard .portfolio-manager .red {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background: red
}

.dashboard .portfolio-manager .blue {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background: #158daa
}

.dashboard .portfolio-manager .d-blue {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background: #3f3f72
}

.dashboard .portfolio-manager .orange {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background: #dc9935
}

.dashboard .portfolio-manager .particulars {
    color: #3f3f72;
    font-weight: 700
}

.dashboard .analyst .notes-img,
.dashboard .analyst .analyst-notes-icon,
.dashboard .news .notes-img,
.dashboard .news .analyst-notes-icon {
    width: 22px;
    height: 22px
}

.dashboard .last-visited span,
.dashboard .watchlist span {
    font-size: 11px
}

.dashboard .last-visited a:hover,
.dashboard .watchlist a:hover {
    text-decoration: auto
}

.dashboard a {
    text-decoration: none
}

.dashboard .news .news-links,
.dashboard .news .analyst-links,
.dashboard .analyst .news-links,
.dashboard .analyst .analyst-links {
    font-size: 1.14rem !important;
    padding: 8px 10px;
    border-radius: 7px;
    list-style: none;
    align-items: center;
    margin-top: 7px;
    border: 1px solid #e3e3e3
}

.dashboard .news .news-links .news-links-width,
.dashboard .news .analyst-links .news-links-width,
.dashboard .analyst .news-links .news-links-width,
.dashboard .analyst .analyst-links .news-links-width {
    max-width: 350px;
    min-width: 336px
}

.dashboard .news .news-links .analyst-links-width,
.dashboard .news .analyst-links .analyst-links-width,
.dashboard .analyst .news-links .analyst-links-width,
.dashboard .analyst .analyst-links .analyst-links-width {
    max-width: 340px;
    min-width: 335px
}

.dashboard .news .news-links a,
.dashboard .news .analyst-links a,
.dashboard .analyst .news-links a,
.dashboard .analyst .analyst-links a {
    color: #0361a8;
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: -5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.dashboard .news .news-links:hover,
.dashboard .news .analyst-links:hover,
.dashboard .analyst .news-links:hover,
.dashboard .analyst .analyst-links:hover {
    border: 1px solid #1eaf6d
}

.dashboard .dividevalue1 {
    height: 20px;
    background: #1eaf6d;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.dashboard .dividevalue2 {
    height: 20px;
    background: #1eaf6d;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    background: #f27070
}

.dashboard #requestCallBackBtn2 {
    border: 1px solid #3f3f72;
    color: #3f3f72
}

.dashboard .alert-success {
    border-color: #88cc98;
    font-weight: 400;
    font-size: 1.1rem
}

.dashboard .company-data .ratingfreedm {
    font-size: 1rem;
    line-height: 1
}

.dashboard button {
    cursor: pointer
}

.dashboard #Investingbasics,
.dashboard .multi-collapse {
    background: #fff;
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    font-size: 1rem;
    border-radius: 10px;
    padding: 10px
}

.dashboard .investing-simplified-img {
    width: 150px;
    height: 80px
}

.dashboard #financial-planning-div .sip,
.dashboard #financial-planning-div .lumpsum {
    font-size: 1.1rem
}

.dashboard .investing-simplified .dashboard-card:hover,
.dashboard .manage-your-investment .dashboard-card:hover {
    border: 1px solid #1eaf6d;
    padding: 12px 19px
}

.dashboard .manage-your-investment .card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 5px 20px;
    border-radius: 10px;
    border: 0;
    margin-bottom: 10px
}

.dashboard .w-30 {
    width: 30px
}

.dashboard .w-24 {
    width: 24px
}

.dashboard .w-16 {
    width: 16px
}

.dashboard .checkunchk,
.dashboard .checkuncheck {
    border: none;
    line-height: 1.2;
    position: absolute;
    margin-left: -22px;
    height: 17px;
    width: 17px;
    font-size: 16px;
    text-align: center;
    background-color: #f5f5f5
}

.dashboard .checkunchk .fa-check,
.dashboard .checkuncheck .fa-check {
    color: #1eaf6d
}

.dashboard .checkuncheck {
    margin-left: -16px;
    margin-top: 5px
}

.dashboard input:checked~.checkmark,
.dashboard .my-acc .formcon textarea.input-textarea:checked~.checkmark,
.my-acc .formcon .dashboard textarea.input-textarea:checked~.checkmark,
.dashboard .my-acc .form-group textarea.input-textarea:checked~.checkmark,
.my-acc .form-group .dashboard textarea.input-textarea:checked~.checkmark {
    background-color: #245049;
    border: 1px solid #245049
}

.dashboard .checkmark {
    position: absolute;
    margin-left: -20px;
    height: 17px;
    width: 17px;
    font-size: 16px;
    text-align: center;
    background-color: #f5f5f5;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid
}

.dashboard input:checked~.checkmark:after,
.dashboard .my-acc .formcon textarea.input-textarea:checked~.checkmark:after,
.my-acc .formcon .dashboard textarea.input-textarea:checked~.checkmark:after,
.dashboard .my-acc .form-group textarea.input-textarea:checked~.checkmark:after,
.my-acc .form-group .dashboard textarea.input-textarea:checked~.checkmark:after {
    display: block
}

.dashboard .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dashboard .checkmark:after {
    content: "";
    position: absolute
}

.dashboard .company-ellipses,
.dashboard .popular-screen-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

.dashboard .popular-screen-ellipses {
    width: 61%
}

.dashboard #searchtextforcall,
.dashboard #isdcode {
    border: 1px solid #b1b1b1;
    padding: 4px 12px;
    border-radius: 10px;
    background: #fff;
    color: #3e4248;
    font-size: 1.1rem
}

.dashboard .width-55 {
    width: 55px
}

.dashboard .sensible-investing-name {
    min-height: 45px
}

.dashboard #companydata_div .dashboard-card {
    min-height: 364px
}

.dashboard .illustration-card-min-height {
    min-height: 468px
}

.dashboard .headline-width {
    width: 217px
}

.dashboard .notes-width {
    width: 210px
}

.dashboard .nav-tabs {
    border: #b5964d;
    background-color: #fff;
    color: #245049
}

.dashboard .nav-tabs .nav-item {
    color: #245049 !important;
    font-size: 1.1rem;
    padding: 3px;
    border: 1px solid #b5964d;
    border-radius: 0px
}

.dashboard .nav-tabs .active,
.dashboard .nav-tabs .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .dashboard .nav-tabs a {
    color: #fff !important;
    background-color: #b5964d;
    border: 1px solid #b5964d
}

.dashboard .nav-tabs .nav-link::after {
    background: none
}

.dashboard .trending-companies {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

.dashboard .min-ht {
    min-height: 90px
}

@media only screen and (max-width: 375px) {
    .dashboard .news-links-width a,
    .dashboard .analyst-links-width a {
        width: 166px !important;
        font-size: 1rem !important
    }
}

@media only screen and (max-width: 575px) {
    .dashboard .lock-dashboard-data {
        bottom: 0px;
        height: 127px
    }
    .dashboard td {
        font-size: 1rem;
        padding: 5px
    }
    .dashboard .checkmark {
        margin-left: -20px
    }
    .dashboard .checkunchk,
    .dashboard .checkuncheck {
        margin-left: -16px
    }
    .dashboard .dashboard-card {
        padding: 12px
    }
    .dashboard .news-links-width a,
    .dashboard .analyst-links-width a {
        width: 245px;
        font-size: 1rem !important
    }
    .dashboard #Advisory-Desk p {
        font-size: 1rem !important
    }
    .dashboard .investing-simplified .dashboard-card {
        min-height: 200px !important
    }
    .dashboard .min-ht {
        min-height: 80px !important
    }
    .dashboard .illustration-card-min-height span {
        min-height: 18px
    }
}

@media only screen and (max-width: 768px) {
    .dashboard .sm-m-0 {
        margin: 0px !important
    }
    .dashboard .sm-pl-1 {
        padding-left: 1rem !important
    }
    .dashboard .headline-width {
        width: 90px
    }
    .dashboard .notes-width {
        width: 86px
    }
    .dashboard .sub-card {
        font-size: 1rem
    }
    .dashboard #portfoliosummary_div1 img,
    .dashboard #financialplanning_div img {
        width: 100px !important
    }
}

@media only screen and (max-width: 900px) {
    .dashboard .min-ht {
        min-height: 130px
    }
    .dashboard .illustration-card-min-height span {
        min-height: 42px
    }
}

@media only screen and (max-width: 1024px) {
    .dashboard .mob-mt-0 {
        margin-top: 0rem
    }
}

.complete-investing-soln .bg-lightgray {
    height: 300px;
    position: relative
}

.complete-investing-soln .container {
    margin-top: -300px
}

.mw4me-homepage .homepage-hr {
    background: #1eaf6d;
    padding: 2px;
    width: 5%
}

.mw4me-homepage .table-links {
    font-weight: 700;
    font-size: 1.2rem;
    color: #0361a8 !important;
    cursor: pointer;
    text-decoration: underline !important
}

.mw4me-homepage .plan-headings {
    font-size: 1.3rem
}

.mw4me-homepage .success-mark {
    color: #1eaf6d
}

.mw4me-homepage .line-ht-3 {
    line-height: 3
}

.mw4me-homepage .white-card {
    background: #fff;
    width: 100%;
    min-height: 90px
}

.mw4me-homepage .btn-outline-white {
    border: 1px solid #fff
}

.mw4me-homepage .btn-outline-darkblue {
    border: 1px solid #3f3f72
}

.mw4me-homepage .pyramid-darkblue-text {
    position: absolute;
    margin-top: 34px;
    left: 10%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #3f3f72;
    text-transform: uppercase;
    width: 130px
}

.mw4me-homepage .pyramid-darkgreen-text,
.mw4me-homepage .pyramid-midgreen-text,
.mw4me-homepage .pyramid-lightgreen-text {
    position: absolute;
    margin-top: 20%;
    left: 28.9%;
    width: 130px;
    color: #fff;
    font-size: 1.3rem;
    text-transform: uppercase
}

.mw4me-homepage .pyramid-lightgreen-text {
    margin-top: 53%;
    left: 21%;
    width: 230px;
    color: #3f3f72;
    font-weight: 700
}

.mw4me-homepage .pyramid-midgreen-text {
    margin-top: 36%;
    left: 23.5%;
    width: 190px
}

.mw4me-homepage .pyramid-darkblue-arrow,
.mw4me-homepage .pyramid-midgreen-arrow,
.mw4me-homepage .pyramid-lightgreen-arrow,
.mw4me-homepage .pyramid-darkgreen-arrow {
    position: absolute;
    left: 37%;
    top: -22%;
    z-index: -1;
    margin-top: 21%
}

.mw4me-homepage .pyramid-darkgreen-arrow {
    top: 1%;
    left: 42%
}

.mw4me-homepage .pyramid-lightgreen-arrow {
    left: 69%;
    top: 84%
}

.mw4me-homepage .pyramid-midgreen-arrow {
    left: 50%;
    top: 26%
}

.mw4me-homepage .pyramid-lightgreen-arrow {
    left: 59%;
    top: 50%
}

.mw4me-homepage .manage-risk-text,
.mw4me-homepage .investing-decisions-text,
.mw4me-homepage .plan-text,
.mw4me-homepage .strong-portfolio-text {
    position: relative;
    left: -80%;
    top: 12%;
    width: 500px;
    text-align: left;
    font-size: 1.3rem;
    color: #3e4248
}

.mw4me-homepage .strong-portfolio-text {
    left: -62%;
    top: 17%
}

.mw4me-homepage .plan-text {
    left: -44%;
    top: 28%
}

.mw4me-homepage .investing-decisions-text {
    left: -22%;
    top: 36%;
    width: 400px
}

.mw4me-homepage .white-border {
    border: dashed 1px #fff;
    position: absolute;
    width: 80%;
    top: 40%;
    left: 23.2%
}

.mw4me-homepage .white-dot {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    top: 35%;
    right: -40px
}

.mw4me-homepage #five-step-journey .arrow-open-close:before {
    top: 0px
}

.mw4me-homepage #five-step-journey .arrow-open-close:after {
    top: 0px;
    right: 8px
}

.mw4me-homepage #superstars-plan #table th,
.mw4me-homepage #superstars-plan #table td {
    font-size: 1.1rem !important
}

.mw4me-homepage #superstars-plan #table tr.ebook-row td {
    background: azure
}

.mw4me-homepage #superstars-plan #table th.table-heading {
    font-size: 1.6rem !important;
    color: #3f3f72
}

.mw4me-homepage #superstars-plan #table tr.heading {
    background: #d7f1e5 !important
}

.mw4me-homepage #superstars-plan #table tr:nth-child(2n) td {
    background: none !important
}

.mw4me-homepage #superstars-plan #table.url-action tr td:nth-child(1),
.mw4me-homepage #superstars-plan #table.category-action tr td:nth-child(1),
.mw4me-homepage #superstars-plan #table.popularity-action tr td:nth-child(1),
.mw4me-homepage #superstars-plan #table.omega-action tr td:nth-child(1) {
    z-index: -1
}

.mw4me-homepage .trophy-img {
    margin-top: -190px !important
}

.mw4me-homepage .white-dot1 {
    top: 86.8%;
    left: 47%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    right: -40px
}

.mw4me-homepage .fw-500 {
    font-weight: 500 !important
}

.mw4me-homepage .stick {
    max-width: 20%;
    position: sticky;
    left: 0;
    overflow: hidden;
    background: #fff;
    z-index: 1
}

@media only screen and (max-width: 360px) {
    .mw4me-homepage .manage-portfolio {
        left: 11% !important
    }
}

@media only screen and (max-width: 991px) {
    .mw4me-homepage .list-unstyled {
        min-height: 200px
    }
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 1.5 !important
    }
    .mw4me-homepage .pyramid-darkblue-text {
        margin-top: 17px;
        left: 5%;
        font-size: 1rem
    }
    .mw4me-homepage .manage-risk-text,
    .mw4me-homepage .strong-portfolio-text,
    .mw4me-homepage .plan-text,
    .mw4me-homepage .investing-decisions-text {
        left: -63%;
        top: 15%;
        font-size: 1rem
    }
    .mw4me-homepage .pyramid-darkgreen-text,
    .mw4me-homepage .pyramid-lightgreen-text,
    .mw4me-homepage .pyramid-midgreen-text {
        left: 23.9%;
        font-size: 1rem
    }
    .mw4me-homepage .pyramid-midgreen-text {
        left: 16.9%
    }
    .mw4me-homepage .pyramid-lightgreen-text {
        left: 13.9%
    }
    .mw4me-homepage .strong-portfolio-text {
        left: -33% !important
    }
    .mw4me-homepage .plan-text {
        left: -16% !important;
        top: 23% !important
    }
    .mw4me-homepage .investing-decisions-text {
        left: 10% !important;
        top: 25% !important
    }
}

@media only screen and (max-width: 900px) {
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 1.5
    }
    .mw4me-homepage .pyramid-darkblue-text {
        margin-top: 15px;
        left: 1%;
        font-size: 1rem
    }
    .mw4me-homepage .pyramid-darkgreen-text,
    .mw4me-homepage .pyramid-lightgreen-text,
    .mw4me-homepage .pyramid-midgreen-text {
        font-size: 1rem;
        left: 23.9%
    }
    .mw4me-homepage .pyramid-midgreen-text {
        left: 6.2rem;
        font-size: 1rem
    }
    .mw4me-homepage .pyramid-lightgreen-text {
        left: 4.9rem
    }
    .mw4me-homepage .pyramid-darkblue-arrow,
    .mw4me-homepage .pyramid-darkgreen-arrow,
    .mw4me-homepage .pyramid-lightgreen-arrow,
    .mw4me-homepage .pyramid-midgreen-arrow {
        left: 33%
    }
    .mw4me-homepage .pyramid-darkgreen-arrow {
        left: 30%
    }
    .mw4me-homepage .pyramid-midgreen-arrow {
        left: 41%
    }
    .mw4me-homepage .pyramid-lightgreen-arrow {
        left: 49%
    }
    .mw4me-homepage .manage-risk-text,
    .mw4me-homepage .strong-portfolio-text,
    .mw4me-homepage .plan-text,
    .mw4me-homepage .investing-decisions-text {
        top: 12%
    }
    .mw4me-homepage .plan-text {
        left: -34%
    }
    .mw4me-homepage .investing-decisions-text {
        left: -11%;
        width: 334px !important
    }
    .mw4me-homepage .manage-risk-text,
    .mw4me-homepage .strong-portfolio-text,
    .mw4me-homepage .plan-text,
    .mw4me-homepage .investing-decisions-text {
        font-size: 1.1rem;
        left: -68%
    }
    .mw4me-homepage .plan-text {
        left: -28% !important;
        top: 14% !important
    }
    .mw4me-homepage .investing-decisions-text {
        left: -11% !important;
        width: 327px !important;
        top: 16% !important
    }
    .mw4me-homepage .strong-portfolio-text {
        left: -52% !important
    }
}

.mw4me-homepage #superstars-plan #table tr.sticky-head {
    z-index: 2 !important;
    top: 83px !important
}

.mw4me-homepage #table {
    table-layout: fixed
}

@media only screen and (max-width: 768px) {
    .mw4me-homepage .bg-img {
        background-image: url(/images/diwali-offer/diwali-banner-mob.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }
    .mw4me-homepage .list-unstyled {
        min-height: 160px
    }
    .mw4me-homepage #superstars-plan table tbody tr td {
        max-width: 154px;
        min-width: 0px
    }
    .mw4me-homepage .plan-headings {
        font-size: 1.2rem
    }
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 1.5 !important
    }
    .mw4me-homepage .investing-decisions-text {
        top: 40px !important
    }
    .mw4me-homepage .manage-risk-text,
    .mw4me-homepage .strong-portfolio-text,
    .mw4me-homepage .plan-text,
    .mw4me-homepage .investing-decisions-text {
        width: 264px !important;
        font-size: 1rem
    }
    .mw4me-homepage .plan-text {
        top: 13% !important;
        font-size: 1rem
    }
    .mw4me-homepage .strong-portfolio-text {
        margin-top: 26px
    }
    .mw4me-homepage .white-dot {
        right: -23px
    }
    .mw4me-homepage .white-card {
        background: #fff none repeat scroll 0% 0% !important;
        padding: 5px 5px !important;
        min-height: 80px;
        font-size: 1rem
    }
    .mw4me-homepage .white-border1,
    .mw4me-homepage .white-border3,
    .mw4me-homepage .white-border2 {
        border: dashed 1px #fff;
        position: absolute;
        width: 80%;
        top: 24%;
        left: 20%
    }
    .mw4me-homepage .white-border2 {
        top: 60%;
        left: 0%;
        width: 100%
    }
    .mw4me-homepage .white-border3 {
        top: 90%;
        left: 0%;
        width: 49%
    }
    .mw4me-homepage .trophy-img {
        width: 62%;
        margin-right: 10%;
        margin-top: -24px !important
    }
    .mw4me-homepage .watch-vd {
        margin-top: -50px;
        position: relative
    }
    .mw4me-homepage .manage-portfolio {
        position: absolute;
        font-size: 1.2rem;
        width: 100px;
        left: 20%;
        top: 2%;
        color: #3f3f72
    }
    .mw4me-homepage .who-we-are .flip-card {
        cursor: pointer
    }
    .mw4me-homepage .who-we-are .flip-card.is-flipped .flip-card-back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background: #fff
    }
    .mw4me-homepage .light-green div,
    .mw4me-homepage .dark-blue div,
    .mw4me-homepage .dark-green div,
    .mw4me-homepage .mild-green div {
        color: #65d675;
        text-align: left;
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 700;
        margin-top: 20px
    }
    .mw4me-homepage .light-green p,
    .mw4me-homepage .dark-blue p,
    .mw4me-homepage .dark-green p,
    .mw4me-homepage .mild-green p {
        font-size: 1.1rem;
        text-align: left;
        line-height: 1.8rem
    }
    .mw4me-homepage .mild-green div {
        color: #1eaf6d
    }
    .mw4me-homepage .dark-green div {
        color: #1c7f50
    }
    .mw4me-homepage .dark-blue div {
        color: #3f3f72
    }
    .mw4me-homepage .mw4me-homepage .stick {
        background: #fff !important
    }
    .mw4me-homepage .chapter-number.num-right {
        margin-left: 0px
    }
}

@media only screen and (max-width: 575px) {
    .mw4me-homepage .bg-img {
        background-image: url(/images/diwali-offer/diwali-banner-mob.png) !important;
        background-size: cover;
        padding: 4px 0px 5px 6px;
        color: #fff;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: auto !important
    }
    .mw4me-homepage .bg-img a {
        font-size: 1rem
    }
    .mw4me-homepage .white-border,
    .mw4me-homepage .white-dot {
        display: none !important
    }
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 3 !important
    }
    .mw4me-homepage .home-ebook-chapter .chapter .chapter-number {
        height: 44px;
        line-height: 44px;
        color: #fff;
        max-width: 44px;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 576px) {
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 1.5
    }
    .mw4me-homepage #table.url-action tr td:nth-child(2),
    .mw4me-homepage #table.category-action tr td:nth-child(3),
    .mw4me-homepage #table.popularity-action tr td:nth-child(4),
    .mw4me-homepage #table.popularity-action tr td:nth-child(5),
    .mw4me-homepage #table.popularity-action tr td:nth-child(6) {
        width: 40%
    }
}

@media only screen and (max-width: 767px) {
    .mw4me-homepage #superstars-plan .tabs li a {
        width: 96px
    }
    .mw4me-homepage .list-unstyled {
        min-height: 58px;
        line-height: 1.8
    }
    .mw4me-homepage #superstars-plan table tbody tr td {
        max-width: 200px !important
    }
    .mw4me-homepage #superstars-plan #table.omega-action tr td:nth-child(6) {
        display: table-cell
    }
    .mw4me-homepage #superstars-plan .tabs li:nth-of-type(5) a {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important
    }
    .mw4me-homepage #superstars-plan .tabs li:nth-of-type(3) a {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important
    }
    .mw4me-homepage #superstars-plan .tabs {
        top: 60px
    }
    .mw4me-homepage .white-border,
    .mw4me-homepage .white-dot {
        display: block
    }
    .mw4me-homepage #table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
        text-align: left
    }
    .mw4me-homepage #table th,
    .mw4me-homepage #table td {
        padding: .5em;
        border: 0
    }
    .mw4me-homepage #table th {
        background: #333;
        color: #f1f1f1
    }
    .mw4me-homepage #table td:after {
        background: none !important
    }
    .mw4me-homepage #table tr:nth-child(2n) td {
        background: #d7f1e5 !important
    }
    .mw4me-homepage #table.url-action th,
    .mw4me-homepage #table.url-action td,
    .mw4me-homepage #table.category-action th,
    .mw4me-homepage #table.category-action td,
    .mw4me-homepage #table.popularity-action th,
    .mw4me-homepage #table.popularity-action td,
    .mw4me-homepage #table.smart-mf-action th,
    .mw4me-homepage #table.smart-mf-action td,
    .mw4me-homepage #table.omega-action th,
    .mw4me-homepage #table.omega-action td {
        display: none
    }
    .mw4me-homepage #table.url-action th,
    .mw4me-homepage #table.category-action th,
    .mw4me-homepage #table.popularity-action th,
    .mw4me-homepage #table.smart-mf-action th,
    .mw4me-homepage #table.omega-action th {
        color: #333
    }
    .mw4me-homepage #table.url-action th:nth-child(1),
    .mw4me-homepage #table.category-action th:nth-child(1),
    .mw4me-homepage #table.popularity-action th:nth-child(1),
    .mw4me-homepage #table.smart-mf-action th:nth-child(1),
    .mw4me-homepage #table.omega-action th:nth-child(1) {
        color: #f1f1f1
    }
    .mw4me-homepage #table.url-action tr th:nth-child(1),
    .mw4me-homepage #table.url-action tr td:nth-child(1),
    .mw4me-homepage #table.category-action tr th:nth-child(1),
    .mw4me-homepage #table.category-action tr td:nth-child(1),
    .mw4me-homepage #table.popularity-action tr th:nth-child(1),
    .mw4me-homepage #table.popularity-action tr td:nth-child(1),
    .mw4me-homepage #table.smart-mf-action tr th:nth-child(1),
    .mw4me-homepage #table.smart-mf-action tr td:nth-child(1),
    .mw4me-homepage #table.omega-action tr th:nth-child(1),
    .mw4me-homepage #table.omega-action tr td:nth-child(1) {
        text-align: left !important;
        display: table-cell;
        width: 280px
    }
    .mw4me-homepage #table.url-action tr th:nth-child(2),
    .mw4me-homepage #table.url-action tr td:nth-child(2) {
        display: table-cell
    }
    .mw4me-homepage #table.category-action tr th:nth-child(3),
    .mw4me-homepage #table.category-action tr td:nth-child(3) {
        display: table-cell
    }
    .mw4me-homepage #table.popularity-action tr th:nth-child(4),
    .mw4me-homepage #table.popularity-action tr td:nth-child(4) {
        display: table-cell
    }
    .mw4me-homepage #table.smart-mf-action tr th:nth-child(5),
    .mw4me-homepage #table.smart-mf-action tr td:nth-child(5) {
        display: table-cell;
        max-width: 250px
    }
    .mw4me-homepage #table.omega-action tr th:nth-child(6),
    .mw4me-homepage #table.omega-action tr td:nth-child(6) {
        display: table-cell;
        max-width: 250px
    }
    .mw4me-homepage .trophy-img {
        width: 26%;
        margin-right: 10%;
        margin-top: -15% !important
    }
}

.mw4me-homepage .bg-img {
    background-image: url(/images/diwali-offer/diwali-banner-without-text.gif);
    background-size: cover;
    padding: 4px 0px 5px 6px;
    color: #fff;
    width: 100%
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
}

.mw4me-homepage .animate-flicker {
    animation: fadeIn 3s infinite alternate
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px #c4a300
    }
    40% {
        box-shadow: 0 0 20px #c4a300
    }
    60% {
        box-shadow: 0 0 20px #c4a300
    }
    100% {
        box-shadow: 0 0 -10px #c4a300
    }
}

.mw4me-homepage .button-glow {
    animation: glowing 5s infinite
}

@media only screen and (max-width: 320px) {
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 1.5 !important
    }
    .mw4me-homepage .card-body {
        z-index: 1
    }
    .mw4me-homepage .manage-portfolio {
        left: 12%;
        top: 1%
    }
    .mw4me-homepage .white-card {
        font-size: .9rem;
        min-height: 75px
    }
    .mw4me-homepage #superstars-plan .tabs li a {
        min-height: 42px !important;
        line-height: 2.5 !important;
        padding: 6px !important;
        font-size: .9rem;
        width: 70px !important
    }
}

@media only screen and (max-width: 375px) {
    .mw4me-homepage .home-banner h2 {
        min-height: 115px
    }
    .mw4me-homepage .bg-img a {
        font-size: 11px
    }
    .mw4me-homepage .plan-headings {
        font-size: 1rem
    }
    .mw4me-homepage #superstars-plan .tabs li a {
        font-size: 1rem;
        width: 83px
    }
}

@media only screen and (max-width: 1080px) {
    .mw4me-homepage .strong-portfolio-text {
        left: -56%
    }
    .mw4me-homepage .plan-text {
        left: -38%;
        top: 25%;
        width: 390px
    }
    .mw4me-homepage .investing-decisions-text {
        left: -15%;
        top: 30%;
        width: 375px
    }
    .mw4me-homepage .pyramid-midgreen-tex {
        left: 20.9%
    }
}

@media only screen and (max-width: 1024px) {
    .mw4me-homepage .sm-line-ht-15 {
        line-height: 3
    }
    .mw4me-homepage .card-body div {
        font-size: 1.2rem;
        z-index: 1
    }
    .mw4me-homepage .manage-risk-text,
    .mw4me-homepage .strong-portfolio-text,
    .mw4me-homepage .plan-text,
    .mw4me-homepage .investing-decisions-text {
        width: 345px
    }
    .mw4me-homepage .strong-portfolio-text {
        left: -56%
    }
    .mw4me-homepage .plan-text {
        left: -37%;
        top: 19%
    }
    .mw4me-homepage .investing-decisions-text {
        left: -16%;
        width: 268px !important;
        top: 19%
    }
}

.mw4me-homepage .performance-of-b-s a.btn.res-font-09.font-16rem.active.show,
.mw4me-homepage .performance-of-b-s .nse-bse-indices .stock-indices a.btn.res-font-09.font-16rem.show,
.nse-bse-indices .stock-indices .mw4me-homepage .performance-of-b-s a.btn.res-font-09.font-16rem.show {
    background: #28a745;
    color: #fff;
    border-radius: 50px;
    width: 93%;
    box-shadow: none;
    padding: 10px;
    border: none !important
}

.mw4me-homepage .performance-of-b-s a.btn.res-font-09.font-16rem {
    border: 1px solid #28a745;
    width: 93%;
    box-shadow: none;
    padding: 10px;
    border-radius: 50px;
    color: #000
}

.home-ebook-chapter {
    max-width: 450px
}

.home-ebook-chapter .chapter {
    min-height: 54px;
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0 0 27px 5px
}

.home-ebook-chapter .chapter .chapter-number {
    background: #1eaf6d;
    height: 50px;
    justify-self: center;
    line-height: 50px;
    color: #fff;
    max-width: 50px;
    border-radius: 50%;
    font-size: 1.5rem
}

.home-ebook-chapter .chapter .chapter-name {
    font-size: 1.2rem;
    max-width: 360px
}

.home-ebook-chapter .ch-right {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05), 6px 8px 8px 0px rgba(0, 0, 0, .07);
    border-radius: 0px 20px 20px 0;
    margin-left: 15px
}

.home-ebook-chapter .ch-left {
    box-shadow: -5px 12px 11px 0px rgba(0, 0, 0, .05), -11px 2px 12px 0px rgba(0, 0, 0, .07);
    border-radius: 33px 0px 0px 43px
}

.home-banner {
    background: linear-gradient(315deg, rgb(101, 0, 94) 3%, rgb(60, 132, 206) 38%, rgb(48, 238, 226) 68%, rgb(255, 25, 25) 98%);
    background-image: url(/images/new-homepage/home-page-banner-shape-5-02.svg), url(/images/new-homepage/home-page-banner-shape-4-02.svg);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 1440px;
    margin: 0 auto
}

.shape1 {
    position: absolute;
    width: 100%;
    height: 80%;
    animation: animate2 10s infinite;
    background-image: url(/images/new-homepage/home-page-banner-shape-1-02.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    max-width: 1440px;
    background-position: top left;
    z-index: -1
}

.shape2 {
    position: absolute;
    width: 100%;
    height: 80%;
    animation: animate2 12s infinite;
    background-image: url(/images/new-homepage/home-page-banner-shape-2-02.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 1440px;
    max-height: 450px;
    z-index: -3;
    opacity: .9;
    background-position: right
}

.shape3 {
    position: absolute;
    width: 100%;
    height: 80%;
    animation: animate2 10s infinite;
    background-image: url(/images/new-homepage/home-page-banner-shape-3-02.svg);
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    max-width: 1440px;
    max-height: 450px;
    z-index: -2;
    opacity: .5;
    background-position: right
}

.shape-wallet {
    background-image: url(/images/new-homepage/bg-shape-wallet.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    animation: animate2 2s infinite;
    width: 126px;
    height: 75px;
    position: absolute;
    margin-top: -50px;
    margin-left: -25px
}

.shape-coin {
    background-image: url(/images/new-homepage/bg-shape-coin.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    animation: animate2 5s infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: -289px;
    margin-left: 60px;
    z-index: -1;
    opacity: .8
}

.rotate-animation {
    animation: rotation 2s infinite linear
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
        opacity: 0
    }
    50% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(360deg);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg)
    }
    25% {
        -webkit-transform: translateY(-10%) rotateX(10deg);
        transform: translateY(-10%) rotateX(10deg)
    }
    100% {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg)
    }
}

@keyframes animate2 {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    25% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
    75% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

.home-banner .row {
    max-width: 1280px;
    margin: 0 auto
}

.home-banner .banner-heading {
    font-size: 3rem
}

#superstars-plan #table tr td:nth-child(5),
#superstars-plan #table tr th:nth-child(5),
#superstars-plan .tabs li:nth-child(4) {
    display: none
}

.five-step-journey {
    background-image: url("/images/wave1-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 208px;
    background-position: bottom
}

ol.resons li {
    padding: 5px;
    margin-bottom: 5px;
    line-height: 1.5rem
}

.flip-card {
    cursor: pointer
}

.flip-card:hover {
    background: #17ff9d;
    background: -moz-linear-gradient(196deg, rgb(23, 255, 157) 0%, rgb(225, 253, 255) 100%);
    background: -webkit-linear-gradient(196deg, rgb(23, 255, 157) 0%, rgb(225, 253, 255) 100%);
    background: linear-gradient(196deg, rgb(23, 255, 157) 0%, rgb(225, 253, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17ff9d", endColorstr="#e1fdff", GradientType=1)
}

.info-table-wdg {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    display: flex
}

.info-table-wdg ul {
    list-style: none;
    float: left;
    width: 305px;
    margin: 0;
    border: 1px solid #f2f3f3;
    padding: 5px;
    text-align: center;
    background-color: #fff
}

.info-table-wdg ul:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -moz-box-shadow: 3px 5px 7px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, .7);
    box-shadow: 3px 5px 7px rgba(0, 0, 0, .7);
    cursor: pointer;
    background: #d9f3e7
}

.info-table-wdg ul li {
    border-bottom: 1px dashed #cfd2d2;
    padding: 10px 0;
    min-height: 80px;
    font-size: 1.12rem;
    display: grid;
    align-items: center
}

.info-table-wdg ul li:first-child {
    background: #3f3f72;
    color: #fff;
    border-radius: 15px;
    padding: 15px
}

@media only screen and (max-width: 1200px) {
    .work-together-container .main-div {
        overflow-x: scroll;
        display: flex
    }
}

@media only screen and (max-width: 768px) {
    .home-banner h2 {
        min-height: 80px
    }
    .home-banner::before {
        background: none
    }
    .home-banner .banner-heading {
        font-size: 2rem
    }
}

@media only screen and (max-width: 576px) {
    .home-banner .banner-heading {
        font-size: 2.5rem
    }
    ol.resons li {
        border-bottom: 2px solid #c7d0c7;
        padding: 5px;
        margin-bottom: 5px;
        line-height: 1.8rem
    }
}

@media only screen and (max-width: 475px) {
    .home-banner h2 {
        min-height: 115px
    }
    .home-banner .banner-heading {
        font-size: 2rem
    }
    .shape1 {
        top: 70px
    }
    .shape2 {
        max-height: 550px;
        background-position-x: -853px;
        bottom: 0px
    }
    .shape-coin {
        margin-left: 0px
    }
    .shape-wallet {
        opacity: .9
    }
    .info-table-wdg {
        display: block
    }
    .info-table-wdg ul {
        width: 100%;
        margin-bottom: 25px;
        border-radius: 10px;
        box-shadow: 1px 1px 10px gray
    }
    .info-table-wdg ul li {
        min-height: auto;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        border-image: linear-gradient(0.25turn, rgb(254, 254, 254), rgb(143, 232, 191), rgba(56, 2, 155, 0));
        border-image-slice: 1;
        width: 100%;
        display: block
    }
}

.landing-page .banner {
    background-image: url(/images/e-book/landing-page-banner-bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

.landing-page .banner .row {
    max-width: 1140px;
    margin: 0 auto
}

.landing-page .tangible-stuff {
    max-width: fit-content
}

.landing-page .tangible-stuff h2 {
    max-width: 225px;
    min-width: 210px;
    float: left;
    list-style: none;
    margin: 15px 10px;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background: #f4f4f4;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    transform: perspective(1500px) rotateY(15deg);
    transition: transform 1s ease 0s
}

.landing-page .tangible-stuff h2:hover {
    color: #4caf50;
    box-shadow: 0 0 0 5px rgba(76, 175, 80, .4392156863);
    border-color: rgba(76, 175, 80, .34)
}

.landing-page .nirvana-stuff ul li {
    list-style: none;
    margin: 15px 10px;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .05) 0px 0px 0px 1px;
    font-size: 1.3rem
}

.landing-page .nirvana-stuff ul li ol li {
    list-style: decimal;
    text-align: left;
    font-size: 1.2rem;
    box-shadow: none;
    line-height: 1.4rem;
    margin: 1px 5px 5px;
    padding: 0 5px 5px 5px
}

.landing-page .nirvana-stuff img.nirvana {
    animation: animate2 10s infinite
}

.landing-page .success-img-bg {
    min-height: 400px;
    background-image: url(/images/e-book/landing-page-goal.png);
    background-position-y: bottom;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat
}

.about-raymond-profile img {
    background: #fff
}

.about-raymond-profile::after {
    content: "";
    background: url(/images/common/sphere-shape-1.svg) no-repeat center center/cover;
    position: absolute;
    left: 7vw;
    width: 100px;
    height: 100px;
    z-index: -1;
    top: 8px;
    animation: ripple 3s infinite
}

.about-raymond-profile::before {
    content: "";
    background: url(/images/common/sphere-shape-2.svg) no-repeat center center/cover;
    position: absolute;
    right: 5vw;
    width: 100px;
    height: 100px;
    z-index: -1;
    bottom: 8px;
    animation: ripple 5s infinite
}

.parallax-bg {
    position: relative;
    opacity: 10;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallax-bg {
    background-image: linear-gradient(45deg, rgba(225, 239, 225, 0.56), rgba(173, 214, 232, 0.7)), url(/images/e-book/book-bg-v1.png);
    min-height: 80%;
    background-size: auto
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease
}

.reveal.active,
.nse-bse-indices .stock-indices a.reveal {
    transform: translateY(0);
    opacity: 1
}

@media only screen and (max-width: 475px) {
    .success-img-bg {
        min-height: 600px !important
    }
    .landing-page .tangible-stuff li {
        max-width: 164px;
        min-width: 160px;
        float: left;
        list-style: none;
        margin: 6px;
        text-align: center;
        padding: 6px;
        font-size: 90%
    }
    .parallax-bg {
        background-image: linear-gradient(45deg, rgba(225, 239, 225, 0.76), rgba(173, 214, 232, 0.8)), url(/images/e-book/book-bg-v1.jpg);
        padding-top: 10px
    }
}

.trusted-by-omega .side-bar {
    border-right: 2px solid;
    border-image: linear-gradient(to top, #245049, #b5984d, #245049) 1
}

@media(max-width: 768px) {
    .trusted-by-omega .side-bar {
        border: none
    }
}

.trustedyOmegaIntro .side-bar {
    border-right: 2px solid;
    border-image: linear-gradient(to top, #ffffff, #245049, #ffffff) 1
}

@media(max-width: 768px) {
    .trustedyOmegaIntro .side-bar {
        border: none
    }
}

.margin-top .mw4me-pro-img {
    margin-top: -75px;
    height: 500px;
    width: 490px
}

.banner-offer {
    background: red;
    color: #fff;
    font-size: 12px;
    max-width: 250px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0px
}

.hidden {
    display: none
}

#sticker-container {
    position: relative;
    width: 100%;
    padding-top: 50px;
    font-family: "Helvetica Neue", Helvetica, sans-serif
}

.layer {
    position: absolute
}

.blw-sbs-btn-txt {
    color: #000;
    font-weight: 700;
    padding: 5px;
    font-size: 12px
}

.blw-sbs-btn-txt strike {
    color: #fff;
    margin-right: 8px
}

.blw-sbs-btn-txt.price {
    background: url(/images/solutions/price-bg.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 215px 37px;
    color: #ff0;
    padding: 10px
}

.mob-frame {
    background-image: url(/images/omega-segregation/pro-landing-page/mob-outer-box-video-v3.png);
    background-repeat: no-repeat;
    padding: 80px 40px;
    height: 535px
}

.proof-of-performance {
    padding: 4rem 0
}

.color-green .active,
.color-green .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .color-green a {
    color: #28a745 !important
}

.brdr-green {
    border: 1px solid #1eaf6d
}

.mob-frame-active {
    color: #28a745
}

.mob-frame-active .youtube-icon-green {
    color: #3f9401
}

.subscribe-price-font {
    font-size: 2.3rem
}

.core-stk-icn {
    height: 60px;
    width: 65px
}

.FAQ .btn-outline-success:hover {
    color: #000;
    background-color: #fff
}

#how a.text-green {
    pointer-events: none
}

.subscribe-btn-text a {
    text-decoration: none
}

#subscribe-now .gray-card,
#subscribe-now .fltr-tbl {
    padding: 30px
}

#subscribe-now .gray-card img.festive-offer-tag,
#subscribe-now .fltr-tbl img.festive-offer-tag {
    position: absolute;
    top: 6px;
    left: -20px;
    transform: rotate(345deg);
    width: 175px
}

.tab-acc {
    margin-bottom: 15px
}

.tab-acc .nav-tabs {
    display: none
}

.tab-acc .nav-item a {
    color: #333
}

.tab-acc .card,
.tab-acc .card-body {
    padding-top: 10px !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: none !important;
    box-shadow: none !important
}

.tab-acc .nav-tabs .nav-link::after {
    content: none
}

.what-you-get .tab-content {
    width: 100%
}

ul.timeline-ul {
    position: relative;
    margin-left: 25px;
    margin-top: 20px
}

ul.timeline-ul:before {
    position: absolute;
    left: 0;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(white 0%, rgba(0, 128, 0, 0.2117647059) 10%, rgba(0, 128, 0, 0.2117647059) 90%, white 100%)
}

ul.timeline-ul li {
    list-style: none;
    margin: 0 0 15px 25px
}

ul.timeline-ul li span {
    left: -12px;
    margin: 0px;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    text-align: center;
    line-height: 1.6em;
    border-radius: 1em;
    background: #28a745;
    color: #fff
}

#superstarSolutionPopup .carousel-indicators {
    bottom: 3px
}

#superstarSolutionPopup .carousel-indicators .carousel-indicators {
    bottom: 0px
}

#superstarSolutionPopup .carousel-indicators .active,
#superstarSolutionPopup .carousel-indicators .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices #superstarSolutionPopup .carousel-indicators a {
    background-color: #3f3f72
}

#superstarSolutionPopup .carousel-indicators li {
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    width: 8px !important;
    height: 8px !important;
    top: 10px !important;
    background: #c4c4c4;
    border-radius: 50%
}

#superstarSolutionPopup .next-btn-bg {
    background: #3f3f72;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.ytb-video::after {
    background-image: url(/images/solutions/youtube-vidoe-layer.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    position: absolute;
    top: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    left: 0
}

ul.ellipse-ul-li-bullet li {
    list-style: none;
    margin-bottom: 1rem;
    margin-left: 1rem
}

ul.ellipse-ul-li-bullet li h3 {
    font-size: 18px;
    line-height: 31px;
    color: #3e4248
}

ul.ellipse-ul-li-bullet li ul li {
    list-style: circle !important;
    font-size: 14px;
    margin-bottom: 1px
}

ul.ellipse-ul-li-bullet li ul li::before {
    content: ""
}

ul.ellipse-ul-li-bullet li::before {
    content: url(/images/solutions/ellipse-ul-li-bullet.svg);
    position: absolute;
    left: 20px;
    margin-top: 5px
}

#ui-id-1 {
    background-color: #fff;
    overflow: auto;
    z-index: 1;
    top: -31px;
    border-radius: 25px;
    height: auto !important
}

.core-superstar .superstar-core {
    position: absolute;
    top: 30%;
    color: #fff
}

.research img {
    width: 15%
}

.min-ht-190 {
    min-height: 190px !important
}

.min-ht-201 {
    min-height: 201px !important
}

.upgrade-superstar .plan-ribbon,
.upgrade-superstar .plan-ribbon2 {
    width: 150px;
    height: 66px;
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.upgrade-superstar .plan-ribbon::before,
.upgrade-superstar .plan-ribbon2::before,
.upgrade-superstar .plan-ribbon::after,
.upgrade-superstar .plan-ribbon2::after {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid #8f8f8f
}

.upgrade-superstar .plan-ribbon span,
.upgrade-superstar .plan-ribbon2 span {
    position: absolute;
    display: block;
    width: 267px;
    padding: 4px 0;
    background-color: #a1a1a1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 12px/1 "Lato", sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center
}

.upgrade-superstar .ribbon-top-right {
    top: -10px;
    right: -10px
}

.upgrade-superstar .ribbon-top-right::before,
.upgrade-superstar .ribbon-top-right::after {
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0)
}

.upgrade-superstar .ribbon-top-right::before {
    top: -1px;
    left: 37px
}

.upgrade-superstar .ribbon-top-right::after {
    bottom: 2px;
    right: 0
}

.upgrade-superstar .ribbon-top-right span {
    font-weight: 400;
    left: -28px;
    top: 18px;
    transform: rotate(28deg)
}

.upgrade-superstar .plan-ribbon2 span {
    background-color: #3498db
}

.upgrade-superstar .plan-ribbon2::before {
    border: 5px solid #2980b9
}

.upgrade-superstar .plan-ribbon2::after {
    border: 5px solid #2980b9
}

.decision-pg .dropbtn {
    background-color: #04aa6d;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer
}

.decision-pg .dropbtn:hover,
.decision-pg .dropbtn:focus {
    background-color: #3e8e41
}

.decision-pg .dropdown {
    position: relative;
    display: inline-block
}

.decision-pg .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 824px;
    overflow: auto;
    z-index: 1;
    top: -15px;
    border-radius: 25px
}

@media only screen and (max-width: 768px) {
    .decision-pg .dropdown-content {
        min-width: 510px !important
    }
}

@media only screen and (max-width: 425px) {
    .decision-pg .dropdown-content {
        min-width: 398px !important
    }
}

@media only screen and (max-width: 375px) {
    .decision-pg .dropdown-content {
        min-width: 347px !important
    }
}

@media only screen and (max-width: 320px) {
    .decision-pg .dropdown-content {
        min-width: 290px !important
    }
}

@media only screen and (max-width: 1024px) {
    .decision-pg .dropdown-content {
        min-width: 686px
    }
}

.decision-pg .dropdown-content a {
    color: #3e4248;
    font-size: 1.1rem;
    text-decoration: none;
    font-weight: 700;
    display: block
}

.decision-pg .dropdown a:hover {
    text-decoration: underline
}

.decision-pg .show {
    display: block
}

.sesarch-stock button {
    width: 100%;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.screening-tool select {
    background: #fff;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    border-radius: 10px;
    height: 48px;
    margin-bottom: .5rem
}

.screening-tool select::after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: #34495e;
    transition: .25s all ease;
    pointer-events: none
}

.screening-tool button {
    width: 100%;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    height: 43px;
    align-self: center;
    font-size: 16px
}

.screening-tool span {
    background: #65d675;
    border-radius: 15px;
    height: 60px;
    color: #fff;
    padding: 15px;
    margin: 5px 0;
    min-width: 200px;
    text-align: center;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.screening-tool span.active {
    background: #fff;
    color: #000
}

.decision-pg .banner h1 strong {
    color: #1eaf6d
}

.decision-pg h2 {
    font-style: normal;
    font-weight: bold;
    color: #3f3f72
}

.decision-pg .how-to-use-decizen h3 {
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 35px;
    color: #3f3f72
}

.dnld-app {
    font-size: 24px;
    line-height: 4rem;
    width: 100%;
    max-width: 320px;
    text-transform: uppercase
}

.sub-content {
    list-style-type: none
}

.sub-content li::before {
    content: "•";
    color: #3e4248;
    font-weight: bold;
    display: inline-block;
    font-size: 22px;
    width: 1em;
    margin-left: -1em
}

.decision-maker .nav-item {
    margin: 10px
}

.decision-maker .nav-pills .nav-link {
    padding: 3px;
    color: #1eaf6d
}

.decision-maker .nav-pills .nav-link.active,
.decision-maker .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .decision-maker .nav-pills a.nav-link {
    background-color: #1eaf6d;
    padding: 4px
}

.decision-maker .nav-link {
    padding: 4px
}

.text-animate h1 {
    color: #333;
    font-family: tahoma;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.text-animate h1 span {
    font-size: 40px;
    margin-left: 40px
}

.text-animate .message {
    color: #333;
    display: block;
    font-weight: 900;
    overflow: hidden;
    position: absolute;
    animation: openclose 5s ease-in-out infinite;
    font-size: 1.3rem
}

@keyframes openclose {
    0% {
        top: .2rem;
        width: 0
    }
    5% {
        width: 0
    }
    15% {
        width: 230px
    }
    30% {
        top: .2rem;
        width: 230px
    }
    33% {
        top: .2rem;
        width: 0
    }
    35% {
        top: .2rem;
        width: 0
    }
    38% {
        top: -4.5rem
    }
    48% {
        top: -4.5rem;
        width: 190px
    }
    62% {
        top: -4.5rem;
        width: 190px
    }
    66% {
        top: -4.5rem;
        width: 0;
        text-indent: 0
    }
    71% {
        top: -9rem;
        width: 0;
        text-indent: 5px
    }
    86% {
        top: -9rem;
        width: 285px
    }
    95% {
        top: -9rem;
        width: 285px
    }
    98% {
        top: -9rem;
        width: 0;
        text-indent: 5px
    }
    100% {
        top: 0;
        width: 0;
        text-indent: 0
    }
}

@media(min-width: 768px) {
    .tab-acc .content {
        width: 100% !important
    }
    .tab-acc .nav-tabs {
        display: flex;
        flex-flow: column nowrap
    }
    .tab-acc .nav-tabs {
        border-bottom: none;
        display: flex;
        background: none
    }
    .tab-acc .nav-tabs {
        margin: 0 15px
    }
    .tab-acc .nav-tabs .nav-item+.nav-item {
        margin-top: .25rem
    }
    .tab-acc .nav-tabs .nav-link {
        transition: border-color .125s ease-in;
        white-space: nowrap;
        box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, .12);
        border-radius: 4px;
        width: 200px;
        font-size: 1rem;
        padding: 1em;
        margin-bottom: 1em
    }
    .tab-acc .nav-tabs .nav-link:hover {
        border: 1px solid #1eaf6d
    }
    .tab-acc .nav-tabs .nav-link.active,
    .tab-acc .nav-tabs .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .tab-acc .nav-tabs a.nav-link {
        border: 1px solid #1eaf6d
    }
    .tab-acc .card .card-header {
        display: none
    }
    .tab-acc .card .collapse {
        display: block
    }
    .dnld-app {
        font-size: 18px;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .tab-acc h5 a.nav-link.collapsed {
        border: none
    }
    .tab-acc h5 a.nav-link {
        border: 1px solid #3f9401;
        padding: 10px;
        border-radius: 5px
    }
    .tab-acc .card-header:first-child {
        border-radius: 5px;
        padding: 0px
    }
    .tab-acc .tab-content {
        width: 100%
    }
    .tab-acc .tab-pane {
        display: block !important;
        opacity: 1;
        padding: 0px !important
    }
    .tab-acc .nav-tabs .nav-link.active,
    .tab-acc .nav-tabs .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .tab-acc .nav-tabs a.nav-link {
        border: none
    }
    .tab-acc .card {
        margin-bottom: 15px !important
    }
    .tab-acc a.nav-link {
        color: #333 !important
    }
    .brdr-rt {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 3px;
        border-top: 0px;
        padding-bottom: 35px;
        border-style: solid;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        border-image-slice: 1;
        margin-bottom: 50px
    }
    .brdr-rt:after {
        background: none !important
    }
    #subscribe-now .gray-card img.festive-offer-tag,
    #subscribe-now .fltr-tbl img.festive-offer-tag {
        position: relative;
        transform: none;
        left: 0;
        top: 0
    }
    .how-to-use-decizen .screening-tool span {
        min-width: 190px
    }
    .decision-pg .banner h1 {
        font-size: 2.9rem
    }
    .dnld-app {
        line-height: 3rem;
        font-size: 1.5rem
    }
}

.superstar-link {
    color: #0361a8 !important;
    text-decoration: underline
}

.superstar-alpha {
    font-size: 3.5rem
}

.broker-shadow {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    cursor: pointer
}

.broker-shadow img {
    vertical-align: -webkit-baseline-middle;
    margin-top: 2px
}

.broker-shadow:hover {
    transform: translateY(-2px);
    transition: transform .1s ease-out
}

.expert-help .card {
    box-shadow: rgba(50, 50, 93, .25) 0px 6px 12px -2px, rgba(0, 0, 0, .3) 0px 3px 7px -3px
}

@keyframes bounce {
    0%,
    10%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.diy-investor {
    margin-top: -56px;
    width: 20%
}

.diy-investor-row-2 {
    margin-top: -56px;
    width: 12%
}

.solution-mw4me {
    width: 40%
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-bounce {
    -webkit-animation: bounce 3s ease infinite;
    animation: bounce 3s ease infinite
}

@media only screen and (max-width: 850px) {
    .mw4me .btn-danger {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .core-superstar .core-bg-img {
        height: 250px
    }
    .core-superstar .superstar-core {
        top: 22%
    }
    .research img {
        width: 25%
    }
    .diy-investor {
        margin-top: -95px;
        width: 32%
    }
    .diy-investor-row-2 {
        margin-top: -95px;
        width: 18%
    }
    .superstar-alpha {
        font-size: 3rem
    }
    .text-wrap {
        inline-size: 66px;
        overflow-wrap: break-word
    }
    .banner h1.font-28rem:after,
    #subscribe-now h3.font-18rem:before {
        content: none
    }
    .margin-top {
        margin-top: 10px
    }
    .subscription {
        font-size: 1.9rem
    }
    .subscribe-price {
        font-size: 3.5rem !important
    }
    .what-you-get {
        font-size: 1.2rem !important;
        line-height: 1.9
    }
    .what-you-get .tab-content {
        width: 100%
    }
    .res-how {
        height: 100%;
        position: relative;
        bottom: 0;
        width: 100%;
        border-radius: 10px
    }
    .bg-lightgray.how-to-build-a-core-portfolio {
        background: #fff !important
    }
    .FAQ .arrow-open-close:before,
    .FAQ .arrow-open-close:after {
        top: 4px !important
    }
    .what-you-get .res-block {
        font-weight: normal;
        display: block !important;
        font-size: 1rem !important;
        margin-left: 0px !important
    }
    .what-you-get .toggle-btn .arrow-open-close {
        top: 1px !important
    }
    #recipeCarousel .carousel-arrow-left {
        left: -10px !important
    }
    #recipeCarousel .carousel-arrow-right {
        right: -10px !important
    }
}

.what-you-get .res-block {
    font-weight: normal
}

.ml-none {
    margin-left: 0px !important
}

.customer-carousel .carousel-item.active,
.customer-carousel .nse-bse-indices .stock-indices a.carousel-item,
.nse-bse-indices .stock-indices .customer-carousel a.carousel-item,
.carousel-item-next,
.carousel-item-prev {
    display: flex !important;
    transition: transform .6s ease
}

.trusted-inner {
    position: relative;
    left: -70px;
    top: -13px
}

#accordion-how-its-wrk .card-link .active,
#accordion-how-its-wrk .card-link .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices #accordion-how-its-wrk .card-link a {
    color: #28a745
}

.vertical-tabs .nav-pills .nav-link.active,
.vertical-tabs .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .vertical-tabs .nav-pills a.nav-link {
    color: #3f9401;
    background-color: #fff;
    border: 2px solid #3f9401;
    border-radius: 5px
}

.vertical-tabs .nav-link {
    color: #000;
    font-size: 13px;
    border-radius: 0;
    padding: 10px 30px;
    margin-bottom: 10px;
    border: 1px solid #f4f4f4;
    border-radius: 5px
}

@media(min-width: 768px) {
    .vertical-tabs .nav-link {
        border-bottom: 1px solid #f4f4f4
    }
}

.vertical-tabs .nav-link.active,
.vertical-tabs .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .vertical-tabs a.nav-link {
    background: #c4c4c4;
    color: #fff;
    border-bottom: none
}

.vertical-tabs .tab-content {
    margin-top: 30px
}

@media(min-width: 768px) {
    .vertical-tabs .tab-content {
        margin-top: 22px
    }
}

.flip-card {
    min-height: 94%;
    height: 9rem;
    -webkit-transition: transform .6s;
    transition: transform .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    color: #000;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: 12px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 1s;
    transition: transform 1s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.flip-card-front {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.flip-card-back {
    color: #000;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.flip-card.is-flipped {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.new-container p.warning {
    text-align: center;
    line-height: 2
}

.new-container p.warning a {
    padding: .2rem .5rem;
    border-radius: 3px
}

.new-container p.warning a.more {
    background: #3f9401
}

.new-container a {
    text-decoration: none;
    color: #3f9401
}

.new-container p {
    margin-top: 0
}

.new-container h2 {
    margin: 2em auto 0;
    text-align: center
}

.new-container .tabbed-content {
    padding: 1em
}

.new-container .tabs ul {
    margin: 0;
    padding: 0 0 1em 0
}

.new-container .tabs ul a {
    padding: 1em
}

.new-container .item {
    margin-bottom: 2px
}

.new-container .item::before {
    cursor: pointer;
    font-weight: bold;
    padding: .5em;
    display: block;
    color: #000;
    font-size: 13px;
    border-radius: 0;
    padding: 10px 30px;
    margin-bottom: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    display: block;
    box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, .12);
    border: none;
    background: #f8f9fa
}

.new-container .item.active::before,
.new-container .nse-bse-indices .stock-indices a.item::before,
.nse-bse-indices .stock-indices .new-container a.item::before {
    border: 1px solid #3f9401
}

.new-container .item.active .item-content,
.new-container .nse-bse-indices .stock-indices a.item .item-content,
.nse-bse-indices .stock-indices .new-container a.item .item-content {
    padding: 1em;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media all and (min-width: 800px) {
    .new-container .item.active .item-content,
    .new-container .nse-bse-indices .stock-indices a.item .item-content,
    .nse-bse-indices .stock-indices .new-container a.item .item-content {
        padding-top: 0
    }
    .new-container .tabs-side .tabs li {
        margin-bottom: 2px;
        display: inline-block
    }
}

.new-container .tabbed-content .tabs {
    display: none
}

.new-container .tabbed-content .item {
    min-height: 2em
}

.new-container .tabbed-content .item::before {
    content: attr(data-title)
}

.new-container .tabbed-content .item .item-content {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.new-container .tabbed-content .item.active .item-content,
.new-container .tabbed-content .nse-bse-indices .stock-indices a.item .item-content,
.nse-bse-indices .stock-indices .new-container .tabbed-content a.item .item-content {
    opacity: 1;
    visibility: visible;
    height: auto
}

@media all and (min-width: 800px) {
    .new-container .tabbed-content .tabs {
        display: block
    }
    .new-container .tabbed-content .tabs li {
        display: inline-block
    }
    .new-container .tabbed-content .tabs li a {
        display: block;
        box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, .12);
        color: #000;
        background: #fff;
        border-radius: 4px;
        width: 200px;
        font-size: 1rem
    }
    .new-container .tabbed-content .tabs li a.active,
    .new-container .tabbed-content .tabs li .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices .new-container .tabbed-content .tabs li a {
        border: 1px solid #3f9401
    }
    .new-container .tabbed-content .item {
        min-height: 0
    }
    .new-container .tabbed-content .item::before {
        display: none
    }
    .new-container .tabbed-content.tabs-side .tabs {
        width: 198px;
        float: left
    }
    .new-container .tabbed-content.tabs-side .tabs li {
        display: block;
        padding-bottom: 8px
    }
    .new-container .tabbed-content.tabs-side .item {
        margin-left: 198px
    }
}

body {
    transition: background .2s linear
}

body.dark {
    background-color: #292c35;
    color: #fff
}

body.dark h1 {
    color: #fff !important
}

body.dark h2.text-darkblue,
body.dark .nav-news h2.news-data,
.nav-news body.dark h2.news-data {
    color: #fff !important
}

body.dark h3,
body.dark .text-dark {
    color: #6daae7 !important
}

body.dark .bg-green-hl {
    background-color: #00743d
}

body.dark .hover-card {
    color: #000
}

body.dark img.expert-framework,
body.dark img.expert-badge,
body.dark img.light {
    filter: invert(1)
}

.checkbox {
    opacity: 0;
    position: absolute
}

.checkbox:checked+.checkbox-label .ball {
    transform: translateX(24px)
}

.checkbox-label {
    background-color: #111;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.checkbox-label .ball {
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform .2s linear
}

.fa-moon {
    color: #f1c40f
}

.fa-sun {
    color: #f39c12
}

.testimonials #customers-testimonials .item {
    text-align: center;
    margin-bottom: 30px;
    padding: 15px;
    opacity: .2;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .18) !important;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    border-radius: 3px
}

.testimonials #customers-testimonials .owl-item.active.center .item,
.testimonials #customers-testimonials .nse-bse-indices .stock-indices a.owl-item.center .item,
.nse-bse-indices .stock-indices .testimonials #customers-testimonials a.owl-item.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #fff
}

.testimonials .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: -7px auto 5px
}

.testimonials #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
.testimonials #customers-testimonials.owl-carousel .owl-dots .nse-bse-indices .stock-indices a.owl-dot span,
.nse-bse-indices .stock-indices .testimonials #customers-testimonials.owl-carousel .owl-dots a.owl-dot span,
.testimonials #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #00e377;
    transform: translate3d(0px, -50%, 0px) scale(0.6)
}

.testimonials #customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center
}

.testimonials #customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    outline: none
}

.testimonials #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #94ebc1;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
    border-radius: 100%
}

.testimonials .item p.text-muted {
    font-size: 1.1rem
}

.testimonials .commo img {
    width: 25px !important;
    height: auto;
    float: left
}

.testimonials .author-img img {
    width: 60px !important;
    height: auto;
    border-radius: 100%;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 800px) {
    .class-apart-1 .font-14rem {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 575px) {
    .core-superstar .core-bg-img {
        height: 250px
    }
    .core-superstar .superstar-core {
        top: 17%
    }
    .research img {
        width: 17% !important
    }
}

@media only screen and (max-width: 425px) {
    .oneyrplan ul.nav.nav-pills.nav-fill.font-14rem {
        display: block !important
    }
    .diy-investor {
        margin-top: -45px;
        width: 17% !important
    }
    .diy-investor-row-2 {
        margin-top: -45px;
        width: 17%
    }
}

@media only screen and (max-width: 640px) {
    .oneyrplan ul.nav.nav-pills.nav-fill.font-14rem {
        display: block !important
    }
}

@media only screen and (max-width: 280px) {
    .text-wrap {
        inline-size: 54px;
        overflow-wrap: break-word
    }
}

@media only screen and (max-width: 320px) {
    .what-makes-core-stocks-a-class-apart .flip-card {
        height: 11rem
    }
}

.ole,
.elo {
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    color: #3f3f72
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
    margin-left: 1.6rem
}

.ct {
    text-align: center
}

.ole:hover,
.elo:hover {
    color: #3f3f72;
    box-shadow: 0 0 0 #555
}

.multiple_elements {
    padding: 30px 0 10px 0;
    text-align: center
}

.offer-valid-till h5 {
    margin-top: 25px;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
    background: #69b21b;
    background: -moz-radial-gradient(circle, rgb(105, 178, 27) 0%, rgb(75, 147, 44) 100%);
    background: -webkit-radial-gradient(circle, rgb(105, 178, 27) 0%, rgb(75, 147, 44) 100%);
    background: radial-gradient(circle, rgb(105, 178, 27) 0%, rgb(75, 147, 44) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69b21b", endColorstr="#4b932c", GradientType=1)
}

@media(max-width: 640px) {
    .price-save-stamp {
        top: -20px;
        right: 14px
    }
}

.sm-ratings {
    display: block;
    position: absolute;
    top: -13px;
    margin-left: 27px
}

.sm-ratings .rating {
    float: left;
    width: 0px;
    min-width: fit-content !important;
    margin-top: 0px
}

.rating:not(:checked)>input,
.my-acc .formcon .rating:not(:checked)>textarea.input-textarea,
.my-acc .form-group .rating:not(:checked)>textarea.input-textarea {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0)
}

.rating:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 23px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-right: 3px;
    color: #ddd
}

.rating:not(:checked)>label:before {
    content: "★ ";
    color: #f2c94c
}

.rating>label:active {
    position: relative
}

.tick::before {
    content: "✓"
}

.omega .help-you .bg-lightgray {
    height: 200px
}

.omega .help-you .help-you-data {
    margin-top: -180px
}

.omega .mw4me .btn-success,
.omega .mw4me .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .omega .mw4me .btn-read-next,
.omega .mw4me .watchlist .view-modal .btn-danger,
.watchlist .view-modal .omega .mw4me .btn-danger,
.omega .mw4me .watchlist .trigger .btn-outline-danger,
.watchlist .trigger .omega .mw4me .btn-outline-danger {
    background: #1eaf6d
}

.omega .custom {
    display: none
}

.omega .btn-white {
    border: 1px solid #1eaf6d
}

.omega .why .btn-success-lg {
    height: 4rem;
    width: 93%;
    border-radius: 36px;
    background: #1eaf6d;
    color: #fff;
    font-size: 1.4rem
}

@media only screen and (max-width: 768px) {
    .omega .why .btn-success-lg {
        width: 100%
    }
}

@media only screen and (max-width: 320px) {
    .omega .why .btn-success-lg {
        font-size: 1rem
    }
    .omega .why .btn-danger-large,
    .omega .why #superstars-plan .btn-secondary-large,
    #superstars-plan .omega .why .btn-secondary-large {
        font-size: 1rem
    }
}

@media only screen and (max-width: 768px) {
    .omega .btn-danger-large,
    .omega #superstars-plan .btn-secondary-large,
    #superstars-plan .omega .btn-secondary-large {
        font-size: 1.4rem !important
    }
    .omega .help-you img {
        width: 18% !important
    }
}

.pay-with .price-save-stamp {
    font-size: 15px;
    position: absolute;
    background: url(/images/saved-stamp.png) no-repeat;
    top: -36px;
    width: auto;
    margin-left: 38px;
    line-height: 18px;
    padding: 28px 30px 31px 27px;
    background-size: contain;
    text-align: center;
    color: #fff
}

.pay-with .price-card {
    font-size: 11px;
    right: 50px;
    padding-top: 10px;
    padding: 20px;
    padding-left: 13px
}

.pay-with article {
    display: none
}

.pay-with article.on {
    display: block
}

.show-on-calc {
    display: none
}

@media only screen and (max-width: 1024px) {
    .pay-with .price-card {
        font-size: 8px;
        left: 37px;
        top: -35px !important;
        width: 45px;
        line-height: 9px;
        padding-top: 10px;
        padding: 8px;
        padding-left: 10px;
        background-size: cover;
        min-height: 45px
    }
}

@media only screen and (max-width: 320px) {
    .pay-with .price-card {
        font-size: 7px;
        left: 15px;
        top: -35px !important;
        right: -2px;
        padding-top: 10px;
        padding: 10px;
        padding-left: 8px
    }
    .tabs li a {
        min-height: 72px
    }
}

.hr-green-gardient {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #245049, #245049, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) !important;
    width: 50%
}

#companyReportlist .year-badges {
    border-radius: 10px;
    font-size: 1.2rem;
    margin: 0px 2px 8px 0px
}

.listCompany .nav-link {
    padding: 3px 22px;
    color: #245049 !important;
    background-color: #fff !important;
    border: 1px solid #245049 !important
}

.listCompany .nav-link.active,
.listCompany .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .listCompany a.nav-link {
    color: #fff !important;
    background-color: #245049 !important
}

.div-loader {
    width: 50px;
    height: 50px;
    margin-top: 4%
}

select {
    background: #fff
}

.search-icon {
    left: 47%;
    position: absolute;
    right: auto;
    color: #3f3f72;
    margin-top: -29px
}

.report-searchbar #ui-id-1 {
    top: 20.2rem !important;
    position: absolute !important
}

.listCompany .nav-item .nav-link.active,
.listCompany .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .listCompany .nav-item a.nav-link {
    padding: 3px 25px;
    box-shadow: rgba(89, 204, 255, .13) 0px 2px 4px 0px, rgba(14, 30, 37, .32) 0px 2px 16px 0px
}

.searchbar #compreportstock {
    border-radius: 20px 0px 0px 20px !important;
    color: #3e4248 !important;
    font-size: 1.1rem;
    height: 35px
}

.searchbar button {
    border-radius: 0px 15px 15px 0px !important
}

#content-left-report .clearleft {
    height: 60%;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis
}

#content-left-report p {
    margin-left: 0px !important
}

.analyst-login-card {
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: url("/images/common/analyst-bg-blur.png") 0px -88px repeat-x;
    height: 60%;
    bottom: 0px;
    width: 100%;
    left: 0px;
    top: 30%
}

.login-analyst-form {
    position: relative;
    top: 30%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.analyst-notes-left {
    height: 83vh
}

@media only screen and (max-width: 1024px) {
    .report-searchbar .responsive-holder {
        overflow-x: auto;
        display: flex
    }
}

@media only screen and (max-width: 768px) {
    .banner-div {
        min-height: 250px !important
    }
    .banner-div .banner-img {
        width: 50%;
        top: -25% !important
    }
    .company-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%
    }
    .company-name .ellipses {
        width: 92%
    }
    .analyst-notes-left {
        height: 100vh
    }
    .dropdown-content {
        max-width: 100% !important
    }
    .year-badge-res {
        display: flex;
        overflow-x: auto;
        padding: 11px
    }
    .search-icon {
        position: absolute;
        right: 30px;
        color: #3f3f72;
        left: 88% !important
    }
    .list-arrows {
        position: absolute;
        right: 0;
        margin-top: -26px;
        color: #245049;
        right: 12px
    }
    body #ui-id-1 {
        width: 290px !important;
        position: absolute !important
    }
    #content-left-report img {
        transform-origin: 65% 75%;
        transition: transform 1s, filter .5s ease-out
    }
    #content-left-report img:hover {
        transform: scale(1.2)
    }
    .ui-autocomplete li.ui-menu-item {
        font-size: 11px !important
    }
}

.report-paginationControl {
    display: flex;
    font-size: 1.2rem;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

button:focus {
    outline: none
}

li.list-inline.p-2.d-lg-flex {
    border-bottom: 1px solid #f4f4f4
}

body .ui-autocomplete {
    border-radius: 20px;
    background: none !important
}

.ui-autocomplete li.ui-menu-item {
    border: 1px solid #cdcdcd !important;
    background: #fff !important
}

#content-left-report strong {
    color: #1eaf6d;
    font-size: 1.3rem;
    font-weight: 600
}

#content-left-report table td p {
    margin: 0px;
    line-height: 1.3;
    color: #3e4248
}

#content-left-report strong {
    color: #333
}

#content-left-report span {
    font-size: 1.2rem !important;
    color: #3e4248
}

#content-left-report span a {
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

#content-left-report ul {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

#content-left-report ul li {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

#content-left-report img {
    max-width: 100%
}

.ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.dropdown-content {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 50%;
    font-size: 1rem
}

.dropdown-content .list-group-item {
    padding: 6px 16px
}

.dropdown-content .list-group-item a {
    color: #3e4248;
    font-weight: 700;
    font-size: 13px
}

.dropdown-content .list-group-item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.dropdown-content .list-group-item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

@media only screen and (max-width: 575px) {
    .analyst-notes-left {
        height: 70vh
    }
}

@media only screen and (max-width: 412px) {
    .analyst-notes-left {
        height: 90vh
    }
}

@media only screen and (max-width: 375px) {
    .font-1rem {
        font-size: .9rem !important
    }
    .analyst-notes-left {
        height: 90vh
    }
}

@media only screen and (max-width: 320px) {
    .analyst-notes-left {
        height: 77vh
    }
}

.listCompany .card-body a {
    color: #65d675;
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

.listCompany .card-body span {
    font-size: 1.2rem !important
}

.listCompany .card-body img {
    max-width: 100%
}

.company-page-wrap p span {
    font-size: 1.2rem !important
}

.company-page-wrap img {
    max-width: 100%
}

.card-text p a {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    display: contents
}

#accordian .gray-card-light {
    padding: 14px 28px
}

.company-page-wrap table td {
    font-size: 1.2rem !important
}

@media only screen and (max-width: 768px) {
    .gray-card-light {
        padding: 14px 14px
    }
    #content-left-report p span img {
        width: 100% !important;
        height: 100% !important
    }
}

#whatsmrp ul li {
    list-style-type: none
}

.filter-container .sticky-add-bottom {
    position: sticky;
    bottom: 0;
    margin: 0;
    max-width: 100%;
    min-width: -webkit-fill-available;
    padding: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 1
}

.rating,
.responsive-holder {
    color: #343434
}

.decizenGemStyle {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 2px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .9rem;
    line-height: 1.8rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35)
}

.decizen-quality {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 2px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .9rem;
    line-height: 1.8rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    background: #f27070
}

.decizen-valuation {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 2px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .9rem;
    line-height: 1.8rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    background: #dc9935
}

.decizen-pt {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 2px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: .9rem;
    line-height: 1.8rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    background: #1eaf6d
}

.filter-container {
    max-width: 1300px
}

.watchlist .check-fincode .fa-plus-square,
.watchlist .data-num,
.watchlist .hashtag {
    width: 50px
}

.screener .carousel-inner {
    background: linear-gradient(to right, #CDFFD8, #94B9FF)
}

.screener .sticky-header .hover-angle:hover::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    position: absolute;
    margin-left: -10px;
    cursor: pointer
}

.screener .sticky-header .comp-name:hover::before,
.screener .sticky-header .fund-name:hover::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    position: absolute;
    margin-left: -18px;
    cursor: pointer
}

.screener .sticky-header .data-num:hover::before,
.screener .sticky-header .check-box:hover::before {
    content: ""
}

.screener .table .t-head .fa-angle-down,
.screener .table #mf-dashboard .t-data .fa-angle-down,
#mf-dashboard .screener .table .t-data .fa-angle-down,
.screener .table .t-data .fa-angle-down,
.screener .table .t-head .fa-angle-up,
.screener .table #mf-dashboard .t-data .fa-angle-up,
#mf-dashboard .screener .table .t-data .fa-angle-up,
.screener .table .t-data .fa-angle-up {
    font-size: 1.2rem
}

.screener .table .t-head .fa,
.screener .table #mf-dashboard .t-data .fa,
#mf-dashboard .screener .table .t-data .fa,
.screener .table .t-data .fa {
    cursor: pointer
}

.screener .list-table {
    font-size: 1rem
}

.screener .badge-outline {
    left: 25%;
    top: -8px
}

.screener .active-filter {
    overflow-x: auto;
    display: flex;
    padding: 4px
}

.screener .active-filter .fa-times-circle {
    margin-left: 2px
}

.screener .screener-badge {
    cursor: pointer;
    font-size: .94rem;
    margin: 1px 2px;
    align-self: self-start;
    font-weight: 500;
    background: #fff;
    color: #245049;
    border: 1px solid #245049;
    border-radius: 50px
}

.screener .screener-badge:hover {
    color: #245049 !important
}

.screener .screener-lock-bg {
    position: sticky;
    min-width: 100%;
    height: 53.7vh;
    top: 0;
    left: 0
}

.screener .screener-lock-bg .jumbotron {
    border: 10px solid #dee2e6;
    padding: 4.4rem 2rem;
    border-radius: 0px;
    height: -webkit-fill-available
}

.screener .screener-lock-bg .shape-right {
    width: 160px;
    height: 140px;
    position: absolute;
    right: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 0px 3px 152px
}

.screener .screener-lock-bg .shape-right::before {
    content: url(/images/mutual-funds/mf-screener-lock-v1.svg);
    position: absolute;
    right: 11px;
    margin-top: 10vh
}

.screener .screener-lock-bg .shape-left {
    width: 160px;
    height: 140px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 155px 3px 0px
}

.screener .md-accordion::-webkit-scrollbar,
.screener .list-table::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.screener ::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.screener ::-webkit-scrollbar-track {
    background: #f4f4f4
}

.screener ::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px
}

.screener ::-webkit-scrollbar-thumb:hover {
    background: #ababab
}

.screener .mcap-btn {
    margin-top: 20px
}

.screener .mcap-btn .btn {
    font-size: 1rem;
    padding: 4px 7px
}

.screener .mcap-btn .btn-outline-success {
    border-color: #1eaf6d !important;
    color: #1eaf6d !important
}

.screener .mcap-btn .btn-outline-success:hover {
    background-color: #fff
}

.screener .mcap-btn .active,
.screener .mcap-btn .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .screener .mcap-btn a {
    background-color: #1eaf6d !important;
    color: #fff !important;
    border-color: #1eaf6d !important
}

.screener .panel-heading-1:last-of-type {
    font-size: 4.75em !important
}

.screener .screener-pg #sticky-btn {
    position: sticky;
    bottom: 20px !important;
    background: #fff
}

.screener .lock {
    width: 50px;
    padding: 8px
}

.screener .alert-info {
    height: 100%;
    width: 100%;
    background: #fff;
    border: none
}

.screener .alert-info img {
    height: 50px;
    width: 50px;
    vertical-align: middle;
    margin-top: 18%
}

.screener .no-data {
    vertical-align: middle;
    margin-top: 7%
}

.screener .reset-all {
    font-size: 11.7px;
    font-weight: 500
}

.screener .reset-all a:hover {
    color: #3e4248
}

.screener .filter-modal {
    max-height: 610px;
    min-height: 600px;
    overflow-y: scroll
}

.screener .list-dropdowns,
.screener select {
    height: calc(1.75rem + 12.1px) !important
}

.screener .bottom-bar {
    position: absolute;
    bottom: 0;
    top: auto;
    min-width: -webkit-fill-available
}

.screener .list-table {
    min-height: 65vh;
    max-height: 81vh;
    height: 100%
}

.screener .list-table tr td {
    padding: 3px
}

.screener .fund-sc-dropdown {
    padding: 0px 10px;
    color: #3e4248;
    border: 1px solid #c4c4c4;
    width: 48%
}

.screener .fund-sc-dropdown:focus-visible {
    outline: none
}

.screener .screener .border {
    border: solid 1px #c4c4c4
}

.screener .card-body .form-group {
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

.screener #predefinedFilter .card-body .form-group {
    min-height: 209px
}

.screener #mcap .card-body .form-group {
    min-height: 170px
}

.screener #other .card-body .form-group {
    min-height: 140px
}

.screener #price {
    top: 0;
    left: 0;
    behavior: "smooth"
}

.screener .panel-group {
    margin-bottom: 0px
}

.screener .md-accordion {
    max-height: 600px;
    overflow-y: auto
}

.screener .sticky-header {
    position: sticky;
    top: 0px;
    z-index: 2
}

.screener .sticky-header .t-head,
.screener .sticky-header #mf-dashboard .t-data,
#mf-dashboard .screener .sticky-header .t-data,
.screener .sticky-header .alpha-case .t-data,
.alpha-case .screener .sticky-header .t-data,
.screener .sticky-header .t-data {
    cursor: pointer
}

.screener table tbody tr td {
    font-size: 1rem
}

.screener table {
    width: 100%;
    overflow-x: auto;
    height: 71.7vh
}

.screener .gray-card-light {
    padding: 16px;
    padding-left: 0px;
    padding-right: 0px
}

.screener .list-dropdowns {
    font-size: 1.1rem !important
}

.screener .card-body label {
    font-size: 1rem;
    max-width: 218px;
    width: 85%;
    white-space: nowrap
}

.screener .accordion a:hover {
    color: #fff
}

.screener .accordion .list-dropdowns a:hover {
    color: #3e4248
}

.screener .accordion .form-control {
    border-bottom: none !important
}

.screener .accordion .form-control input,
.screener .accordion .form-control .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener .accordion .form-control textarea.input-textarea,
.screener .accordion .form-control .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener .accordion .form-control textarea.input-textarea {
    border-bottom: 1px solid #ced4da !important;
    vertical-align: top
}

.screener .slidecontainer {
    width: 100%
}

.screener .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #c4c4c4;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.screener .gray-border-bottom th span {
    color: #3e4248 !important;
    font-weight: 400 !important
}

.screener .slider:hover {
    opacity: 1
}

.screener .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1eaf6d;
    cursor: pointer
}

.screener .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1eaf6d;
    cursor: pointer
}

.screener select.selectDrop {
    display: none
}

.screener #result-roe input,
.screener #result-roe .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener #result-roe textarea.input-textarea,
.screener #result-roe .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener #result-roe textarea.input-textarea,
.screener #result-roce input,
.screener #result-roce .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener #result-roce textarea.input-textarea,
.screener #result-roce .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener #result-roce textarea.input-textarea,
.screener #sales-result input,
.screener #sales-result .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener #sales-result textarea.input-textarea,
.screener #sales-result .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener #sales-result textarea.input-textarea,
.screener #profit-result input,
.screener #profit-result .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener #profit-result textarea.input-textarea,
.screener #profit-result .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener #profit-result textarea.input-textarea,
.screener #stock-result input,
.screener #stock-result .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener #stock-result textarea.input-textarea,
.screener #stock-result .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener #stock-result textarea.input-textarea {
    border: 1px solid gray;
    width: 100px
}

.screener input:focus-visible,
.screener .my-acc .formcon textarea.input-textarea:focus-visible,
.my-acc .formcon .screener textarea.input-textarea:focus-visible,
.screener .my-acc .form-group textarea.input-textarea:focus-visible,
.my-acc .form-group .screener textarea.input-textarea:focus-visible {
    outline: none
}

.screener #update-sticky {
    position: sticky;
    bottom: 0px;
    background: #fff;
    padding: 1px
}

.screener #list thead {
    position: sticky;
    top: 0px
}

.screener #market-cap-screener .active-bg {
    background-color: #1eaf6d !important;
    color: #fff;
    border: none
}

.screener .fa-plus-square:before {
    font-size: 1.4rem;
    color: #245049;
    cursor: pointer
}

.screener .fa-hashtag:before {
    color: #3e4248;
    font-size: 1.2rem;
    cursor: pointer
}

.screener .arrow-open-close {
    float: right;
    width: 20px;
    top: 14px
}

.screener .arrow-open-close::before {
    left: 0px !important;
    background-color: #245049 !important
}

.screener .arrow-open-close::after {
    right: 5px !important;
    background-color: #245049 !important
}

.screener .FAQ .arrow-open-close:before {
    background-color: #245049 !important
}

.screener .FAQ .arrow-open-close:after {
    background-color: #245049 !important
}

.screener .FAQ .arrow-open-close {
    top: 0px
}

.screener .FAQ .btn-outline-success,
.screener .FAQ .btn-outline-success:hover {
    color: #000 !important;
    background-color: #fff !important
}

.screener .FAQ .panel-head {
    color: #245049 !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.screener .FAQ .panel-body {
    font-size: 1.2rem;
    border-bottom: 1px solid #e5e5e5 !important
}

.screener .FAQ .panel-body a:hover {
    color: #0056b3 !important
}

.screener .list-dropdowns,
.screener select {
    border-bottom: solid 1px #c4c4c4;
    box-shadow: none;
    color: #245049;
    font-weight: 700
}

.screener .gray-border {
    border: solid 1px #c4c4c4;
    box-shadow: none;
    border-radius: 0px
}

.screener article {
    display: none
}

.screener article.on {
    display: block
}

.screener .gray-border-bottom {
    border-bottom: solid 1px #c4c4c4;
    text-align-last: center;
    min-width: fit-content;
    width: 100%
}

.screener .best-from-res .list-hot-buttons,
.screener .best-from-res .bg-gainers .best-index-table-ind-list-nav li a,
.bg-gainers .best-index-table-ind-list-nav li .screener .best-from-res a {
    background: #245049;
    margin: 4px;
    color: #fff;
    border-radius: 5px;
    padding: 6px 20px;
    font-size: 12px
}

.screener #setalert {
    z-index: 999999999999
}

@media only screen and (max-width: 1024px) {
    .screener .badge-outline {
        max-width: 740px;
        position: initial
    }
    .screener .filter-container {
        max-width: 1000px;
        margin: 0 auto
    }
    .screener .comp-name {
        min-width: 300px !important
    }
}

@media only screen and (max-width: 920px) {
    .screener .rating {
        position: relative;
        left: 35% !important
    }
}

@media only screen and (max-width: 900px) {
    .screener .screener .rating {
        position: relative;
        left: 37%
    }
}

@media only screen and (max-width: 768px) {
    .screener .rating {
        position: relative;
        left: 0% !important
    }
    .screener .badge-outline {
        max-width: 300px;
        position: initial
    }
    .screener .company-ellipses,
    .screener .dashboard .popular-screen-ellipses,
    .dashboard .screener .popular-screen-ellipses {
        width: 45% !important
    }
    .screener .filter-container {
        max-width: 750px;
        margin: 0 auto
    }
    .screener .comp-name {
        min-width: 350px !important
    }
    .screener .stick {
        position: sticky;
        max-width: 19% !important;
        min-width: 19% !important
    }
    .screener .gray-border-bottom {
        min-width: 1255px;
        max-width: 100%
    }
    .screener .list-table {
        min-height: 60vh;
        max-height: 65vh
    }
    .screener .best-from-res .list-hot-buttons,
    .screener .best-from-res .bg-gainers .best-index-table-ind-list-nav li a,
    .bg-gainers .best-index-table-ind-list-nav li .screener .best-from-res a {
        padding: 4px 8px
    }
}

@media only screen and (max-width: 425px) {
    .screener .stick {
        position: sticky;
        max-width: 18% !important;
        min-width: 18% !important
    }
}

.screener .save-screener .modal-body {
    font-size: 1.3rem
}

.screener .save-screener-head {
    border-bottom: 1px solid #e9ecef
}

.screener .dropdown-menu.show {
    width: 100%
}

.screener .tablesorter-sticky-wrapper {
    top: 84px !important
}

.screener section.range-slider-cap input,
.screener section.range-slider-cap .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .screener section.range-slider-cap textarea.input-textarea,
.screener section.range-slider-cap .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .screener section.range-slider-cap textarea.input-textarea {
    position: absolute;
    top: 22px;
    display: flex;
    height: 24px;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.screener section.range-slider-cap {
    position: relative;
    text-align: center
}

.screener section.range-slider-cap input::-webkit-slider-thumb,
.screener section.range-slider-cap .my-acc .formcon textarea.input-textarea::-webkit-slider-thumb,
.my-acc .formcon .screener section.range-slider-cap textarea.input-textarea::-webkit-slider-thumb,
.screener section.range-slider-cap .my-acc .form-group textarea.input-textarea::-webkit-slider-thumb,
.my-acc .form-group .screener section.range-slider-cap textarea.input-textarea::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0
}

.screener section.range-slider-cap input::-moz-range-thumb,
.screener section.range-slider-cap .my-acc .formcon textarea.input-textarea::-moz-range-thumb,
.my-acc .formcon .screener section.range-slider-cap textarea.input-textarea::-moz-range-thumb,
.screener section.range-slider-cap .my-acc .form-group textarea.input-textarea::-moz-range-thumb,
.my-acc .form-group .screener section.range-slider-cap textarea.input-textarea::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none
}

.screener section.range-slider-cap input::-moz-range-track,
.screener section.range-slider-cap .my-acc .formcon textarea.input-textarea::-moz-range-track,
.my-acc .formcon .screener section.range-slider-cap textarea.input-textarea::-moz-range-track,
.screener section.range-slider-cap .my-acc .form-group textarea.input-textarea::-moz-range-track,
.my-acc .form-group .screener section.range-slider-cap textarea.input-textarea::-moz-range-track {
    position: relative;
    z-index: -1;
    border: 0
}

.screener section.range-slider-cap input:last-of-type::-moz-range-track,
.screener section.range-slider-cap .my-acc .formcon textarea.input-textarea:last-of-type::-moz-range-track,
.my-acc .formcon .screener section.range-slider-cap textarea.input-textarea:last-of-type::-moz-range-track,
.screener section.range-slider-cap .my-acc .form-group textarea.input-textarea:last-of-type::-moz-range-track,
.my-acc .form-group .screener section.range-slider-cap textarea.input-textarea:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none rgba(0, 0, 0, 0);
    border: 0
}

.screener section.range-slider-cap input[type=range]::-moz-focus-outer,
.screener section.range-slider-cap .my-acc .formcon textarea[type=range].input-textarea::-moz-focus-outer,
.my-acc .formcon .screener section.range-slider-cap textarea[type=range].input-textarea::-moz-focus-outer,
.screener section.range-slider-cap .my-acc .form-group textarea[type=range].input-textarea::-moz-focus-outer,
.my-acc .form-group .screener section.range-slider-cap textarea[type=range].input-textarea::-moz-focus-outer {
    border: 0
}

.screener input[type=range],
.screener .my-acc .formcon textarea[type=range].input-textarea,
.my-acc .formcon .screener textarea[type=range].input-textarea,
.screener .my-acc .form-group textarea[type=range].input-textarea,
.my-acc .form-group .screener textarea[type=range].input-textarea {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%
}

.screener input[type=range]:focus,
.screener .my-acc .formcon textarea[type=range].input-textarea:focus,
.my-acc .formcon .screener textarea[type=range].input-textarea:focus,
.screener .my-acc .form-group textarea[type=range].input-textarea:focus,
.my-acc .form-group .screener textarea[type=range].input-textarea:focus {
    outline: none
}

.screener input[type=range]::-webkit-slider-runnable-track,
.screener .my-acc .formcon textarea[type=range].input-textarea::-webkit-slider-runnable-track,
.my-acc .formcon .screener textarea[type=range].input-textarea::-webkit-slider-runnable-track,
.screener .my-acc .form-group textarea[type=range].input-textarea::-webkit-slider-runnable-track,
.my-acc .form-group .screener textarea[type=range].input-textarea::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: none;
    background: #1eaf6d;
    border-radius: 48px;
    border: 0px solid #000
}

.screener input[type=range]::-webkit-slider-thumb,
.screener .my-acc .formcon textarea[type=range].input-textarea::-webkit-slider-thumb,
.my-acc .formcon .screener textarea[type=range].input-textarea::-webkit-slider-thumb,
.screener .my-acc .form-group textarea[type=range].input-textarea::-webkit-slider-thumb,
.my-acc .form-group .screener textarea[type=range].input-textarea::-webkit-slider-thumb {
    box-sizing: border-box;
    box-shadow: none;
    border: 0px solid #000;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    transform: translateY(-6px);
    border: 4px solid #1eaf6d;
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 4px #fff, inset 0 0 0 8px #fff;
    transition: box-shadow .25s ease-out
}

.screener input[type=range]::-webkit-slider-thumb:hover,
.screener .my-acc .formcon textarea[type=range].input-textarea::-webkit-slider-thumb:hover,
.my-acc .formcon .screener textarea[type=range].input-textarea::-webkit-slider-thumb:hover,
.screener .my-acc .form-group textarea[type=range].input-textarea::-webkit-slider-thumb:hover,
.my-acc .form-group .screener textarea[type=range].input-textarea::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 4px #fff, inset 0 0 0 8px #1eaf6d
}

.screener input[type=range]:focus::-webkit-slider-runnable-track,
.screener .my-acc .formcon textarea[type=range].input-textarea:focus::-webkit-slider-runnable-track,
.my-acc .formcon .screener textarea[type=range].input-textarea:focus::-webkit-slider-runnable-track,
.screener .my-acc .form-group textarea[type=range].input-textarea:focus::-webkit-slider-runnable-track,
.my-acc .form-group .screener textarea[type=range].input-textarea:focus::-webkit-slider-runnable-track {
    background: #1eaf6d
}

.screener input[type=range]::-moz-range-track,
.screener .my-acc .formcon textarea[type=range].input-textarea::-moz-range-track,
.my-acc .formcon .screener textarea[type=range].input-textarea::-moz-range-track,
.screener .my-acc .form-group textarea[type=range].input-textarea::-moz-range-track,
.my-acc .form-group .screener textarea[type=range].input-textarea::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    box-shadow: none;
    background: #1eaf6d;
    border-radius: 48px;
    border: 4px solid #000
}

.screener input[type=range]::-moz-range-thumb,
.screener .my-acc .formcon textarea[type=range].input-textarea::-moz-range-thumb,
.my-acc .formcon .screener textarea[type=range].input-textarea::-moz-range-thumb,
.screener .my-acc .form-group textarea[type=range].input-textarea::-moz-range-thumb,
.my-acc .form-group .screener textarea[type=range].input-textarea::-moz-range-thumb {
    box-sizing: border-box;
    box-shadow: none;
    border: 0px solid #000;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    transform: translateY(-1px);
    border: 4px solid #1eaf6d;
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 4px #fff, inset 0 0 0 8px #fff;
    transition: box-shadow .25s ease-out
}

.screener input[type=range]::-moz-range-thumb:hover,
.screener .my-acc .formcon textarea[type=range].input-textarea::-moz-range-thumb:hover,
.my-acc .formcon .screener textarea[type=range].input-textarea::-moz-range-thumb:hover,
.screener .my-acc .form-group textarea[type=range].input-textarea::-moz-range-thumb:hover,
.my-acc .form-group .screener textarea[type=range].input-textarea::-moz-range-thumb:hover {
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 4px #fff, inset 0 0 0 8px #1eaf6d
}

.screener .company-ellipses,
.screener .dashboard .popular-screen-ellipses,
.dashboard .screener .popular-screen-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

.screener .company-ellipses a,
.screener .dashboard .popular-screen-ellipses a,
.dashboard .screener .popular-screen-ellipses a {
    color: #343434;
    font-weight: 700
}

.screener .list-btn a {
    box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px
}

.screener .cbox-display {
    display: none
}

.screener .responsive-holder {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    position: relative;
    overflow-x: scroll;
    width: 100% !important
}

.screener .t-head,
.screener #mf-dashboard .t-data,
#mf-dashboard .screener .t-data,
.screener .alpha-case .t-data,
.alpha-case .screener .t-data,
.screener .t-data {
    min-width: 77px !important;
    align-self: center;
    text-align: center
}

.screener .sr-no,
.screener .check-box {
    min-width: 50px !important
}

.screener .comp-name {
    min-width: 170px;
    text-align-last: left;
    max-width: 130px
}

.screener .comp-name label {
    margin-bottom: 0px
}

.screener .color-code {
    min-width: 116px !important
}

.screener .color-code span {
    padding: 2px
}

.screener .stick {
    background: #fff;
    text-align: left;
    max-width: 20%;
    width: 100%;
    min-width: 18%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    overflow: hidden
}

.modal,
#navigation-bar {
    background: rgba(0, 0, 0, .7)
}

@media only screen and (min-width: 1440px) {
    .filter-container .sticky-add-bottom {
        position: sticky;
        bottom: 0;
        margin: 0;
        max-width: 100%;
        min-width: -webkit-fill-available;
        padding: 0;
        width: 100%;
        color: #fff;
        text-align: center;
        z-index: 1
    }
}

@media only screen and (max-width: 1440px) {
    .filter-container .sticky-add-bottom {
        padding: 3px;
        margin-top: 10px;
        z-index: 0
    }
}

@media only screen and (max-width: 1439px) {
    .filter-container .sticky-add-bottom {
        padding: 3px;
        position: sticky;
        margin-top: 10px;
        z-index: 0;
        line-height: 1.6;
        height: 44px;
        min-width: 102%;
        margin-left: -1% !important
    }
}

@media only screen and (max-width: 1024px) {
    .filter-container .sticky-add-bottom {
        padding: 1px;
        position: sticky;
        z-index: 0
    }
}

@media only screen and (max-width: 768px) {
    #hideFilter {
        display: none
    }
    .active-filter {
        min-width: 560px
    }
    .pop-stock-screener {
        padding-left: 15px;
        padding-right: 15px
    }
    .best-from-res .list-hot-buttons,
    .best-from-res .bg-gainers .best-index-table-ind-list-nav li a,
    .bg-gainers .best-index-table-ind-list-nav li .best-from-res a,
    .list-hot-blue {
        min-width: 165px;
        min-height: 27px;
        max-height: 74px;
        align-self: center;
        max-width: 165px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .company-found-text {
        right: 0% !important
    }
    .filter-btns {
        position: relative !important
    }
    .filter-container .sticky-add-bottom {
        padding: 1px;
        position: sticky;
        z-index: 1;
        bottom: 0;
        height: 66px
    }
}

@media only screen and (max-width: 575px) {
    .shape-right,
    .shape-left {
        display: none
    }
    .screener-lock-bg {
        height: 47.7vh !important
    }
    .active-filter {
        min-width: 300px
    }
    .company-found-text {
        right: 55% !important
    }
}

@media only screen and (max-width: 320px) {
    .active-filter {
        min-width: 210px !important
    }
    .sticky-text {
        font-size: .9rem !important
    }
}

@media only screen and (max-width: 375px) {
    .active-filter {
        min-width: 260px
    }
    .company-found-text {
        right: 45% !important;
        position: relative !important
    }
    .sticky-text {
        font-size: 1rem !important
    }
}

@media only screen and (max-width: 280px) {
    .company-found-text {
        right: 40% !important;
        position: relative !important
    }
}

.social-share-rounded-btn {
    max-width: 24px !important;
    border-radius: 50%
}

.social-share-fb {
    width: 61%;
    border-radius: 50%
}

.all-screener .card {
    box-shadow: none
}

.all-screener .screener-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 18px 20px;
    border-radius: 10px;
    border: 0
}

.all-screener .screen-data {
    margin: 10px 0px
}

.all-screener .screen-data div {
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    padding: 10px;
    font-size: 1.12rem;
    font-weight: 500;
    min-height: 60px;
    font-weight: 600
}

.all-screener .screen-data .sub-data {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 250px;
    font-weight: 500;
    color: #64737f
}

.all-screener a:hover {
    text-decoration: none
}

.all-screener .sector-block {
    display: flex;
    flex-wrap: wrap
}

.all-screener .sector-block a {
    margin: 3px 4px
}

.all-screener .sector-block a:hover {
    color: #1eaf6d
}

.all-screener .sector-list {
    border: 1px solid #d9e2ef;
    padding: 3px 8px;
    border-radius: 20px;
    color: #64737f
}

.all-screener p {
    color: #64737f
}

.all-screener table {
    border-collapse: collapse
}

.all-screener th {
    font-size: 1.25rem;
    font-family: inherit !important
}

.all-screener td {
    padding: 1rem;
    font-family: inherit !important;
    color: #3e4248;
    padding: 0px 12px
}

.all-screener .sticky-header {
    background: #f6f8f8;
    position: sticky;
    top: 83px;
    border-bottom: 1px solid #c4c4c4;
    z-index: 2
}

.all-screener .share-price {
    padding: 5px 12px;
    font-size: 1.1rem
}

.all-screener thead,
.all-screener tfoot {
    background: #eee
}

.all-screener thead {
    position: sticky;
    top: 83px;
    border-bottom: 2px solid #c4c4c4
}

@media only screen and (max-width: 575px) {
    .all-screener thead {
        top: 58px
    }
}

.all-screener #myTab .nav-item .nav-link {
    background-color: #fff !important;
    color: #245049;
    border: 1px solid #b5964d
}

.all-screener #myTab .nav-item .nav-link.active,
.all-screener #myTab .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .all-screener #myTab .nav-item a.nav-link {
    background-color: #b5964d !important;
    color: #fff
}

.all-screener .screener-table {
    font-size: 1.2rem;
    color: #3f3f72
}

.all-screener .t-head,
.all-screener #mf-dashboard .t-data,
#mf-dashboard .all-screener .t-data,
.all-screener .alpha-case .t-data,
.alpha-case .all-screener .t-data,
.all-screener .screener .t-data,
.screener .all-screener .t-data {
    min-width: 370px !important;
    align-self: center;
    text-align: center;
    font-size: 1.2rem;
    color: #132a26
}

.all-screener .t-data {
    min-width: 370px !important;
    align-self: center
}

.all-screener .gray-border-bottom {
    border-bottom: 1px solid #e9e9e9
}

.all-screener .desc {
    min-width: 400px !important;
    max-width: 400px !important
}

.all-screener .share {
    min-width: 250px !important;
    max-width: 280px !important
}

.all-screener .alert-data {
    min-width: 138px !important;
    max-width: 110px !important
}

.all-screener .screener-head {
    text-align: left;
    min-width: 317px !important;
    padding: 5px 12px;
    min-width: 190px;
    position: sticky
}

.all-screener .screener-data {
    font-size: 1.1rem;
    color: #3e4248
}

.all-screener .screener-table-data a {
    font-weight: 700;
    color: #3f3f72
}

@media only screen and (max-width: 600px) {
    .all-screener .stick {
        max-width: 42% !important;
        position: sticky;
        overflow: hidden;
        background: #fff;
        left: 0
    }
}

@media only screen and (max-width: 768px) {
    .all-screener .screener-table-data a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 250px
    }
    .all-screener .sticky-header {
        min-width: 691px;
        max-width: 100%;
        top: 0
    }
    .all-screener .screener-data {
        min-width: 690px;
        max-width: 100%
    }
    .all-screener .t-data {
        min-width: 138px !important;
        font-size: 1rem
    }
    .all-screener .stick {
        max-width: 42% !important
    }
    .all-screener .sticky-header,
    .all-screener .t-head,
    .all-screener #mf-dashboard .t-data,
    #mf-dashboard .all-screener .t-data,
    .all-screener .alpha-case .t-data,
    .alpha-case .all-screener .t-data,
    .all-screener .screener .t-data,
    .screener .all-screener .t-data {
        font-size: 1.2rem;
        background: #f6f8f8
    }
    .all-screener .screener-head {
        min-width: 166px !important;
        max-width: 167px !important;
        width: 244px
    }
    .all-screener .desc {
        min-width: 200px !important;
        max-width: 300px !important;
        margin-left: 10px
    }
    .all-screener .share {
        min-width: 110px !important;
        margin-right: 6px
    }
}

@media only screen and (max-width: 992px) {
    .all-screener .sticky-header {
        top: 0px
    }
}

@media only screen and (max-width: 1024px) {
    .all-screener .desc {
        min-width: 219px !important;
        max-width: 220px !important
    }
}

.stock-screener .add-to,
.stock-screener .subnav {
    position: relative;
    display: inline-block
}

.stock-screener .add-to {
    min-width: 65px
}

.stock-screener .add-to-w-b,
.stock-screener .subnav ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .29);
    min-width: 170px;
    z-index: 1000;
    border-radius: 5px
}

.stock-screener .add-to:hover .add-to-w-b,
.stock-screener .subnav:hover ul {
    display: block
}

.stock-screener .subnav a:hover {
    text-decoration: none
}

.stock-screener .subnav ul li:hover {
    background-color: #f8f9fa !important
}

.stock-screener .tab-discri ul li:hover {
    background-color: #def5f6 !important;
    text-decoration: none
}

.stock-screener .tab-discri ul li a:hover {
    text-decoration: none
}

.stock-screener .tab-discri ul li.selected {
    background-color: #def5f6 !important
}

.stock-screener .screen-move-left ul li label {
    margin-left: 8px !important;
    font-size: 13px !important
}

.stock-screener #alertmessage-done-comm-pg {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    width: 20%;
    margin: 0 0 0 250px;
    position: fixed
}

.watchlist .ui-autocomplete {
    background: #fff !important;
    border-radius: 10px !important
}

.watchlist .ui-autocomplete li {
    border-radius: 10px !important
}

.watchlist .green,
.watchlist .mutual-fund .grey,
.mutual-fund .watchlist .grey,
.watchlist .mutual-fund .red,
.mutual-fund .watchlist .red,
.watchlist .mutual-fund .orange,
.mutual-fund .watchlist .orange {
    background: #c4c4c4;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    line-height: 2;
    background: #1eaf6d
}

.watchlist .yellow,
.watchlist .orange {
    background: #c4c4c4;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    line-height: 2;
    background: #dc9935
}

.watchlist .red {
    background: #c4c4c4;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    line-height: 2;
    background: #f27070
}

.watchlist .gray {
    background: #c4c4c4;
    border-radius: 50%;
    color: #fff;
    font-size: .8rem;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35);
    line-height: 2
}

.watchlist .div-loader {
    width: 50px;
    height: 50px;
    margin-top: 10%
}

.watchlist .breadcrumb-container a {
    color: #3e4248 !important
}

.watchlist .sensex__price {
    margin-right: 0px !important
}

.watchlist .watchlist-bg {
    min-height: 250px;
    border: 1px solid #ced4da !important;
    border: none;
    padding-top: 20px;
    flex-wrap: wrap;
    border-radius: 10px;
    margin-right: -15px;
    margin-left: -15px
}

.watchlist .lock {
    width: 50px;
    padding: 8px
}

.watchlist .sensex__price {
    padding: 7px 15px;
    text-align: center;
    border-radius: 10px 10px;
    font-size: 1.2rem
}

.watchlist .fa-search {
    position: absolute;
    margin-top: 10px;
    font-size: 14px;
    color: #245049
}

.watchlist #watchlist-search .searchinput {
    border-radius: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px
}

.watchlist #watchlist-search .searchinput .company-ellipses,
.watchlist #watchlist-search .searchinput .dashboard .popular-screen-ellipses,
.dashboard .watchlist #watchlist-search .searchinput .popular-screen-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    text-align-last: start;
    line-height: 20px
}

.watchlist #watchlist-search .fa-search {
    position: absolute;
    margin-top: -23px;
    font-size: 14px;
    color: #245049;
    right: 30px
}

.watchlist #watchlist-search .search-btn {
    background: #1eaf6d;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1.2rem;
    border-radius: 20px
}

.watchlist #watchlist-search .btn-group-toggle input,
.watchlist #watchlist-search .btn-group-toggle .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .watchlist #watchlist-search .btn-group-toggle textarea.input-textarea,
.watchlist #watchlist-search .btn-group-toggle .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .watchlist #watchlist-search .btn-group-toggle textarea.input-textarea {
    margin-right: 5px;
    margin-top: 5px
}

.watchlist .add-to-portfolio {
    border: 1px solid #245049;
    border-radius: 10px;
    color: #245049 !important;
    padding: 4px 10px;
    font-size: 1.1rem;
    margin-right: 3px
}

.watchlist .add-to-boughtlist {
    border: 1px solid #245049;
    border-radius: 10px;
    color: #245049 !important;
    padding: 4px 10px;
    font-size: 1.1rem;
    margin-right: 3px
}

.watchlist .demo-bg {
    background: url(/images/watchlist/demo-bg-v3.png) no-repeat 0 0;
    background-size: cover;
    height: 190px;
    width: 203px;
    position: absolute;
    top: 15%;
    left: 36%
}

.watchlist .btn-group .btn-outline-greenshade.active,
.watchlist .btn-group .nse-bse-indices .stock-indices a.btn-outline-greenshade,
.nse-bse-indices .stock-indices .watchlist .btn-group a.btn-outline-greenshade {
    background-color: #245049 !important;
    border: #245049 !important;
    padding: 6px;
    border-radius: 10px;
    color: #fff
}

.watchlist .btn-group .btn-outline-greenshade.active:hover,
.watchlist .btn-group .nse-bse-indices .stock-indices a.btn-outline-greenshade:hover,
.nse-bse-indices .stock-indices .watchlist .btn-group a.btn-outline-greenshade:hover {
    color: #fff
}

.watchlist .btn-group .btn-outline-greenshade:hover {
    background: #fff;
    color: #245049
}

.watchlist #watchlist {
    text-align-last: center;
    width: 100%
}

.watchlist #watchlist .sticky-header {
    position: sticky;
    top: 84px;
    cursor: pointer;
    z-index: 1;
    background: #f6f8f8
}

.watchlist ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.watchlist ::-webkit-scrollbar-track {
    background: #fff
}

.watchlist ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
    width: 20%
}

.watchlist ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.watchlist .stick-data {
    position: sticky;
    left: -20px;
    display: flex
}

.watchlist .t-head,
.watchlist #mf-dashboard .t-data,
#mf-dashboard .watchlist .t-data,
.watchlist .alpha-case .t-data,
.alpha-case .watchlist .t-data,
.watchlist .screener .t-data,
.screener .watchlist .t-data {
    font-size: 1.12rem;
    line-height: 1.5rem;
    color: #245049;
    font-weight: 700;
    align-self: center
}

.watchlist .t-head .stick-data,
.watchlist #mf-dashboard .t-data .stick-data,
#mf-dashboard .watchlist .t-data .stick-data,
.watchlist .alpha-case .t-data .stick-data,
.alpha-case .watchlist .t-data .stick-data,
.watchlist .screener .t-data .stick-data,
.screener .watchlist .t-data .stick-data {
    background: #f6f8f8 !important
}

.watchlist .set-trigger {
    font-size: 1.3rem
}

.watchlist .sector-name {
    text-align: start
}

.watchlist .watchlist-row .stick-data {
    background-color: #fff
}

.watchlist .watchlist-row .toggle-btn {
    margin-bottom: 0
}

.watchlist .watchlist-row .toggle-btn .arrow-open-close {
    top: 14px;
    left: 10px;
    width: 22px
}

.watchlist .watchlist-row .arrow-open-close:before,
.watchlist .watchlist-row .arrow-open-close:after {
    background: #245049
}

.watchlist .sticky-header {
    background: #f6f8f8 !important
}

.watchlist .t-data {
    font-size: 1rem;
    color: #3f3f72
}

.watchlist .comp-name {
    min-width: 133px;
    text-align-last: start;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 65%
}

.watchlist .stock-name {
    min-width: 158px;
    max-width: 160px
}

.watchlist .mrp {
    min-width: 135px
}

.watchlist .dp {
    min-width: 102px
}

.watchlist .cmp {
    min-width: 114px
}

.watchlist .price {
    min-width: 115px
}

.watchlist .change {
    min-width: 110px
}

.watchlist .range {
    min-width: 130px
}

.watchlist .action {
    min-width: 130px
}

.watchlist .decizen {
    min-width: 88px
}

.watchlist #data-num-head,
.watchlist .check-box,
.watchlist .data-num {
    min-width: 50px
}

.watchlist .panel {
    padding: 5px 1px;
    border-radius: 9px;
    margin: 8px 0px;
    min-height: 52px;
    min-width: auto;
    align-items: center
}

.watchlist .remove-stock {
    position: absolute;
    top: 3px;
    color: #f27070 !important;
    right: 10px;
    font-weight: 400
}

.watchlist .company-ellipses,
.watchlist .dashboard .popular-screen-ellipses,
.dashboard .watchlist .popular-screen-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    text-align-last: start;
    line-height: 20px
}

.watchlist .sensex__price {
    padding: 7px 15px;
    text-align: center;
    border-radius: 10px 10px;
    font-size: 1.2rem
}

.watchlist .fa-search {
    position: absolute;
    margin-top: -23px;
    font-size: 14px;
    color: gray;
    right: 30px
}

.watchlist #watchlist-search .decizen-orange,
.watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .decizen-red {
    background: #dc9935;
    color: #fff;
    font-size: .9rem;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 2px;
    text-align: center;
    padding-top: 2px;
    font-family: inherit !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3490196078);
    line-height: 1.8;
    border-radius: 50%
}

.watchlist #watchlist-search .decizen-red {
    background: #f27070
}

.watchlist #watchlist-search .decizen-green {
    background: #1eaf6d
}

.watchlist .stock-news .border-success {
    border: 1px solid #245049;
    border-radius: 20px;
    margin: 13px 0px !important
}

.watchlist .bottom-green-hr {
    border-bottom: 4px solid #245049;
    width: 80px;
    border-radius: 20px;
    margin-left: 12px
}

.watchlist .chartjs-render-monitor {
    height: 300px !important
}

.watchlist .stock-data {
    text-align-last: start;
    font-size: 1rem;
    padding: 5px
}

.watchlist .modal .modal-header {
    background: #f0f0f2;
    color: #3e4248
}

.watchlist .modal .modal-body .nav-tabs {
    background: #f0f0f2
}

.watchlist .modal .modal-body .nav-tabs a.nav-item {
    color: #3e4248
}

.watchlist .trigger .btn-success,
.watchlist .trigger .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .watchlist .trigger .btn-read-next,
.watchlist .trigger .view-modal .btn-danger,
.watchlist .view-modal .trigger .btn-danger,
.watchlist .trigger .btn-outline-danger {
    background: #1eaf6d;
    color: #fff;
    border-radius: 20px;
    border: 0;
    font-size: 1.1rem;
    border: 1px solid #1eaf6d
}

.watchlist .trigger .btn-outline-danger {
    background: #fff;
    color: #f27070;
    border: 1px solid #f27070
}

.watchlist .trigger .btn-outline-danger:hover {
    background-color: #f27070 !important;
    color: #fff !important;
    border: 1px solid #f27070 !important
}

.watchlist .view-modal .btn-danger {
    background: #fff !important;
    color: #f27070;
    border: 1px solid #f27070
}

.watchlist .nav-tabs .nav-link::after {
    background: #c4c4c4;
    height: 1px
}

.watchlist .modal-content .close {
    margin-right: 10px
}

.watchlist .modal-content .add-to-portfolio {
    border: 1px solid #1eaf6d;
    border-radius: 20px;
    color: #fff !important
}

.watchlist .search-btn {
    background: #1eaf6d;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1.2rem;
    border-radius: 20px
}

.watchlist .view-details {
    background: #fff;
    color: #3f3f72;
    border-radius: 20px;
    border: 1px solid #dadada
}

@media only screen and (max-width: 1024px) {
    .watchlist .comp-name {
        min-width: 85px
    }
    .watchlist .res-width {
        max-width: 100% !important;
        min-width: 1000px !important
    }
    .watchlist .mrp {
        min-width: 95px
    }
    .watchlist .stock-name {
        min-width: 110px;
        max-width: 111px
    }
    .watchlist .dp {
        min-width: 75px
    }
    .watchlist .cmp {
        min-width: 65px
    }
}

@media only screen and (max-width: 1023px) {
    .watchlist .sticky-header {
        top: 0px !important;
        position: sticky !important
    }
    .watchlist .sticky-header .stick-data {
        background: #f0f0f2
    }
    .watchlist .data-num,
    .watchlist .check-box {
        min-width: 45px !important
    }
    .watchlist .res-width {
        max-width: 100% !important;
        min-width: 985px !important
    }
    .watchlist #watchlist {
        max-height: 600px;
        overflow-x: scroll
    }
    .watchlist #watchlist .stock-name {
        min-width: 135px;
        text-align-last: start
    }
    .watchlist #watchlist .mrp {
        min-width: 96px
    }
    .watchlist #watchlist .mrp a {
        max-width: 60px;
        display: inline-block
    }
    .watchlist #watchlist .range {
        min-width: 75px;
        max-width: 75px
    }
    .watchlist #watchlist .company-ellipses,
    .watchlist #watchlist .dashboard .popular-screen-ellipses,
    .dashboard .watchlist #watchlist .popular-screen-ellipses {
        max-width: 180px
    }
}

@media only screen and (max-width: 990px) {
    .watchlist .container {
        max-width: 900px
    }
    .watchlist .stick-data {
        left: -6px
    }
    .watchlist .remove-stock {
        top: 10px;
        right: -3px
    }
}

@media only screen and (max-width: 768px) {
    .watchlist .decizen {
        min-width: 105px
    }
    .watchlist .arrow-open-close {
        margin-left: 3px
    }
    .watchlist .stock-data {
        font-size: 1rem
    }
    .watchlist .stock-news {
        font-size: 1rem
    }
    .watchlist .stock-date {
        font-size: 1rem
    }
    .watchlist .sticky-header {
        top: 0px !important;
        position: sticky !important
    }
    .watchlist .sticky-header .stick-data {
        background: #f0f0f2
    }
    .watchlist .data-num,
    .watchlist .check-box {
        min-width: 45px !important
    }
    .watchlist .comp-name {
        min-width: 130px
    }
    .watchlist .fa-bell {
        font-size: 1.2rem
    }
    .watchlist .stick-data {
        min-height: 30px;
        left: 0px
    }
    .watchlist .t-head,
    .watchlist #mf-dashboard .t-data,
    #mf-dashboard .watchlist .t-data,
    .watchlist .alpha-case .t-data,
    .alpha-case .watchlist .t-data,
    .watchlist .screener .t-data,
    .screener .watchlist .t-data {
        font-size: 1.1rem
    }
    .watchlist .t-data {
        font-size: 1rem;
        font-weight: 400
    }
    .watchlist .badge-primary {
        font-size: .95rem;
        font-weight: 400
    }
    .watchlist .remove-stock {
        right: -10px;
        top: -15px
    }
    .watchlist .chartjs-render-monitor {
        height: 200px !important
    }
    .watchlist .set-alert {
        background: #3f3f72;
        color: #fff;
        font-weight: 400;
        font-size: .95rem;
        border-radius: 20px;
        padding: 3px 10px
    }
    .watchlist .panel {
        padding: 3px;
        border-radius: 2px;
        box-shadow: none !important;
        margin: 2px 0px;
        min-height: 65px;
        min-width: -webkit-fill-available
    }
    .watchlist .panel .data-num {
        min-width: 15px;
        align-self: baseline !important;
        margin-top: 8px
    }
    .watchlist .res-width {
        max-width: 100% !important;
        min-width: 1061px !important
    }
    .watchlist .btn-group-toggle input,
    .watchlist .btn-group-toggle .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .watchlist .btn-group-toggle textarea.input-textarea,
    .watchlist .btn-group-toggle .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .watchlist .btn-group-toggle textarea.input-textarea {
        margin-right: 5px;
        margin-top: 5px
    }
    .watchlist #watchlist {
        max-height: 600px;
        overflow-x: scroll
    }
    .watchlist #watchlist .stock-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90%;
        min-width: 135px;
        text-align-last: start
    }
    .watchlist #watchlist .mrp {
        min-width: 109px
    }
    .watchlist #watchlist .dp {
        min-width: 65px;
        margin-left: 6px
    }
    .watchlist #watchlist .cmp {
        min-width: 152px
    }
    .watchlist #watchlist .price {
        min-width: 100px
    }
    .watchlist #watchlist .change {
        min-width: 100px
    }
    .watchlist #watchlist .action {
        min-width: 100px
    }
    .watchlist #watchlist .range {
        min-width: 103px;
        max-width: 75px
    }
    .watchlist #watchlist .company-ellipses,
    .watchlist #watchlist .dashboard .popular-screen-ellipses,
    .dashboard .watchlist #watchlist .popular-screen-ellipses {
        max-width: 180px
    }
}

@media only screen and (max-width: 575px) {
    .watchlist .collapse .show {
        display: none
    }
    .watchlist .remove-stock {
        right: 0px !important;
        top: 10px !important
    }
    .watchlist .watchlist-bg {
        border: none;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media only screen and (max-width: 570px) {
    .watchlist .decizen {
        min-width: 88px;
        margin-left: 10px
    }
    .watchlist .res-width {
        max-width: 100% !important;
        min-width: 1040px !important
    }
    .watchlist .arrange-by label {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
    .watchlist .dp {
        min-width: 110px
    }
}

@media only screen and (max-width: 320px) {
    .watchlist .arrange-by label {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

#searchBox {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important
}

#searchButton {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor: pointer
}

#right-button,
#left-button {
    cursor: pointer
}

#main-company-content ul li a {
    color: #245049
}

.left-menu-selected {
    background: #f4f4f4
}

.news-archive-content li {
    font-size: 1.1rem
}

.news-archive-content a {
    color: #245049
}

.news-pg table {
    display: block;
    width: 100%;
    overflow-x: auto
}

input:focus-visible,
.my-acc .formcon textarea.input-textarea:focus-visible,
.my-acc .form-group textarea.input-textarea:focus-visible {
    outline: none
}

#main-company-content input::-webkit-input-placeholder,
#main-company-content .my-acc .formcon textarea.input-textarea::-webkit-input-placeholder,
.my-acc .formcon #main-company-content textarea.input-textarea::-webkit-input-placeholder,
#main-company-content .my-acc .form-group textarea.input-textarea::-webkit-input-placeholder,
.my-acc .form-group #main-company-content textarea.input-textarea::-webkit-input-placeholder {
    font-size: 13px
}

.search-container .search-icon {
    margin-left: -15%;
    border-radius: 19px;
    padding-left: 20px;
    padding-right: 18px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    cursor: pointer
}

.search-container .fa-search:before {
    content: "";
    font-size: 1.5rem
}

.gray-card-light {
    padding: 17px
}

.news-details a {
    color: #3e4248
}

.related-company-links .gray-card-light {
    padding: 8px !important
}

.gray-card-light-peers {
    border-radius: 9px;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important;
    padding: 10px
}

.gray-card-light-peers tr th {
    background: #c4c4c4
}

.relatedLinks .btn {
    width: 19%
}

.news-tab div {
    border-radius: 10px;
    padding: 10px;
    border: none;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important;
    font-size: 1.25rem;
    margin: 0px 3px 13px 0px;
    cursor: pointer;
    line-height: 1.2;
    color: #245049
}

.news-tab div.selected {
    background: #b5964d;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    border: none;
    box-shadow: 1px 2px 12px 2px #cdcdcd !important;
    font-size: 1.25rem;
    margin: 0px 3px 13px 0px;
    cursor: pointer;
    line-height: 1.2
}

#content-right-report ul li {
    margin-top: 10px
}

#content-right-report ul li .fa-caret-right:before {
    color: #343a40
}

#content-right-report ul li a {
    color: #3f3f72;
    margin-left: 12px
}

.main-question p {
    color: #3e4248;
    font-size: 1.3rem
}

.news-info-section:after {
    position: absolute;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    background: linear-gradient(white 0%, #dadada 10%, #dadada 90%, white 100%);
    top: 0;
    left: 0%
}

.de-selected-news-year {
    background: #65d675;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    margin: 0px 3px 8px 0px;
    padding: 9px 26px
}

.selected-news-year {
    background: #65d675;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-size: 1.25rem;
    margin: 0px 3px 8px 0px;
    padding: 9px 26px;
    background: #fff;
    color: #3f3f72;
    box-shadow: rgba(89, 204, 255, .13) 0px 2px 4px 0px, rgba(14, 30, 37, .32) 0px 2px 16px 0px;
    font-weight: 700;
    border-bottom: 3px solid #65d675
}

.overflow-tabs {
    display: flex;
    overflow-x: auto;
    padding: 11px
}

.news-middle-container #main-company-content {
    border-top: 3px solid #65d675
}

@media only screen and (max-width: 320px) {
    #main-company-content input::-webkit-input-placeholder,
    #main-company-content .my-acc .formcon textarea.input-textarea::-webkit-input-placeholder,
    .my-acc .formcon #main-company-content textarea.input-textarea::-webkit-input-placeholder,
    #main-company-content .my-acc .form-group textarea.input-textarea::-webkit-input-placeholder,
    .my-acc .form-group #main-company-content textarea.input-textarea::-webkit-input-placeholder {
        font-size: 1.2rem !important
    }
}

@media only screen and (max-width: 425px) {
    .sm-d-block {
        display: block !important
    }
    .sm-d-flex {
        display: flex !important
    }
}

@media only screen and (min-width: 768px) {
    #main-company-content input::-webkit-input-placeholder,
    #main-company-content .my-acc .formcon textarea.input-textarea::-webkit-input-placeholder,
    .my-acc .formcon #main-company-content textarea.input-textarea::-webkit-input-placeholder,
    #main-company-content .my-acc .form-group textarea.input-textarea::-webkit-input-placeholder,
    .my-acc .form-group #main-company-content textarea.input-textarea::-webkit-input-placeholder {
        font-size: 1.3rem
    }
}

@media screen and (max-width: 767px) {
    #content-right-report table {
        display: inline-table
    }
    .news-info-section:after {
        background: none !important
    }
}

@media only screen and (max-width: 768px) {
    .relatedLinks .btn {
        width: 32%
    }
}

@media only screen and (max-width: 375px) {
    .relatedLinks .btn {
        font-size: .8rem !important
    }
}

.financial-planning ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.financial-planning ::-webkit-scrollbar-track {
    background: #f4f4f4
}

.financial-planning ::-webkit-scrollbar-thumb {
    height: 8px;
    background: #c4c4c4
}

.financial-planning ::-webkit-scrollbar-thumb:hover {
    background: #c4c4c4
}

.financial-planning .fa-trash {
    cursor: pointer
}

.financial-planning .corpus {
    min-width: 195px;
    display: inline-flex
}

.financial-planning .future-value {
    border: 1px solid #b5964d;
    border-radius: 20px;
    color: #132a26
}

.financial-planning .financial-planning-card,
.financial-planning .promo-deck .promo-card,
.financial-planning .dream-goal-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px !important;
    padding: 15px 20px !important;
    border-radius: 10px;
    border: 0
}

.financial-planning .financial-planning-card.gray,
.financial-planning .promo-deck .gray.promo-card,
.financial-planning .gray.dream-goal-card {
    background: #f0f0f2
}

.financial-planning .financial-planning-card img,
.financial-planning .promo-deck .promo-card img,
.financial-planning .dream-goal-card img {
    width: 29%
}

.financial-planning .financial-planning-card .fa-plus-circle,
.financial-planning .promo-deck .promo-card .fa-plus-circle,
.financial-planning .dream-goal-card .fa-plus-circle {
    color: #245049;
    font-size: 22px
}

.financial-planning .dream-goal-card {
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17) !important;
    border: 1px solid #b5964d;
    padding: 10px 10px !important;
    text-align-last: start
}

.financial-planning .dream-goal-card img {
    width: 10%
}

.financial-planning .mob-financial-plan-card .financial-planning-card,
.financial-planning .mob-financial-plan-card .promo-deck .promo-card,
.financial-planning .promo-deck .mob-financial-plan-card .promo-card,
.financial-planning .mob-financial-plan-card .dream-goal-card {
    box-shadow: none !important
}

.financial-planning .high-education:before {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    border-top: 3rem solid #f6f8f8;
    right: 15px;
    border-left: 3rem solid rgba(0, 0, 0, 0);
    border-top: 3rem solid #f6f8f8
}

.financial-planning .marriage:before {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    border-top: 3rem solid #f6f8f8;
    right: 15px;
    border-left: 3rem solid rgba(0, 0, 0, 0);
    border-top: 3rem solid #f6f8f8
}

.financial-planning .retirement:before {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    border-top: 3rem solid #f6f8f8;
    right: 15px;
    border-left: 3rem solid rgba(0, 0, 0, 0);
    border-top: 3rem solid #f6f8f8
}

.financial-planning .locked:before {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    border-top: 3rem solid #f6f8f8;
    right: 15px;
    border-left: 3rem solid rgba(0, 0, 0, 0);
    border-top: 3rem solid #f6f8f8
}

.financial-planning .future-goals:before {
    display: none;
    content: "";
    position: absolute;
    top: 0px;
    border-top: 3rem solid #f6f8f8;
    right: 15px;
    border-left: 3rem solid rgba(0, 0, 0, 0);
    border-top: 3rem solid #f6f8f8
}

.financial-planning .add-goal {
    cursor: pointer
}

.financial-planning .add-goal img {
    width: auto
}

.financial-planning .goals {
    min-height: 60vh;
    height: 100%;
    top: -8px;
    padding: 10px 20px;
    position: relative;
    overflow-y: scroll;
    width: 100% !important
}

.financial-planning .hr-light {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}

.financial-planning .plan-cards .financial-planning-card,
.financial-planning .plan-cards .promo-deck .promo-card,
.financial-planning .promo-deck .plan-cards .promo-card,
.financial-planning .plan-cards .dream-goal-card {
    min-height: 144px
}

.financial-planning .lumpsum-to-goals .btn-lightgray {
    background: #f0f0f2;
    color: #3f3f72 !important;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: underline !important
}

.financial-planning .lumpsum-to-goals .form-check-label {
    font-size: 1.1rem;
    color: #3e4248;
    font-weight: 700;
    display: contents
}

.financial-planning .lumpsum-to-goals .future-goals img {
    width: 20%;
    margin-right: 15px;
    margin-left: 10px
}

.financial-planning .all-goals {
    overflow-x: scroll;
    display: flex
}

.financial-planning .all-goals .add-goals-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 15px 20px;
    border-radius: 10px;
    border: 0;
    min-height: 140px
}

.financial-planning .all-goals .add-goals-card .fa-plus-circle {
    color: #245049;
    font-size: 2.2rem
}

.financial-planning .currentcost li,
.financial-planning .goal_value li {
    text-align-last: center
}

.financial-planning .disabled {
    background: #f4f4f4 !important
}

.financial-planning .disabled:hover {
    cursor: no-drop
}

.financial-planning .info-tabs .nav-item .nav-link {
    padding: 3px;
    font-size: 1.12rem
}

.financial-planning .info-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 20px
}

.financial-planning .info-card .nav-pills .nav-link {
    border: 1px solid #245049 !important;
    color: #245049 !important
}

.financial-planning .info-card .nav-pills .nav-link.active,
.financial-planning .info-card .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .financial-planning .info-card .nav-pills a.nav-link {
    color: #fff !important;
    background-color: #245049 !important
}

.financial-planning .fp-arrow::after {
    border-left: 20px solid #1eaf6d !important
}

.financial-planning .dashboard-tab {
    border: 1px solid #1eaf6d;
    color: #1eaf6d;
    padding: 7px !important;
    border-radius: 5px 0px 0px 5px
}

.financial-planning .arrow-pointer .active,
.financial-planning .arrow-pointer .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .financial-planning .arrow-pointer a {
    overflow: auto;
    white-space: nowrap
}

.financial-planning .arrow-pointer a {
    font-size: 1.2rem;
    padding: 5px;
    margin: 5px 7px
}

.financial-planning .promo-deck .btn-outline-darkblue {
    border-color: #3f3f72
}

.financial-planning .promo-deck .promo-card {
    background: #fff;
    height: 112px;
    border-radius: 20px;
    width: -webkit-fill-available;
    max-width: 180px
}

.financial-planning .promo-deck .promo-card img {
    width: 35%;
    min-height: 70px
}

.financial-planning .promo-deck .promo-card .id {
    width: 38%
}

.financial-planning .green-dashed-border {
    border: dashed 1px #1eaf6d;
    width: 70%;
    top: 40%;
    left: 23.2%;
    position: absolute
}

.financial-planning .plans input,
.financial-planning .plans .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .financial-planning .plans textarea.input-textarea,
.financial-planning .plans .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .financial-planning .plans textarea.input-textarea {
    border: 1px solid #b1b1b1;
    padding: 2px 12px;
    border-radius: 10px;
    background: #fff;
    color: #3e4248;
    font-size: 1.1rem
}

.financial-planning .plans input:focus-visible,
.financial-planning .plans .my-acc .formcon textarea.input-textarea:focus-visible,
.my-acc .formcon .financial-planning .plans textarea.input-textarea:focus-visible,
.financial-planning .plans .my-acc .form-group textarea.input-textarea:focus-visible,
.my-acc .form-group .financial-planning .plans textarea.input-textarea:focus-visible {
    border: 1px solid #3f3f72;
    outline: 0
}

.financial-planning .carddetailpage .fieldgroup .progressbar-main ul.scale {
    display: flex;
    list-style-type: none;
    padding: 0;
    justify-content: space-between;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: -5px;
    color: #3e4248;
    font-weight: 700
}

.financial-planning .carddetailpage .fieldgroup .monthlyvalue .dividevalue1 {
    height: 19px;
    background: #1eaf6d;
    padding: 2px 0;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 500
}

.financial-planning .carddetailpage .fieldgroup .monthlyvalue .dividevalue2 {
    height: 19px;
    background: #1eaf6d;
    padding: 2px 0;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 500;
    background: #f27070
}

.financial-planning .carddetailpage .fieldgroup .monthlyvalue {
    font-size: 1.4rem;
    text-align: center;
    font-weight: 500;
    color: #3e4248
}

.financial-planning .assum-main .title,
.financial-planning .assum-main .info {
    width: 100%;
    display: flex;
    padding: 3px;
    justify-content: space-around
}

.financial-planning .ui-state-default {
    padding: 0px 7px;
    font-size: 1.2rem;
    border-radius: 4px
}

.financial-planning .ui-state-active a {
    background: #1eaf6d;
    color: #fff
}

.financial-planning .dashboard-nav {
    border: 1px solid #1eaf6d;
    color: #1eaf6d;
    padding: 7px
}

.financial-planning #equitylabel,
.financial-planning #debtlabel {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px
}

.financial-planning .assumptions {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    border-radius: 10px;
    color: #3e4248
}

.financial-planning .assumptions .title div {
    font-size: 1.2rem
}

.financial-planning .assumptions input,
.financial-planning .assumptions .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .financial-planning .assumptions textarea.input-textarea,
.financial-planning .assumptions .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .financial-planning .assumptions textarea.input-textarea {
    width: 90%
}

.financial-planning .ui-slider-range {
    background: #245049
}

.financial-planning .ui-widget.ui-widget-content {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px
}

.financial-planning .carddetailpage .fieldgroup .progressbar-main ul.scale li:last-child {
    width: 15px;
    text-align: right
}

.financial-planning .range-slider {
    height: 1rem;
    max-width: -webkit-fill-available !important
}

.financial-planning .user-info .panel-group {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    border-radius: 10px
}

.financial-planning .user-info .panel-group .panel-head {
    background: #245049;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 0px
}

.financial-planning .user-info .panel-group a.mouse-pointer:hover {
    color: #245049 !important
}

.financial-planning .user-info .arrow-open-close:before,
.financial-planning .user-info .arrow-open-close:after {
    background: #fff;
    top: 5px
}

.financial-planning .user-info .panel-head {
    padding: 4px 29px 4px 47px
}

.financial-planning .user-info .guidebtn a {
    font-size: 1.1rem;
    border: 1px solid #3f3f72;
    color: #3f3f72;
    padding: 3px
}

.financial-planning .user-info .form-inline label {
    font-size: 1.17rem
}

.financial-planning .current-cost,
.financial-planning .years-left,
.financial-planning .lumpsum-amt,
.financial-planning .goal-name,
.financial-planning .locked-investment {
    min-width: 194px !important;
    display: inline-block
}

@media only screen and (max-width: 375px) {
    .financial-planning .green-dotted-border {
        left: 28% !important
    }
    .financial-planning .assumptions .title div {
        font-size: 1rem
    }
    .financial-planning .assumptions input,
    .financial-planning .assumptions .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .financial-planning .assumptions textarea.input-textarea,
    .financial-planning .assumptions .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .financial-planning .assumptions textarea.input-textarea {
        width: 78% !important
    }
}

@media only screen and (max-width: 575px) {
    .financial-planning .goals {
        min-height: auto;
        max-height: fit-content;
        height: 100%;
        padding: 10px 20px;
        position: relative;
        width: 100% !important
    }
    .financial-planning .mob-d-flex {
        display: flex
    }
    .financial-planning .mob-mt-0 {
        margin-top: 0px !important
    }
    .financial-planning .mob-financial-plan-card {
        border-radius: 10px
    }
    .financial-planning .mob-financial-plan-card.financial-planning-card,
    .financial-planning .mob-financial-plan-card.dream-goal-card,
    .financial-planning .promo-deck .mob-financial-plan-card.promo-card {
        background: none
    }
    .financial-planning .all-goals .financial-planning-card,
    .financial-planning .all-goals .dream-goal-card,
    .financial-planning .all-goals .promo-deck .promo-card,
    .financial-planning .promo-deck .all-goals .promo-card,
    .financial-planning .all-goals .add-goal {
        height: auto;
        box-shadow: none;
        min-height: 60px !important
    }
    .financial-planning .all-goals .financial-planning-card.add-goal:before,
    .financial-planning .all-goals .add-goal.add-goal:before {
        content: none
    }
    .financial-planning .green-dotted-border {
        left: 31% !important
    }
    .financial-planning .assum-main .title,
    .financial-planning .assum-main .info {
        width: 100%;
        display: block;
        padding: 3px;
        justify-content: space-around;
        align-self: center
    }
    .financial-planning .assum-main {
        display: flex
    }
    .financial-planning .assum-main .title div {
        min-height: 35px;
        padding-top: 8px
    }
    .financial-planning .assumptions input,
    .financial-planning .assumptions .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .financial-planning .assumptions textarea.input-textarea,
    .financial-planning .assumptions .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .financial-planning .assumptions textarea.input-textarea {
        width: 80%;
        margin: 2px
    }
    .financial-planning .plans input,
    .financial-planning .plans .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .financial-planning .plans textarea.input-textarea,
    .financial-planning .plans .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .financial-planning .plans textarea.input-textarea {
        font-size: 1rem
    }
}

@media only screen and (max-width: 768px) {
    .financial-planning .sm-border {
        border: 1px solid #c4c4c4
    }
    .financial-planning .sm-border-bottom {
        border-bottom: 1px solid #c4c4c4
    }
    .financial-planning .arrow-pointer a {
        width: max-content
    }
    .financial-planning .info-card {
        box-shadow: none !important
    }
    .financial-planning .financial-planning-mob {
        overflow-x: auto;
        display: flex;
        justify-content: start !important
    }
    .financial-planning .financial-planning-mob .nav-pills {
        flex-wrap: inherit
    }
    .financial-planning .ui-state-default {
        padding: 0px 2px;
        font-size: 1.2rem;
        width: max-content
    }
    .financial-planning .future-goals img {
        max-width: 20%;
        margin-right: 6px;
        margin-left: 10px
    }
    .financial-planning .sm-d-block {
        display: block
    }
    .financial-planning .locked:before {
        right: 0px !important
    }
    .financial-planning .current-cost,
    .financial-planning .years-left,
    .financial-planning .lumpsum-amt,
    .financial-planning .goal-name,
    .financial-planning .locked-investment {
        min-width: 126px !important;
        display: inline-block
    }
    .financial-planning .sm-px-3 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .financial-planning .plan-cards .financial-planning-card,
    .financial-planning .plan-cards .dream-goal-card,
    .financial-planning .plan-cards .promo-deck .promo-card,
    .financial-planning .promo-deck .plan-cards .promo-card {
        min-height: 145px !important
    }
    .financial-planning .plan-cards .financial-planning-card img,
    .financial-planning .plan-cards .dream-goal-card img,
    .financial-planning .plan-cards .promo-deck .promo-card img,
    .financial-planning .promo-deck .plan-cards .promo-card img {
        width: 25% !important
    }
    .financial-planning .all-goals .plan-cards {
        margin-bottom: 15px
    }
    .financial-planning .mob-p-0 {
        padding: 0
    }
    .financial-planning .high-education:before,
    .financial-planning .marriage:before,
    .financial-planning .retirement:before,
    .financial-planning .future-goals:before,
    .financial-planning .add-goal:before {
        right: 0px
    }
    .financial-planning .green-dotted-border {
        border-left: 2px dashed #1eaf6d;
        height: 200px;
        position: absolute;
        left: 50%;
        left: 39.8%;
        margin-top: 21px
    }
    .financial-planning .white-round {
        background: #fff;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        text-align: center
    }
}

@media only screen and (max-width: 1024px) {
    .financial-planning .ui-state-default {
        padding: 0px 5px
    }
    .financial-planning .sm-w-full {
        min-width: fit-content;
        margin-top: 5px !important
    }
    .financial-planning .plan-cards .financial-planning-card,
    .financial-planning .plan-cards .dream-goal-card,
    .financial-planning .plan-cards .promo-deck .promo-card,
    .financial-planning .promo-deck .plan-cards .promo-card {
        min-height: 140px !important
    }
}

.financial-planning .fp-tabs .nav-item {
    margin: 10px
}

.financial-planning .fp-tabs .nav-item .nav-link {
    border-radius: 20px;
    padding: 4px 5px;
    font-size: 1.2rem
}

.loaded .card img {
    max-width: 100px;
    min-width: 100px;
    width: 100%;
    height: auto
}

.hover-card {
    padding: 1rem;
    transition: width 2s
}

.hover-card:hover {
    transform: scale(1.05);
    transition: .25s all ease-in-out
}

.hover-card a {
    text-decoration: none
}

.x-ray-testimonals .hover-card {
    border: 1px solid #b5964d;
    transition: width 2s
}

.x-ray-testimonals .hover-card:hover {
    background-color: #245049 !important;
    color: #fff;
    transform: scale(1.05);
    transition: .5s all ease-in-out
}

.x-ray-testimonals .hover-card:hover .message {
    color: #fff !important
}

.x-ray-testimonals .hover-card a {
    text-decoration: none
}

caption {
    background: #fff
}

.nav-tabs {
    background: rgba(0, 0, 0, 0) !important
}

.nav-news .news-date {
    background: #245049;
    color: #fff;
    text-align: center;
    padding: 1rem 1.2rem;
    min-width: 70px
}

.nav-news .card {
    border-radius: 5px
}

.news-headline {
    cursor: pointer
}

.business-house-data .angle {
    color: #212529 !important
}

.business-house-data a[data-toggle=collapse] {
    position: relative;
    display: block
}

.business-house-data a[data-toggle=collapse].angle:before {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #245049;
    border-right: 2px solid #245049;
    transform: rotate(-45deg);
    transition: .2s ease
}

.business-house-data a[data-toggle=collapse].angle.collapsed:before {
    top: -5px;
    transform: rotate(135deg)
}

.business-house-data .arrow-down {
    position: relative
}

.business-house-data .arrow-down:before,
.business-house-data .arrow-down:after {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    background: #245049;
    position: absolute;
    top: 12px;
    transition: transform .5s
}

.business-house-data .btn-greenshade.arrow-down:before,
.business-house-data .btn-greenshade.arrow-down:after {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    background: #fff !important;
    position: absolute;
    top: 12px;
    transition: transform .5s
}

.business-house-data .arrow-down:hover::before,
.business-house-data .arrow-down:hover::after {
    background: #fff !important
}

.business-house-data .arrow-down:before {
    right: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: rotate(45deg)
}

.business-house-data .arrow-down:after {
    right: 9px;
    transform: rotate(-45deg)
}

.business-house-data .arrow-down.active:before,
.business-house-data .nse-bse-indices .stock-indices a.arrow-down:before,
.nse-bse-indices .stock-indices .business-house-data a.arrow-down:before {
    transform: rotate(-45deg);
    background: #fff !important
}

.business-house-data .arrow-down.active:after,
.business-house-data .nse-bse-indices .stock-indices a.arrow-down:after,
.nse-bse-indices .stock-indices .business-house-data a.arrow-down:after {
    transform: rotate(45deg);
    background: #fff !important
}

.business-house-data .btn-green:before,
.business-house-data .btn-green:after {
    background: #fff !important
}

.business-house-data .btn-green:hover {
    background: #1eaf6d !important;
    color: #fff !important
}

.business-house-data .btn-outline-success:hover::before,
.business-house-data .btn-outline-success:hover::after {
    background: #fff !important
}

.business-house-data .active,
.business-house-data .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .business-house-data a {
    background-color: #245049 !important;
    border: 1px solid #245049 !important;
    color: #fff !important
}

.business-house-data .active .arrow-down:before,
.business-house-data .nse-bse-indices .stock-indices a .arrow-down:before,
.nse-bse-indices .stock-indices .business-house-data a .arrow-down:before,
.business-house-data .active .arrow-down:after,
.business-house-data .nse-bse-indices .stock-indices a .arrow-down:after,
.nse-bse-indices .stock-indices .business-house-data a .arrow-down:after {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    background: #fff !important;
    position: absolute;
    top: 12px;
    transition: transform .5s
}

@media only screen and (max-width: 575px) {
    .business-house-data .sort-desktop {
        display: none !important
    }
    .business-house-data .sort-mobile {
        display: block !important
    }
}

@media only screen and (max-width: 1440px) {
    .business-house-data .sort-mobile {
        display: none
    }
    .business-house-data .sort-desktop {
        display: inline-block
    }
}

#company-house-tab .nav-link {
    background-color: #fff;
    border: 1px solid #b5964d;
    color: #245049
}

#company-house-tab .nav-link.active,
#company-house-tab .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices #company-house-tab a.nav-link {
    background-color: #b5964d;
    color: #fff
}

h3 {
    color: #3e4248
}

.bx-shd2,
.my-acc .orders-pg .order-card .order-details .table,
.my-acc .orders-pg select#status,
.my-acc table.table.table-responsive.table-hover,
.my-acc .formcon select.select,
.my-acc .form-group select.select,
.my-acc .formcon input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group input,
.my-acc .form-group textarea.input-textarea,
.my-acc .subscription-plans .card:hover,
.compshortinfo .action-button.active~.actions,
.compshortinfo .nse-bse-indices .stock-indices a.action-button~.actions,
.nse-bse-indices .stock-indices .compshortinfo a.action-button~.actions,
.sqr-good,
#managementassessment span.green,
#managementassessment .mutual-fund span.grey,
.mutual-fund #managementassessment span.grey,
.sqr-na,
#managementassessment span.gray,
.sqr-bad,
#managementassessment span.red,
.sqr-avg,
#managementassessment span.orange,
.xray-good-clr,
.xray-avg-clr,
.xray-bad-clr,
.xray-na-clr,
.listCompany table tr td.stick .dropdown .dropdown-toggle,
.mob-buttons li a,
.decision-pg .dropdown-content,
.hover-card:hover,
.x-ray-testimonals .hover-card:hover,
.nav-news .card {
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.fa-lock,
.overall-rating-cards .fa-lock {
    border: 1px solid #245049;
    padding: 5px 6px;
    border-radius: 50%;
    color: #245049;
    font-size: 13px;
    box-shadow: rgba(136, 165, 191, .48) 6px 2px 16px 0px, rgba(255, 255, 255, .8) -6px -2px 16px 0px;
    cursor: pointer
}

.tooltip-cls {
    cursor: pointer
}

.overall-rating-cards .fa-lock {
    font-size: 16px;
    padding: 10px 11px
}

.financialSummary .text-dark u {
    color: #343a40 !important
}

.bottom-banner {
    bottom: 0;
    position: absolute;
    max-width: 100%;
    width: calc(100% - 5rem);
    margin-left: 2.5rem;
    margin-right: 9.5rem;
    margin-bottom: 0
}

.sticky-add-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #3e3e71;
    font-size: 1.1rem;
    padding: 4px 0px 5px 6px;
    color: #fff;
    width: 100%;
    height: auto
}

.mild-bg-btn,
.valuation-section .tab-acc span.base-line,
.decision-maker-section span.deciscion-basis,
.decision-maker-section span.consolidated-basis {
    background-color: #245049;
    border-radius: 30px;
    color: #fff;
    padding: 10px
}

.mild-outline-btn,
.valuation-section .tab-acc span.my-valuation,
.decision-maker-section .stalwart {
    border: 1px solid #245049;
    border-radius: 30px;
    padding: 10px
}

.very-good-gold-star:before {
    content: "★" !important;
    font-size: 18px;
    line-height: 14px;
    margin: 0 5px;
    color: #ff0
}

.very-good-gold-star:after {
    content: "Very Good";
    font-size: inherit;
    padding-right: 10px
}

.company-info-pg .xray-good,
.page-sticky-nav .xray-good,
.company-info-pg .ht-btn-rw .btn-success,
.company-info-pg .ht-btn-rw .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .company-info-pg .ht-btn-rw .btn-read-next,
.page-sticky-nav .ht-btn-rw .btn-success,
.page-sticky-nav .ht-btn-rw .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .page-sticky-nav .ht-btn-rw .btn-read-next,
.ht-btn-rw .company-info-pg .btn-success,
.ht-btn-rw .company-info-pg .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .ht-btn-rw .company-info-pg .btn-read-next,
.ht-btn-rw .page-sticky-nav .btn-success,
.ht-btn-rw .page-sticky-nav .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .ht-btn-rw .page-sticky-nav .btn-read-next,
.company-info-pg .ht-btn-rw .watchlist .trigger .btn-outline-danger,
.page-sticky-nav .ht-btn-rw .watchlist .trigger .btn-outline-danger,
.ht-btn-rw .watchlist .trigger .company-info-pg .btn-outline-danger,
.ht-btn-rw .watchlist .trigger .page-sticky-nav .btn-outline-danger,
.company-info-pg .watchlist .trigger .ht-btn-rw .btn-outline-danger,
.page-sticky-nav .watchlist .trigger .ht-btn-rw .btn-outline-danger,
.watchlist .trigger .ht-btn-rw .company-info-pg .btn-outline-danger,
.watchlist .trigger .ht-btn-rw .page-sticky-nav .btn-outline-danger,
.company-info-pg .ht-btn-rw .watchlist .view-modal .btn-danger,
.page-sticky-nav .ht-btn-rw .watchlist .view-modal .btn-danger,
.ht-btn-rw .watchlist .view-modal .company-info-pg .btn-danger,
.ht-btn-rw .watchlist .view-modal .page-sticky-nav .btn-danger,
.company-info-pg .watchlist .view-modal .ht-btn-rw .btn-danger,
.page-sticky-nav .watchlist .view-modal .ht-btn-rw .btn-danger,
.watchlist .view-modal .ht-btn-rw .company-info-pg .btn-danger,
.watchlist .view-modal .ht-btn-rw .page-sticky-nav .btn-danger,
.company-info-pg .very-good-gold-star,
.page-sticky-nav .very-good-gold-star,
.company-info-pg .very-good,
.page-sticky-nav .very-good,
.company-info-pg .somewhat-good,
.page-sticky-nav .somewhat-good,
.company-info-pg .not-good,
.page-sticky-nav .not-good,
.company-info-pg .xray-avg,
.page-sticky-nav .xray-avg,
.company-info-pg .xray-bad,
.page-sticky-nav .xray-bad {
    width: auto !important
}

.ratings-blur {
    margin-left: 10px;
    margin-top: 5px;
    background: url("/images/screeners/lock.png")
}

.company-info-pg .pg-sticky-nav,
.page-sticky-nav .pg-sticky-nav {
    height: auto;
    position: sticky;
    top: 80px;
    z-index: 1
}

.company-info-pg .pg-sticky-nav .navbar,
.page-sticky-nav .pg-sticky-nav .navbar {
    background: #fffaef;
    border: 1px solid #e1dcdc;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    justify-content: space-around
}

.company-info-pg .pg-sticky-nav .navbar .navbar-nav,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav {
    display: -webkit-box;
    flex-direction: row;
    flex-wrap: no-wrap;
    overflow-x: auto;
    padding-bottom: 1px
}

.company-info-pg .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar {
    height: 0
}

.company-info-pg .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar-track,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.company-info-pg .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar-thumb,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav::-webkit-scrollbar-thumb {
    background-color: #000
}

.company-info-pg .pg-sticky-nav .navbar .navbar-nav .active .nav-link,
.company-info-pg .pg-sticky-nav .navbar .navbar-nav .nse-bse-indices .stock-indices a .nav-link,
.nse-bse-indices .stock-indices .company-info-pg .pg-sticky-nav .navbar .navbar-nav a .nav-link,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav .active .nav-link,
.page-sticky-nav .pg-sticky-nav .navbar .navbar-nav .nse-bse-indices .stock-indices a .nav-link,
.nse-bse-indices .stock-indices .page-sticky-nav .pg-sticky-nav .navbar .navbar-nav a .nav-link {
    color: #132a26 !important;
    font-weight: 700
}

.company-info-pg .pg-sticky-nav .navbar a,
.page-sticky-nav .pg-sticky-nav .navbar a {
    font-size: 1.1rem !important;
    padding: 2px 8px;
    font-weight: bold
}

.company-info-pg .pg-sticky-nav .navbar .nav-item,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item {
    padding-bottom: 0px !important;
    line-height: initial !important;
    display: flex;
    align-items: baseline
}

.company-info-pg .pg-sticky-nav .navbar .nav-item .active,
.company-info-pg .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .company-info-pg .pg-sticky-nav .navbar .nav-item a,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .active,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .page-sticky-nav .pg-sticky-nav .navbar .nav-item a {
    color: #245049 !important
}

.company-info-pg .pg-sticky-nav .navbar .nav-item .active .nav-link,
.company-info-pg .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a .nav-link,
.nse-bse-indices .stock-indices .company-info-pg .pg-sticky-nav .navbar .nav-item a .nav-link,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .active .nav-link,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a .nav-link,
.nse-bse-indices .stock-indices .page-sticky-nav .pg-sticky-nav .navbar .nav-item a .nav-link,
.company-info-pg .pg-sticky-nav .navbar .nav-item .active a,
.company-info-pg .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a a,
.nse-bse-indices .stock-indices .company-info-pg .pg-sticky-nav .navbar .nav-item a a,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .active a,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item .nse-bse-indices .stock-indices a a,
.nse-bse-indices .stock-indices .page-sticky-nav .pg-sticky-nav .navbar .nav-item a a {
    color: #132a26 !important
}

.company-info-pg .pg-sticky-nav .navbar .nav-item a,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item a {
    color: #5a5a5a;
    font-weight: 400
}

.company-info-pg .pg-sticky-nav .navbar .nav-item a .active,
.company-info-pg .pg-sticky-nav .navbar .nav-item a .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .company-info-pg .pg-sticky-nav .navbar .nav-item a a,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item a .active,
.page-sticky-nav .pg-sticky-nav .navbar .nav-item a .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .page-sticky-nav .pg-sticky-nav .navbar .nav-item a a {
    color: #132a26 !important
}

.company-info-pg .pg-sticky-nav .navbar span.devider,
.page-sticky-nav .pg-sticky-nav .navbar span.devider {
    color: #132a26
}

.company-info-pg .pg-sticky-nav.shrink,
.page-sticky-nav .pg-sticky-nav.shrink {
    transition: all .3s ease
}

.company-info-pg .pg-sticky-nav.shrink .bse-nse,
.page-sticky-nav .pg-sticky-nav.shrink .bse-nse {
    display: none !important
}

.company-info-pg .pg-sticky-nav.shrink .addbl-addwl-btn,
.page-sticky-nav .pg-sticky-nav.shrink .addbl-addwl-btn {
    display: none !important
}

.company-info-pg .pg-sticky-nav.shrink .sensex__price_box,
.page-sticky-nav .pg-sticky-nav.shrink .sensex__price_box {
    display: none !important
}

.company-info-pg .tab-basis .btn-outline-success:not(:disabled):not(.disabled).active,
.company-info-pg .tab-basis .nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .company-info-pg .tab-basis a.btn-outline-success:not(:disabled):not(.disabled),
.page-sticky-nav .tab-basis .btn-outline-success:not(:disabled):not(.disabled).active,
.page-sticky-nav .tab-basis .nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .page-sticky-nav .tab-basis a.btn-outline-success:not(:disabled):not(.disabled),
.company-info-pg .tab-basis .selected-pagination-tab,
.page-sticky-nav .tab-basis .selected-pagination-tab {
    color: #fff !important;
    background-color: #245049 !important;
    border-color: #245049 !important
}

.company-info-pg .tab-basis .btn-outline-success,
.page-sticky-nav .tab-basis .btn-outline-success {
    color: #245049 !important;
    background-color: #fff !important;
    border-color: #b5964d !important
}

.stick.w-100 {
    max-width: fit-content !important
}

.popover-lock-img,
.valuation-section .tab-acc .evaluation-guidance-mid-paid-right span.tooltip-cls img {
    height: 32px;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 2px 2px 7px rgba(0, 1, 17, .5215686275)
}

ul.theme-bullets li::marker {
    color: #1eaf6d;
    margin-left: 10px
}

.company-info-pg .nav-pills li.nav-item,
.page-sticky-nav .nav-pills li.nav-item {
    margin: 0 2px
}

.company-info-pg .nav-pills li.nav-item a,
.page-sticky-nav .nav-pills li.nav-item a {
    color: #245049;
    background-color: #fff;
    text-decoration: none;
    padding: 4px 12px;
    border: 1px solid #b5964d;
    border-radius: 8px;
    font-size: 16px
}

.company-info-pg .nav-pills li.nav-item .active,
.company-info-pg .nav-pills li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .company-info-pg .nav-pills li.nav-item a,
.page-sticky-nav .nav-pills li.nav-item .active,
.page-sticky-nav .nav-pills li.nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .page-sticky-nav .nav-pills li.nav-item a {
    background-color: #245049 !important;
    color: #fff !important
}

.tab-basis a.btn {
    color: #245049 !important;
    background-color: #fff !important;
    border-color: #b5964d !important;
    text-decoration: none;
    padding: 4px 12px;
    border: 1px solid #b5964d;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px
}

.ratingfreedm,
.ratingfreedmquality {
    direction: rtl;
    unicode-bidi: bidi-override;
    color: #ddd
}

.ratingfreedm input,
.ratingfreedm .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .ratingfreedm textarea.input-textarea,
.ratingfreedm .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .ratingfreedm textarea.input-textarea {
    display: none
}

.ratingfreedmquality input,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea {
    display: none
}

.ratingfreedm input:checked+label,
.ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .ratingfreedm textarea.input-textarea:checked+label,
.ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .ratingfreedm textarea.input-textarea:checked+label,
.ratingfreedm input:checked+label~label,
.ratingfreedm .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .ratingfreedm textarea.input-textarea:checked+label~label,
.ratingfreedm .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .ratingfreedm textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.ratingfreedmquality input:checked+label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label,
.ratingfreedmquality input:checked+label~label,
.ratingfreedmquality .my-acc .formcon textarea.input-textarea:checked+label~label,
.my-acc .formcon .ratingfreedmquality textarea.input-textarea:checked+label~label,
.ratingfreedmquality .my-acc .form-group textarea.input-textarea:checked+label~label,
.my-acc .form-group .ratingfreedmquality textarea.input-textarea:checked+label~label {
    color: #1eaf6d
}

.calculatorleft label>a {
    border-radius: 20px;
    background: #fff;
    border: 1px solid #245049;
    margin: 2px;
    border-radius: 20px;
    color: #245049;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 12px
}

.snapshot .card {
    min-height: 175px
}

.quarterly-results-tbl tr {
    padding: 5px 0px
}

.quarterly-results-tbl th {
    text-align: center
}

.quarterly-results-tbl td {
    text-align: center;
    padding: 5px
}

.quarterly-results-tbl td:first-child {
    text-align: left
}

.quarterly-results-tbl td span.color-green {
    background-color: #1eaf6d
}

.quarterly-results-tbl td span.color-red {
    background-color: #f27070
}

.pledgeBox.responsive-holder td {
    text-align: center;
    font-family: inherit !important;
    font-size: 9px
}

.decision-maker-section .card {
    min-height: 190px
}

.decision-maker-section span.deciscion-basis,
.decision-maker-section span.consolidated-basis {
    padding: 5px 10px;
    font-size: 10px;
    text-transform: uppercase;
    float: left
}

.decision-maker-section span.deciscion-basis .fa-circle,
.decision-maker-section span.consolidated-basis .fa-circle {
    font-size: 11px;
    color: #fff;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px !important;
    font-size: 5px;
    top: -2px;
    position: relative
}

.decision-maker-section .stalwart {
    float: right;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600
}

.decision-maker-section .analy-note {
    background: #dc9935;
    padding: 3px 10px;
    font-size: 12px;
    display: inline-block
}

.decision-maker-section .analy-note a {
    color: #fff;
    line-height: 20px;
    text-decoration: none
}

.decision-maker-section .btm-txt {
    bottom: 25px;
    position: absolute;
    float: right;
    right: 25px
}

.decision-maker-section .progress {
    width: 100%;
    height: 24px;
    border-radius: 15px;
    background: url("/images/dc-maker/slider-color-v3.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 100%
}

.decision-maker-section .progress .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.decision-maker-section .progress .progress-dp span.right-price-data {
    position: absolute;
    top: 30px;
    color: #000;
    font-size: 10px;
    left: 15%
}

.decision-maker-section .progress .progress-mos span.right-price-data {
    position: absolute;
    top: 30px;
    color: #000;
    font-size: 10px;
    left: 45%
}

.decision-maker-section .progress .progress-mrp span.right-price-data {
    position: absolute;
    top: 30px;
    color: #000;
    font-size: 10px;
    left: 77%
}

.decision-maker-section .card {
    border: none;
    border-radius: 30px
}

.decision-maker-section .card .card-title {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px
}

.decision-maker-section .card .xray-good,
.decision-maker-section .card .xray-avg,
.decision-maker-section .card .xray-bad,
.decision-maker-section .card .ht-btn-rw .btn-success,
.decision-maker-section .card .ht-btn-rw .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .decision-maker-section .card .ht-btn-rw .btn-read-next,
.ht-btn-rw .decision-maker-section .card .btn-success,
.ht-btn-rw .decision-maker-section .card .page-wrapper .page-content .btn-read-next,
.page-wrapper .page-content .ht-btn-rw .decision-maker-section .card .btn-read-next,
.decision-maker-section .card .ht-btn-rw .watchlist .trigger .btn-outline-danger,
.ht-btn-rw .watchlist .trigger .decision-maker-section .card .btn-outline-danger,
.decision-maker-section .card .watchlist .trigger .ht-btn-rw .btn-outline-danger,
.watchlist .trigger .ht-btn-rw .decision-maker-section .card .btn-outline-danger,
.decision-maker-section .card .ht-btn-rw .watchlist .view-modal .btn-danger,
.ht-btn-rw .watchlist .view-modal .decision-maker-section .card .btn-danger,
.decision-maker-section .card .watchlist .view-modal .ht-btn-rw .btn-danger,
.watchlist .view-modal .ht-btn-rw .decision-maker-section .card .btn-danger,
.decision-maker-section .card .very-good-gold-star,
.decision-maker-section .card .very-good,
.decision-maker-section .card .somewhat-good,
.decision-maker-section .card .not-good {
    width: -webkit-fill-available !important;
    border-radius: 25px
}

.decision-maker-section .card .na {
    background: #f4f4f4;
    width: -webkit-fill-available !important;
    border-radius: 25px
}

.chart-div .nav {
    border-radius: 5px
}

.chart-div a.btn {
    color: #000;
    background-color: #fff;
    border: 1px solid #245049
}

.chart-div a.btn:hover {
    background: #f6f8f8;
    color: #245049;
    text-decoration: none
}

.chart-div a.btn.active,
.chart-div .nse-bse-indices .stock-indices a.btn,
.nse-bse-indices .stock-indices .chart-div a.btn {
    color: #fff;
    background-color: #245049
}

.chart-div a.active,
.chart-div .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .chart-div a {
    color: #1eaf6d;
    font-weight: bold;
    background: #e7f9f5
}

.chart-div .chart-box {
    min-height: 300px;
    width: 100%;
    margin-bottom: 25px
}

span.standalone {
    border: 1px solid #73dd82;
    border-radius: 30px;
    padding: 8px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px
}

span.consolidated-basis {
    background-color: #73dd82;
    border-radius: 30px;
    color: #fff;
    padding: 8px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px
}

span sup.pre-fetched {
    background: #dc9935;
    color: #fff;
    border-radius: 50%;
    padding: 2px 4px
}

.xray-good-clr,
.xray-avg-clr,
.xray-bad-clr,
.xray-na-clr {
    color: #fff !important;
    border-radius: 25px;
    width: auto;
    align-items: center;
    padding: 3px 8px;
    display: inline-block;
    min-width: 150px
}

.xray-na-clr {
    background: #c4c4c4
}

.company-info-pg .table th,
.page-sticky-nav .table th,
.company-info-pg .table td,
.page-sticky-nav .table td {
    font-size: 1rem;
    padding: .3rem .6rem
}

.company-info-pg .table-striped tbody tr:nth-of-type(odd),
.page-sticky-nav .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f6f8f8
}

.company-info-pg .table-hover tbody tr:hover,
.page-sticky-nav .table-hover tbody tr:hover {
    background-color: #e7f9f5
}

.shimmer {
    display: inline-block;
    background: #000 -webkit-gradient(linear, 100% 0, 0 0, from(#000000), color-stop(0.1, #bdbdbd), to(#000000));
    background-position: -5px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-animation-name: shimmer;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-background-size: 30px 100%
}

@-webkit-keyframes shimmer {
    0% {
        background-position: -30px top
    }
    25% {
        background-position: 30px top
    }
    100% {
        background-position: 30px top
    }
}

.nav-link.latest-result {
    background: #d9f2f3
}

.nav-link.latest-result::after {
    content: "NEW";
    color: #fff;
    background: red;
    padding: 1px 8px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 8px;
    position: absolute;
    margin-top: -11px;
    margin-left: -30px
}

#latest-financial-div-id1 table th.latest-result:nth-last-child(2) {
    background: #e9f7f4
}

#latest-financial-div-id1 table th.latest-result:nth-last-child(1) {
    background: #e9f7f4
}

#latest-financial-div-id1 table th.latest-result:nth-last-child(1)::after {
    content: "NEW";
    color: #fff;
    background: red;
    padding: 1px 8px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 8px;
    position: absolute;
    margin-top: -15px
}

#latest-financial-div-id1 table td.latest-result:nth-last-child(1),
#latest-financial-div-id1 table td.latest-result:nth-last-child(2) {
    background-color: #fffaef
}

table tbody+tbody {
    border-top: none !important
}

table thead {
    border: none !important
}

table thead tr,
table thead th {
    border: none !important
}

table thead .bg-thead-clr {
    background: #e9f7f4
}

table thead .bg-thead-clr th {
    color: #132a26;
    min-width: 60px;
    font-weight: 500;
    vertical-align: middle;
    padding: 5px;
    z-index: 0
}

@media(max-width: 425px) {
    table thead .bg-thead-clr th {
        min-width: 105px
    }
}

table thead .bg-thead-clr th.stickColumn {
    position: sticky;
    left: 0;
    z-index: 0;
    background: inherit
}

table thead .br-0 th:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

table thead .br-0 th:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

#faqsdiv .nav .nav-item {
    padding-bottom: 0px
}

.company-info-pg tbody,
.page-sticky-nav tbody {
    padding-bottom: 2rem
}

.company-info-pg tbody tr,
.page-sticky-nav tbody tr {
    border-bottom: 1px solid #dee2e6
}

.company-info-pg tbody tr td,
.page-sticky-nav tbody tr td {
    font-weight: 400;
    padding: .25rem 0rem;
    vertical-align: middle !important;
    border-top: 1px solid #dee2e6
}

.company-info-pg tbody tr td.fw-700.text-left,
.page-sticky-nav tbody tr td.fw-700.text-left {
    font-size: 13px;
    padding-left: .5rem !important
}

.company-info-pg tbody tr td.fw-700.stick,
.page-sticky-nav tbody tr td.fw-700.stick {
    width: 220px
}

.company-info-pg tbody tr .xray-good-clr,
.page-sticky-nav tbody tr .xray-good-clr,
.company-info-pg tbody tr .xray-avg-clr,
.page-sticky-nav tbody tr .xray-avg-clr,
.company-info-pg tbody tr .xray-bad-clr,
.page-sticky-nav tbody tr .xray-bad-clr,
.company-info-pg tbody tr .color-green,
.page-sticky-nav tbody tr .color-green,
.company-info-pg tbody tr .color-red,
.page-sticky-nav tbody tr .color-red {
    color: #fff !important;
    border-radius: 25px;
    width: auto;
    align-items: center;
    padding: 1px 5px;
    display: inline-block;
    min-width: 50px
}

@media(max-width: 425px) {
    .company-info-pg tbody tr td.fw-700.stick,
    .page-sticky-nav tbody tr td.fw-700.stick {
        min-width: 125px
    }
}

.popover {
    max-width: 300px;
    box-shadow: 0px 0px 10px 2px #dcdcdc !important;
    border: none;
    border-radius: 10px
}

.popover-body {
    padding: 1.2rem .75rem;
    color: #212529;
    font-size: 1rem
}

#tenyr-xray-section i.fa-angle-down {
    font-size: large;
    background: #1eaf6d;
    padding: 4px 6px 1px;
    border-radius: 50%;
    color: #fff
}

.industryBar {
    width: 150px;
    height: 6px;
    background: #1eaf6d;
    margin-top: 5px;
    position: relative;
    margin-left: 23px;
    border-radius: 5px;
    margin-bottom: 18px
}

.industryBar .min {
    position: absolute;
    top: -5px;
    left: -20px
}

.industryBar .mid {
    font-size: .9rem;
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 50%;
    height: 15px;
    width: 16px;
    margin-left: -5px;
    border-radius: 2px
}

.industryBar .mid::before {
    content: " ";
    position: absolute;
    background: #000;
    width: 3px;
    height: 10px;
    border-radius: 7px;
    top: -8px;
    left: 5px;
    text-align: center
}

.industryBar .max {
    position: absolute;
    top: -5px;
    right: -20px
}

.company-main .navbar .nav-link.active,
.company-main .navbar .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .company-main .navbar a.nav-link,
.company-main .navbar .nav-link:hover {
    color: #089548
}

.company-main .margin-Mos {
    text-align: unset;
    padding-left: 50%
}

.company-main .indicatror-3 {
    margin-right: 0
}

.cagr-table td:first-child {
    width: 45%
}

.key-financial-parameter-table td:first-child {
    width: 21% !important
}

.industryScreener-tbl .position-desk-relative {
    position: relative
}

.industryScreener-tbl td {
    padding: 6px 10px !important
}

.industryScreener-tbl td :first-child {
    width: 21%;
    z-index: 1
}

.industryScreener-tbl th {
    text-align: center;
    vertical-align: baseline !important
}

.container.company-main .right-bse-share-price {
    margin-right: -15px
}

.paginationControl.d-inline-flex,
.report-paginationControl.d-inline-flex {
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 20px;
    line-height: 20px
}

.paginationControl.d-inline-flex a,
.report-paginationControl.d-inline-flex a {
    line-height: 20px;
    text-decoration: none;
    padding: 0 5px
}

.paginationControl.d-inline-flex span,
.report-paginationControl.d-inline-flex span {
    padding: 0 1px;
    background-color: #245049;
    border-radius: 50%;
    color: #fff;
    line-height: 1.75rem;
    min-width: 20px;
    text-align: center
}

.paginationControl.d-inline-flex span.disabled,
.report-paginationControl.d-inline-flex span.disabled {
    background: rgba(0, 0, 0, 0) !important;
    color: #c4c4c4
}

.paginationControl.d-inline-flex i,
.report-paginationControl.d-inline-flex i {
    line-height: 20px
}

.nav-tabs .nav-link::after {
    background: none
}

.valuation-section .tab-acc {
    overflow-x: auto;
    margin-bottom: 15px
}

.valuation-section .tab-acc .tab-content {
    padding: 0px
}

.valuation-section .tab-acc .nav {
    border: 1px solid;
    border-radius: 10px
}

.valuation-section .tab-acc .nav-pills .nav-link {
    border: none;
    border-radius: none
}

.valuation-section .tab-acc .nav-pills {
    flex-wrap: nowrap;
    background-color: #e7f9f5
}

.valuation-section .tab-acc .nav-pills .nav-item a.nav-link {
    background-color: #e7f9f5
}

.valuation-section .tab-acc .nav-pills .nav-item a.nav-link.active,
.valuation-section .tab-acc .nav-pills .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .valuation-section .tab-acc .nav-pills .nav-item a.nav-link {
    background-color: #245049
}

.valuation-section .tab-acc .nav-item {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px
}

.valuation-section .tab-acc .nav-item a {
    color: #3f3f72 !important;
    font-size: 1.2rem;
    border-radius: 0px;
    padding: .5rem 1rem
}

.valuation-section .tab-acc .nav-item a h3 {
    font-size: 1.2rem !important;
    margin-bottom: 0;
    color: #132a26;
    cursor: pointer
}

.valuation-section .tab-acc .nav-item a.active h3,
.valuation-section .tab-acc .nav-item .nse-bse-indices .stock-indices a h3,
.nse-bse-indices .stock-indices .valuation-section .tab-acc .nav-item a h3 {
    color: #fff
}

.valuation-section .tab-acc .nav-item .active,
.valuation-section .tab-acc .nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .valuation-section .tab-acc .nav-item a {
    color: #1eaf6d !important;
    background: #e5f1e5;
    font-weight: 600
}

.valuation-section .tab-acc .card,
.valuation-section .tab-acc .card-body {
    margin-bottom: 0px;
    border: none !important;
    box-shadow: none !important;
    min-height: 42vh
}

.valuation-section .tab-acc .evaluation-guidance-mid-paid-right {
    background: #f4f4f4;
    padding: 5px 15px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 12px
}

.valuation-section .tab-acc .evaluation-guidance-mid-paid-right span.tooltip-cls img {
    height: 25px;
    border-radius: 50px;
    cursor: pointer
}

.valuation-section .tab-acc .evaluation-guidance-mid-paid-right span.constantValue {
    color: #3f3f72
}

.valuation-section .tab-acc input#expected_ror,
.valuation-section .tab-acc .my-acc .formcon textarea#expected_ror.input-textarea,
.my-acc .formcon .valuation-section .tab-acc textarea#expected_ror.input-textarea,
.valuation-section .tab-acc .my-acc .form-group textarea#expected_ror.input-textarea,
.my-acc .form-group .valuation-section .tab-acc textarea#expected_ror.input-textarea,
.valuation-section .tab-acc input#pe,
.valuation-section .tab-acc .my-acc .formcon textarea#pe.input-textarea,
.my-acc .formcon .valuation-section .tab-acc textarea#pe.input-textarea,
.valuation-section .tab-acc .my-acc .form-group textarea#pe.input-textarea,
.my-acc .form-group .valuation-section .tab-acc textarea#pe.input-textarea,
.valuation-section .tab-acc input#expected_eps_gr,
.valuation-section .tab-acc .my-acc .formcon textarea#expected_eps_gr.input-textarea,
.my-acc .formcon .valuation-section .tab-acc textarea#expected_eps_gr.input-textarea,
.valuation-section .tab-acc .my-acc .form-group textarea#expected_eps_gr.input-textarea,
.my-acc .form-group .valuation-section .tab-acc textarea#expected_eps_gr.input-textarea {
    width: 100%
}

.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal {
    height: 8px !important;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 5px
}

.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .ui-widget {
    font-family: inherit !important
}

.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .ui-widget-header {
    background: #1eaf6d !important;
    border-radius: 5px
}

.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .ui-state-default,
.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .ui-widget-content .ui-state-default,
.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .ui-widget-header .ui-state-default {
    background: url(/images/company/sliderbtn-v1.svg) 100% 100% no-repeat;
    height: 18px;
    width: 18px;
    background-size: contain;
    border-radius: 50%
}

.valuation-section .tab-acc .sliderContainer .ui-slider-horizontal .scenario {
    margin-top: 10px;
    font-size: 12px
}

.valuation-section .tab-acc .scenario.scenario1 {
    display: inline-block
}

.valuation-section .tab-acc .scenario.scenario3 {
    display: inline-block;
    float: right
}

.valuation-section .tab-acc .price-row {
    color: #3f3f72;
    font-weight: 700
}

.valuation-section .chart-div .border {
    border-radius: 5px
}

.valuation-section .chart-div .graph-nav-item {
    cursor: pointer;
    font-size: 1.2rem;
    padding: .45rem 1rem
}

.valuation-section .chart-div .graph-nav-item.text-green {
    font-weight: bold;
    background: #e5f1e5
}

.valuation-section a.pagination-tab.active,
.valuation-section .nse-bse-indices .stock-indices a.pagination-tab,
.nse-bse-indices .stock-indices .valuation-section a.pagination-tab {
    background: #245049;
    color: #fff
}

#price-calculator .valuation-price .form-control {
    border-radius: 20px !important;
    margin: 0 auto;
    text-align: center
}

#price-calculator input.form-control,
#price-calculator .my-acc .formcon textarea.form-control.input-textarea,
.my-acc .formcon #price-calculator textarea.form-control.input-textarea,
#price-calculator .my-acc .form-group textarea.form-control.input-textarea,
.my-acc .form-group #price-calculator textarea.form-control.input-textarea {
    border-radius: 20px !important;
    padding: 2px 5px !important;
    margin: 0 auto;
    text-align: center
}

.analysis-notes-section .tab-acc {
    margin-bottom: 15px;
    font-family: inherit !important
}

.analysis-notes-section .tab-acc .nav-tabs {
    display: none
}

.analysis-notes-section .tab-acc a.nav-link {
    align-items: center;
    padding: 5px 10px
}

.analysis-notes-section .tab-acc a.nav-link .noteList {
    white-space: nowrap;
    white-space: pre-wrap
}

.analysis-notes-section .tab-acc .nav-tabs .nav-link::after {
    content: none
}

.analysis-notes-section .tab-content {
    width: 100%;
    max-height: 350px;
    overflow-y: scroll
}

.analysis-notes-section .tab-content .noteDetails {
    font-family: inherit !important
}

.analysis-notes-section .date-span strong {
    font-size: 25px;
    font-weight: 700
}

.analysis-notes-section .card,
.analysis-notes-section .card-body {
    margin-bottom: 0px;
    padding-bottom: 10px;
    box-shadow: none !important
}

.sqr-good,
#managementassessment span.green,
#managementassessment .mutual-fund span.grey,
.mutual-fund #managementassessment span.grey,
.sqr-na,
#managementassessment span.gray,
.sqr-bad,
#managementassessment span.red,
.sqr-avg,
#managementassessment span.orange {
    background: #245049;
    width: 15px;
    height: 15px;
    display: block;
    margin: 5px;
    border-radius: 3px
}

.sqr-avg,
#managementassessment span.orange {
    background: #dc9935
}

.sqr-bad,
#managementassessment span.red {
    background: red
}

.sqr-na,
#managementassessment span.gray {
    background: #c4c4c4
}

#managementassessment span.headcontent {
    font-size: 1.2rem
}

#industry-screener h1 a {
    color: #000
}

#industry-screener h1 a::after {
    font-family: "Font Awesome 5 Free";
    content: "";
    margin-left: 5px
}

#industry-screener h1 a:hover {
    color: #0361a8
}

#industry-screener #company-compeer {
    font-family: inherit !important
}

#showAboutCompany {
    font-family: inherit !important
}

#showAboutCompany ul {
    padding-left: 2rem;
    margin-bottom: 1rem
}

#showAboutCompany .data_more_less_inner {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative
}

#showAboutCompany .action_less {
    display: none
}

#showAboutCompany .less_active .action_less {
    display: inline-block
}

#showAboutCompany .less_active .action_more {
    display: none
}

#showAboutCompany .data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
    height: 80px
}

#showAboutCompany .data_more_less.action_disabled .more_less_action {
    display: none
}

.compshortinfo {
    position: sticky;
    right: 20px !important;
    top: 25vh;
    z-index: 2;
    float: right
}

.compshortinfo .action-button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 0;
    outline: 0;
    background: #1eaf6d;
    font-size: 14px;
    color: #fff;
    z-index: 999;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    transition: all .3s
}

.compshortinfo .actions {
    position: absolute;
    list-style: none inside none;
    padding: 0;
    width: auto;
    right: 30px;
    background-color: rgba(0, 0, 0, 0);
    top: 2px;
    z-index: 1;
    border-radius: 5px;
    display: none
}

.compshortinfo .actions span {
    position: absolute;
    display: block;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
    margin: 0;
    background: #212121;
    color: #000;
    transition: all .3s;
    transform: scale(0.3);
    padding: 2px 5px;
    background: #f4f4f4;
    width: max-content
}

.compshortinfo .actions span a {
    background: inherit;
    color: inherit;
    display: block;
    text-align: center
}

.compshortinfo .actions span:active {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .19), 0 8px 17px 0 rgba(0, 0, 0, .2)
}

.compshortinfo .action-button.active,
.compshortinfo .nse-bse-indices .stock-indices a.action-button,
.nse-bse-indices .stock-indices .compshortinfo a.action-button {
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24)
}

.compshortinfo .action-button.active~.actions,
.compshortinfo .nse-bse-indices .stock-indices a.action-button~.actions,
.nse-bse-indices .stock-indices .compshortinfo a.action-button~.actions {
    display: block;
    transition: all .3s;
    width: max-content;
    background: #f4f4f4;
    padding: 5px;
    text-align: center
}

.compshortinfo .action-button.active~.actions span,
.compshortinfo .nse-bse-indices .stock-indices a.action-button~.actions span,
.nse-bse-indices .stock-indices .compshortinfo a.action-button~.actions span {
    right: 0;
    transition: all .3s;
    transform: scale(1);
    display: contents
}

.compshortinfo .action-button span {
    transition: all .3s
}

.compshortinfo .action-button.active:not(.no-rotate) span,
.compshortinfo .nse-bse-indices .stock-indices a.action-button:not(.no-rotate) span,
.nse-bse-indices .stock-indices .compshortinfo a.action-button:not(.no-rotate) span {
    transform: scale(1) rotate(-180deg)
}

.eva-his-pop-main .price {
    font-size: 12px !important
}

#largeChartModal .close {
    font-size: 2rem
}

#largeChartModal .btn {
    box-shadow: none;
    padding: 4px 10px;
    color: #132a26;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #b5964d
}

#largeChartModal #prevButton {
    margin-left: -30px
}

#largeChartModal #nextButton {
    margin-right: -30px
}

@media(min-width: 768px) {
    .decision-maker-section .card {
        min-height: auto
    }
    .valuation-section .tab-acc .tab-content {
        width: 100% !important
    }
    .valuation-section .tab-acc .card .card-header {
        display: none
    }
    .valuation-section .tab-acc .card .collapse {
        display: block
    }
    #latest-news-div-id ul#tabs li.nav-item {
        margin-top: 0px;
        padding-bottom: 0px
    }
    #latest-news-div-id ul#tabs li.nav-item a .noteList {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #latest-news-div-id ul#tabs li.nav-item .read-news {
        color: #0361a8
    }
    .analysis-notes-section .tab-acc .content {
        width: 100% !important
    }
    .analysis-notes-section .tab-acc .nav-tabs {
        display: flex
    }
    .analysis-notes-section .tab-acc .nav-tabs {
        border-bottom: none;
        display: flex;
        background: none
    }
    .analysis-notes-section .tab-acc .nav-tabs {
        margin: 0 15px
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-item {
        width: 100%
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-item+.nav-item {
        margin-top: .25rem
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-link {
        color: #3f3f72;
        transition: border-color .125s ease-in;
        white-space: nowrap;
        border-radius: 4px;
        width: 100%;
        font-size: 1rem;
        padding: .5em
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-link:hover {
        border: 1px solid #3f9401
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-link.active,
    .analysis-notes-section .tab-acc .nav-tabs .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .analysis-notes-section .tab-acc .nav-tabs a.nav-link {
        border-bottom: 2px solid #1eaf6d
    }
    .analysis-notes-section .tab-acc .card .card-header {
        display: none
    }
    .analysis-notes-section .tab-acc .card .collapse {
        display: block
    }
}

@media(max-width: 768px) {
    #content-news table {
        display: block;
        width: 100%;
        overflow-x: auto
    }
    #largeChartModal #prevButton {
        margin-left: -15px
    }
    #largeChartModal #nextButton {
        margin-right: -15px
    }
}

@media(max-width: 767px) {
    .company-info-pg h2.font-22rem,
    .page-sticky-nav h2.font-22rem {
        font-size: 1.6rem
    }
    .snapshot .card {
        min-height: 125px
    }
    .valuation-section #tabs {
        display: none !important
    }
    .valuation-section .tab-acc h3 a.nav-link.collapsed {
        color: #3f3f72
    }
    .valuation-section .tab-acc h3 a.nav-link {
        font-size: 1.5rem !important;
        border: 1px solid #67837e;
        padding: .5rem 1.5rem;
        border-radius: 25px
    }
    .valuation-section .tab-acc .tab-content>.tab-pane {
        display: block
    }
    .valuation-section .tab-acc .tab-content>.tab-pane .card-header {
        border-radius: 25px !important;
        padding: 0rem
    }
    .valuation-section .tab-acc .card-header.btn-active a.nav-link {
        color: #fff !important
    }
    .valuation-section .tab-acc .card {
        min-height: auto !important
    }
    #latest-news-div-id ul#tabs {
        display: block !important;
        background: #fff
    }
    #latest-news-div-id ul#tabs li.nav-item {
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        background-color: rgba(0, 0, 0, .03);
        padding: 0 .5rem
    }
    #latest-news-div-id ul#tabs li.nav-item a .noteList {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #latest-news-div-id ul#tabs li.nav-item .read-news {
        color: #0361a8
    }
    .analysis-notes-section .tab-content {
        max-height: 100%
    }
    .analysis-notes-section .tab-acc {
        width: -webkit-fill-available
    }
    .analysis-notes-section .tab-acc ul#tabs {
        display: none !important
    }
    .analysis-notes-section .tab-acc h5 a.nav-link.collapsed {
        border: none
    }
    .analysis-notes-section .tab-acc h5 a.nav-link {
        padding: 10px;
        border-radius: 5px
    }
    .analysis-notes-section .tab-acc .card-header:first-child {
        border-radius: 5px;
        padding: 0px
    }
    .analysis-notes-section .tab-acc .tab-content {
        width: 100%
    }
    .analysis-notes-section .tab-acc .tab-pane {
        display: block !important;
        opacity: 1;
        padding: 0px !important
    }
    .analysis-notes-section .tab-acc .nav-tabs .nav-link.active,
    .analysis-notes-section .tab-acc .nav-tabs .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .analysis-notes-section .tab-acc .nav-tabs a.nav-link {
        border: none
    }
    .analysis-notes-section .tab-acc .card {
        margin-bottom: 15px !important
    }
    .analysis-notes-section .tab-acc a.nav-link {
        color: #333 !important
    }
    #managementassessment .d-flex {
        padding-left: 25px !important
    }
    #managementassessment .chart .font12 {
        font-size: 1rem !important
    }
    .industryScreener-tbl th {
        min-width: 120px !important
    }
    .compshortinfo .actions span {
        max-width: 250px;
        text-align: center
    }
}

@media(max-width: 425px) {
    #latest-news-div-id #content {
        display: none !important
    }
    iframe#chart-iframe {
        max-width: 355px !important
    }
    #latest-financial-div-id1 table th.latest-result:nth-last-child(1)::before {
        content: "New";
        width: max-content;
        padding: 0px 4px;
        position: relative;
        background: #eb4b4b;
        color: #fff;
        display: block;
        margin-left: 60px;
        border-radius: 9px
    }
    #latest-financial-div-id1 table th.latest-result:nth-last-child(1)::after {
        content: none
    }
}

@media(max-width: 325px) {
    .tab-basis {
        padding: 0px
    }
    .tab-basis a.btn {
        padding: 4px 5px !important
    }
    #faqsdiv .nav-link {
        display: block;
        padding: .5rem .75rem
    }
}

#faqsdiv .nav-link {
    display: block;
    padding: .5rem .75rem;
    color: #000
}

#faqsdiv .related-stocks-list {
    overflow-x: scroll;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

#faqsdiv .related-stocks-list span.company-name {
    max-width: 120px;
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#faqsdiv .related-stocks-list::-webkit-scrollbar {
    width: 0;
    display: none
}

#faqsdiv .related-stocks-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px gray
}

#faqsdiv .related-stocks-list::-webkit-scrollbar-thumb {
    background-color: #000
}

@media(max-width: 425px) {
    #quaterly-result-div-id .form-check {
        padding-left: 0px
    }
    #quaterly-result-div-id .form-check a {
        font-size: 12px
    }
    .valuation-section .tab-acc h3 a.nav-link {
        font-size: 1.2rem !important
    }
}

.company-page .nav-item .nav-link {
    color: #000;
    font-size: 1.1rem
}

.company-page .nav-item .active,
.company-page .nav-item .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .company-page .nav-item a {
    background: #f5f6fa;
    border: 1px solid #3f3f72;
    color: #3f3f72
}

.company-page .bg-light {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.company-page .sticky-column table td {
    font-size: 1.1rem
}

.company-page table tr:last-child,
.company-page table td {
    border: none
}

.company-page #lastvisitedcompany_div .pb-3 {
    display: none
}

.company-page .day-range .day-range-data {
    font-size: 14px
}

.company-page .day-range .day-range-data h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #3e4248
}

.company-page .day-range .day-range-data ul {
    display: flex
}

.company-page .day-range .day-range-data .stock-rangeslider {
    width: 100%;
    background-color: #eaebf1;
    margin-top: 5px;
    height: 6px
}

.company-page .day-range .day-range-data .low {
    color: #f27070
}

.company-page .day-range .day-range-data .high {
    color: #1eaf6d
}

.company-page .day-range .volume-data ul {
    display: flex;
    text-align: center
}

.company-page .day-range .volume-data li {
    flex: 1;
    font-weight: 500;
    font-size: 13.5px;
    line-height: 16px;
    color: #000
}

.company-page .day-range .volume-data li strong {
    display: block;
    margin-top: 5px;
    color: #000
}

.company-page .industryScreener-tbl th {
    font-size: 1rem
}

@media only screen and (max-width: 768px) {
    .company-page table thead .stickColumn {
        position: sticky;
        left: 0;
        overflow: hidden;
        background: #f4f4f4;
        z-index: 1
    }
}

@media only screen and (max-width: 768px)and (max-width: 767px) {
    .company-page #faqsdiv .nav-link {
        padding: .3rem .5rem;
        font-size: 85%
    }
}

div#content-analyst_note figure img {
    width: 100%;
    height: auto
}

@media(min-width: 1200px) {
    .company-info-pg .container,
    .page-sticky-nav .container {
        max-width: 1250px
    }
}

.forgot-password .chat-with-us,
.forgot-password .drop-email {
    border: 2px solid #245049;
    font-size: 1.3rem;
    border-radius: 20px;
    color: #3f3f72;
    padding: 5px 18px;
    font-weight: 700
}

.forgot-password input,
.forgot-password .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .forgot-password textarea.input-textarea,
.forgot-password .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .forgot-password textarea.input-textarea {
    font-size: 1.2rem;
    color: #aaa
}

@media only screen and (max-width: 767px) {
    .forgot-password .chat-with-us,
    .forgot-password .drop-email {
        font-size: 1.1rem;
        padding: 5px 10px
    }
}

.registration .registration-form {
    padding: 25px 40px;
    margin: 0 auto;
    background-color: #fff;
    border: none;
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px
}

.registration .registration-form .login-field {
    border: 1px solid #969696 !important;
    height: 35px;
    padding-left: 15px
}

@media only screen and (max-width: 767px) {
    .registration .registration-form .login-field {
        height: 38px
    }
}

.registration .register-btn {
    cursor: pointer
}

.registration .register-btn::after {
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    font-size: 25px;
    line-height: 10px;
    margin-top: 5px;
    position: absolute
}

.registration .login-form label {
    font-size: 1.15rem
}

.registration div#appleid-signin {
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #3e4248;
    min-width: 365px;
    margin-left: -37px !important
}

.registration div#appleid-signin svg {
    min-width: 22px;
    min-height: 44px;
    margin-top: -5px;
    margin-left: 20px
}

.registration rect {
    stroke-width: 0;
    display: none
}

.registration .apple {
    box-shadow: rgba(0, 0, 0, .2) 1px 1px 5px 0px !important;
    cursor: pointer;
    border-radius: 5px
}

.registration .login-with-apple {
    text-align: center;
    margin-left: -40px
}

.registration .social-buttons .fab {
    font-size: 1.4rem;
    line-height: 2
}

.registration .social-buttons a {
    font-size: 1.2rem;
    text-align: left
}

.registration .social-buttons .btn-outline-primary {
    color: #007bff !important
}

.registration .social-buttons .btn-outline-primary:hover {
    color: #fff !important
}

.registration .social-buttons .apple-login:hover p {
    color: #737373
}

.registration .social-buttons .apple-login:hover div#appleid-signin {
    border: 1px solid #a7a7a7;
    box-shadow: rgba(50, 50, 93, .25) 0px 30px 60px -12px inset, rgba(50, 50, 93, .25) 0px 18px 36px -18px inset
}

.registration .text-decoration-none:hover {
    text-decoration: none
}

.registration .brddashed {
    border: 1px solid #c6c6c6;
    position: relative;
    margin: 0 25px
}

.registration .brddashed .circleblock {
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    color: #3e4248;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    background-color: #fff;
    top: -15px;
    padding: 5px
}

.registration .rememberme input,
.registration .rememberme .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .registration .rememberme textarea.input-textarea,
.registration .rememberme .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .registration .rememberme textarea.input-textarea {
    margin-top: 3px;
    margin-right: 5px
}

.registration .sign-up {
    border-radius: 5px;
    cursor: pointer
}

.registration .signin-btn button {
    background: #245049
}

.registration .signin-btn button:hover {
    background: #245049
}

.registration .error-msg {
    font-size: 12px;
    margin-left: 3px
}

.registration .form-group {
    position: relative
}

.registration input,
.registration .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .registration textarea.input-textarea,
.registration .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .registration textarea.input-textarea {
    display: block;
    padding: 10px;
    border: 1px solid #ccc
}

.registration input::placeholder,
.registration .my-acc .formcon textarea.input-textarea::placeholder,
.my-acc .formcon .registration textarea.input-textarea::placeholder,
.registration .my-acc .form-group textarea.input-textarea::placeholder,
.my-acc .form-group .registration textarea.input-textarea::placeholder {
    font-size: 10px
}

.registration input:focus,
.registration .my-acc .formcon textarea.input-textarea:focus,
.my-acc .formcon .registration textarea.input-textarea:focus,
.registration .my-acc .form-group textarea.input-textarea:focus,
.my-acc .form-group .registration textarea.input-textarea:focus {
    outline: none
}

.registration label {
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 11pt;
    font-weight: normal;
    transition: all .2s ease
}

.registration input:focus~label,
.registration .my-acc .formcon textarea.input-textarea:focus~label,
.my-acc .formcon .registration textarea.input-textarea:focus~label,
.registration .my-acc .form-group textarea.input-textarea:focus~label,
.my-acc .form-group .registration textarea.input-textarea:focus~label,
.registration input:valid~label,
.registration .my-acc .formcon textarea.input-textarea:valid~label,
.my-acc .formcon .registration textarea.input-textarea:valid~label,
.registration .my-acc .form-group textarea.input-textarea:valid~label,
.my-acc .form-group .registration textarea.input-textarea:valid~label {
    top: -20px;
    font-size: 10pt;
    color: #3f3f72;
    transition: top .7s ease, opacity .7s ease;
    opacity: 1
}

.registration input:focus~.bar:before,
.registration .my-acc .formcon textarea.input-textarea:focus~.bar:before,
.my-acc .formcon .registration textarea.input-textarea:focus~.bar:before,
.registration .my-acc .form-group textarea.input-textarea:focus~.bar:before,
.my-acc .form-group .registration textarea.input-textarea:focus~.bar:before,
.registration input:focus~.bar:after,
.registration .my-acc .formcon textarea.input-textarea:focus~.bar:after,
.my-acc .formcon .registration textarea.input-textarea:focus~.bar:after,
.registration .my-acc .form-group textarea.input-textarea:focus~.bar:after,
.my-acc .form-group .registration textarea.input-textarea:focus~.bar:after {
    width: 50%
}

.registration input::placeholder,
.registration .my-acc .formcon textarea.input-textarea::placeholder,
.my-acc .formcon .registration textarea.input-textarea::placeholder,
.registration .my-acc .form-group textarea.input-textarea::placeholder,
.my-acc .form-group .registration textarea.input-textarea::placeholder {
    font-size: 13px
}

.registration .pass-hide-show {
    z-index: 1;
    margin-left: -30px;
    margin-top: 8px;
    color: #969696 !important;
    font-size: 1.1rem
}

.registration .apple-logo {
    margin-top: -5px
}

.registration .agreeterms {
    position: relative !important;
    left: 0 !important
}

@media only screen and (max-width: 1024px) {
    .registration .facebook {
        margin-left: -10px
    }
    .registration div#appleid-signin {
        min-width: 290px
    }
    .registration .login-with-apple {
        margin-left: 60px
    }
}

@media only screen and (max-width: 768px) {
    .registration div#appleid-signin {
        min-width: 371px
    }
    .registration .login-with-apple {
        margin-left: -46px
    }
}

@media only screen and (max-width: 712px) {
    .registration div#appleid-signin {
        min-width: 430px
    }
    .registration .login-with-apple {
        margin-left: -72px
    }
}

@media only screen and (max-width: 600px) {
    .registration div#appleid-signin {
        min-width: 430px !important
    }
    .registration .login-with-apple {
        margin-left: -73px
    }
}

@media only screen and (max-width: 575px) {
    .registration .login-form label {
        font-size: 1.1rem
    }
    .registration .registration-form {
        padding: 25px 35px !important
    }
    .registration .form-label-mobile {
        left: 38% !important
    }
    .registration .forgot-password-form {
        padding: 25px 12px
    }
}

@media only screen and (max-width: 425px) {
    .registration div#appleid-signin {
        min-width: 326px !important;
        max-width: -webkit-fill-available
    }
    .registration .login-with-apple {
        margin-left: 0px !important
    }
}

@media only screen and (max-width: 424px) {
    .registration div#appleid-signin {
        min-width: 314px !important;
        max-width: -webkit-fill-available
    }
    .registration .login-with-apple {
        margin-left: 10px !important
    }
}

@media only screen and (max-width: 403px) {
    .registration div#appleid-signin {
        min-width: 295px !important;
        max-width: -webkit-fill-available
    }
    .registration .login-with-apple {
        margin-left: 50px !important
    }
}

@media only screen and (max-width: 384px) {
    .registration div#appleid-signin {
        min-width: 286px !important;
        max-width: -webkit-fill-available
    }
    .registration .login-with-apple {
        margin-left: 50px !important
    }
}

@media only screen and (max-width: 375px) {
    .registration .login-with-apple {
        margin-left: 0px !important
    }
    .registration .registration-form {
        padding: 25px 12px !important
    }
    .registration div#appleid-signin {
        min-width: 320px !important;
        max-width: -webkit-fill-available
    }
}

@media only screen and (max-width: 360px) {
    .registration div#appleid-signin {
        min-width: 307px !important;
        max-width: -webkit-fill-available
    }
}

@media only screen and (max-width: 320px) {
    .registration div#appleid-signin {
        min-width: 267px !important;
        max-width: -webkit-fill-available
    }
    .registration .login-with-apple {
        margin-left: 36px !important;
        font-size: 1rem !important
    }
    .registration .form-group label {
        font-size: 1rem !important
    }
    .registration input:focus~label,
    .registration .my-acc .formcon textarea.input-textarea:focus~label,
    .my-acc .formcon .registration textarea.input-textarea:focus~label,
    .registration .my-acc .form-group textarea.input-textarea:focus~label,
    .my-acc .form-group .registration textarea.input-textarea:focus~label {
        font-size: 9pt !important
    }
    .registration .social-buttons a {
        font-size: 1rem !important
    }
    .registration input::placeholder,
    .registration .my-acc .formcon textarea.input-textarea::placeholder,
    .my-acc .formcon .registration textarea.input-textarea::placeholder,
    .registration .my-acc .form-group textarea.input-textarea::placeholder,
    .my-acc .form-group .registration textarea.input-textarea::placeholder {
        font-size: 11px
    }
}

.registration input#resendOtpText,
.registration .my-acc .formcon textarea#resendOtpText.input-textarea,
.my-acc .formcon .registration textarea#resendOtpText.input-textarea,
.registration .my-acc .form-group textarea#resendOtpText.input-textarea,
.my-acc .form-group .registration textarea#resendOtpText.input-textarea,
.registration input#resendOtpCall,
.registration .my-acc .formcon textarea#resendOtpCall.input-textarea,
.my-acc .formcon .registration textarea#resendOtpCall.input-textarea,
.registration .my-acc .form-group textarea#resendOtpCall.input-textarea,
.my-acc .form-group .registration textarea#resendOtpCall.input-textarea {
    padding: 0
}

.registration #resendOtpText,
.registration #resendOtpCall {
    background: #f2f2f2;
    font-size: 12px;
    width: 33%;
    height: 30px
}

.my-acc .font-14rem {
    overflow-wrap: anywhere
}

.my-acc .panel-group {
    margin: 15px 0px;
    border-radius: 15px !important;
    box-shadow: 1px 1px 26px -4px rgba(30, 42, 123, .19)
}

.my-acc .panel-group .panel-head {
    background: #245049;
    border-radius: 5px;
    color: #fff !important;
    margin-bottom: 0px;
    font-weight: 400;
    border-bottom: none
}

.my-acc .panel-group .panel-body {
    background: #f6f8f8 !important;
    padding-bottom: 1rem;
    box-shadow: 1px 1px 26px -4px rgba(30, 42, 123, .19);
    border-radius: 0 0 15px 15px
}

.my-acc .panel-group .arrow-open-close {
    width: 20px;
    top: 15px
}

.my-acc .panel-group .arrow-open-close:before,
.my-acc .panel-group .arrow-open-close:after {
    background: #fff
}

.my-acc .my-acc .mt-7 {
    margin-top: 4rem !important
}

@media(max-width: 767px) {
    .my-acc .my-acc .mt-7 {
        margin-top: 0rem !important
    }
}

.my-acc .formacc {
    display: flex
}

.my-acc .formacc .acclefttext,
.my-acc .formacc .accrighttext {
    min-width: 35%;
    text-align: left;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 1.1rem;
    overflow-wrap: break-word
}

@media(max-width: 767px) {
    .my-acc .formacc .acclefttext,
    .my-acc .formacc .accrighttext {
        min-width: 50%
    }
    .my-acc .formacc .acclefttext,
    .my-acc .formacc .accrighttext {
        min-width: 50%
    }
}

.my-acc .formacc .accrighttext {
    text-align: left;
    font-weight: 500
}

.my-acc .subscription-plans .card {
    border-radius: 15px;
    border: 1px solid #ccc
}

.my-acc .subscription-plans .card:hover {
    background: rgba(158, 239, 176, .968627451);
    transition: .15s;
    transform: translateY(-2px)
}

.my-acc .left {
    float: left;
    display: inline-flex
}

.my-acc .right {
    float: right
}

.my-acc #right {
    border-left: 0px
}

.my-acc #right .card {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2)
}

.my-acc #right .panel-heading .btn {
    font-size: 1.1rem !important
}

.my-acc .separator2 {
    display: inline-flex
}

.my-acc .e-mailer-list {
    border-bottom: none !important;
    padding: 8px 5px;
    display: flex;
    justify-content: space-between
}

.my-acc .e-mailer-list a {
    color: #fff
}

.my-acc .e-mailer-list span.mng-alrt-wrong {
    display: none
}

.my-acc .e-mailer-list span.mng-alrt-right {
    display: none
}

.my-acc #left-navigation {
    margin-top: 0px !important;
    width: 100%
}

.my-acc #left-navigation ul li {
    list-style: none
}

.my-acc #left-navigation ul li .left-navi-select {
    border-bottom: 1px solid #333;
    background: none
}

.my-acc #left-navigation ul li a {
    border-bottom: 0px !important;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 5px 1px 6px 10px !important;
    text-indent: 0px;
    height: inherit;
    color: #245049;
    overflow-wrap: break-word;
    white-space: normal;
    background: none
}

.my-acc #left-navigation ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px
}

.my-acc #left-navigation ul li a.left-navi-select {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px
}

.my-acc #left-navigation div.sub-menu li a {
    font-size: 1rem;
    font-weight: 100
}

.my-acc .formcon,
.my-acc .form-group {
    margin-bottom: 10px
}

.my-acc .formcon label,
.my-acc .form-group label {
    color: #3e4248;
    padding: 1px 10px;
    font-weight: 500;
    font-size: 1.1rem;
    overflow-wrap: break-word
}

.my-acc .formcon input,
.my-acc .formcon textarea.input-textarea,
.my-acc .form-group input,
.my-acc .form-group textarea.input-textarea {
    padding: 12px 10px;
    border: 0px;
    max-width: -webkit-fill-available;
    width: inherit;
    margin-bottom: 15px;
    overflow-wrap: break-word
}

.my-acc .formcon input:focus-visible,
.my-acc .formcon textarea.input-textarea:focus-visible,
.my-acc .form-group input:focus-visible,
.my-acc .form-group textarea.input-textarea:focus-visible {
    outline: 0px
}

.my-acc .formcon input.input-text,
.my-acc .formcon textarea.input-text.input-textarea,
.my-acc .form-group input.input-text,
.my-acc .form-group textarea.input-text.input-textarea {
    height: 30px;
    border-radius: 5px;
    margin: 0 5px;
    border: none
}

.my-acc .formcon textarea.input-textarea,
.my-acc .form-group textarea.input-textarea {
    border-radius: 5px;
    margin: 5px;
    min-height: 75px
}

.my-acc .formcon input.inputmcod1,
.my-acc .formcon textarea.inputmcod1.input-textarea,
.my-acc .form-group input.inputmcod1,
.my-acc .form-group textarea.inputmcod1.input-textarea {
    max-width: 50px
}

.my-acc .formcon select.select,
.my-acc .form-group select.select {
    height: 30px;
    border-radius: 5px;
    border: none;
    margin: 0 5px;
    width: -webkit-fill-available;
    max-width: 185px
}

.my-acc .formcon i,
.my-acc .form-group i {
    margin-left: -45px;
    color: #c4c4c4;
    color: #c4c4c4;
    position: absolute;
    top: 10px
}

@media(max-width: 767px) {
    .my-acc .formcon label,
    .my-acc .form-group label {
        text-align: left
    }
    .my-acc .formcon label.text-right,
    .my-acc .form-group label.text-right {
        text-align: left !important
    }
    .my-acc .formcon input.input-text,
    .my-acc .formcon textarea.input-text.input-textarea,
    .my-acc .form-group input.input-text,
    .my-acc .form-group textarea.input-text.input-textarea {
        width: 90%
    }
    .my-acc .formcon input.inputmcod2,
    .my-acc .formcon textarea.inputmcod2.input-textarea,
    .my-acc .form-group input.inputmcod2,
    .my-acc .form-group textarea.inputmcod2.input-textarea {
        max-width: 165px
    }
}

.my-acc .error {
    color: red;
    font-size: .9rem
}

.my-acc table.table.table-responsive.table-hover {
    width: max-content;
    border: 1px solid #c4c4c4;
    border-radius: 15px
}

.my-acc table.table.table-responsive.table-hover td {
    border: 0px
}

.my-acc table.table.table-responsive.table-hover td:first-of-type {
    font-weight: 500
}

.my-acc table.table.table-responsive.table-hover td:first-of-type a {
    color: #3e4248
}

.my-acc table.table.table-responsive.table-hover td:first-of-type a:hover {
    color: #0361a8
}

.my-acc table.table.table-responsive.table-hover td color {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    line-height: inherit
}

.my-acc .orders-pg select#status {
    margin: 5px;
    height: 35px;
    border-radius: 5px;
    min-width: 250px
}

.my-acc .orders-pg .order-card {
    border-radius: 15px;
    margin-bottom: 1.5rem;
    color: #3e4248;
    text-transform: capitalize
}

.my-acc .orders-pg .order-card .panel-head {
    background: #fff !important;
    color: inherit
}

.my-acc .orders-pg .order-card .panel-head .arrow-open-close:before,
.my-acc .orders-pg .order-card .panel-head .arrow-open-close:after {
    background: gray
}

.my-acc .orders-pg .order-card .amount-div {
    font-size: 1.5rem;
    font-weight: 500;
    min-width: 135px;
    text-align: left;
    border-right: 1px solid #c4c4c4;
    color: inherit
}

.my-acc .orders-pg .order-card .amount-div .green,
.my-acc .orders-pg .order-card .amount-div .mutual-fund .grey,
.mutual-fund .my-acc .orders-pg .order-card .amount-div .grey,
.my-acc .orders-pg .order-card .amount-div .mutual-fund .red,
.mutual-fund .my-acc .orders-pg .order-card .amount-div .red,
.my-acc .orders-pg .order-card .amount-div .mutual-fund .orange,
.mutual-fund .my-acc .orders-pg .order-card .amount-div .orange {
    color: #1eaf6d
}

.my-acc .orders-pg .order-card .amount-div .yellow {
    color: #daa520
}

.my-acc .orders-pg .order-card .amount-div .red {
    color: #f27070
}

.my-acc .orders-pg .order-card .invoice-id {
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: .02em;
    color: #c4c4c4;
    margin-left: 2%;
    padding: 10px 0 0;
    overflow-x: auto
}

.my-acc .orders-pg .order-card .mode-div {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 170%;
    color: #3e4248;
    letter-spacing: .02em
}

.my-acc .orders-pg .order-card .status-div .badge {
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    border-radius: 5px
}

.my-acc .orders-pg .order-card .order-details .table {
    box-sizing: border-box;
    border-radius: 10px !important
}

.my-acc thead td {
    font-weight: 500;
    font-size: 1.2rem
}

.my-acc .pro .badge-pill {
    width: 28px;
    height: 28px;
    padding-top: 8px;
    text-align: center;
    font-size: .8rem;
    line-height: 1rem
}

.my-acc .chng-pss .formcon input.input-text,
.my-acc .chng-pss .formcon textarea.input-text.input-textarea {
    height: 40px;
    border-radius: 25px;
    padding: 0 20px
}

.my-acc .errtext {
    padding: 5px 20px
}

.alpha-case .alpha-container {
    max-width: 1300px
}

.alpha-case .alpha-container .decizen-green,
.alpha-case .alpha-container .decizen-yellow,
.alpha-case .alpha-container .decizen-orange,
.alpha-case .alpha-container .watchlist #watchlist-search .decizen-red,
.watchlist #watchlist-search .alpha-case .alpha-container .decizen-red,
.alpha-case .alpha-container .watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .alpha-case .alpha-container .decizen-green,
.alpha-case .alpha-container .decizen-red {
    line-height: 1.8
}

.alpha-case .alpha-container .alpha-btns .alphacase-tabs {
    background-color: #fff;
    border: 1px solid #b5964d;
    color: #245049
}

.alpha-case .alpha-container .alpha-btns .alphacase-tabs:hover {
    background-color: #245049;
    border: 1px solid #245049;
    color: #fff
}

.alpha-case .alpha-container .alpha-btns .alphacase-tabs.active,
.alpha-case .alpha-container .alpha-btns .nse-bse-indices .stock-indices a.alphacase-tabs,
.nse-bse-indices .stock-indices .alpha-case .alpha-container .alpha-btns a.alphacase-tabs {
    background-color: #245049;
    border: 1px solid #245049;
    color: #fff
}

.alpha-case .alpha-container .alpha-btns .sm-d-revert {
    margin-left: -38px
}

.alpha-case .alpha-container .alpha-btns .filter-btn-align {
    margin-left: 45px
}

.alpha-case .alpha-container .alpha-btns .dropdown-toggle::after {
    display: none
}

.alpha-case .alpha-container .alpha-btns .dropdown-menu {
    right: 0;
    left: auto !important;
    width: 330px;
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    transform: none !important;
    top: 35px !important
}

.alpha-case .alpha-container .alpha-btns .btn-outline-success {
    border: 1px solid #1eaf6d;
    color: #1eaf6d;
    outline: none;
    font-size: 1rem
}

.alpha-case .alpha-container .alpha-btns .btn-outline-success:not(:disabled):not(.disabled).active,
.alpha-case .alpha-container .alpha-btns .nse-bse-indices .stock-indices a.btn-outline-success:not(:disabled):not(.disabled),
.nse-bse-indices .stock-indices .alpha-case .alpha-container .alpha-btns a.btn-outline-success:not(:disabled):not(.disabled) {
    background: #1eaf6d;
    color: #fff
}

.alpha-case .alpha-container .alpha-btns .btn-outline-success:hover {
    background: #fff;
    color: #1eaf6d
}

.alpha-case .alpha-container .alpha-btns .btn-outline-darkblue .active,
.alpha-case .alpha-container .alpha-btns .btn-outline-darkblue .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .alpha-case .alpha-container .alpha-btns .btn-outline-darkblue a {
    background: #3f3f72
}

.alpha-case .alpha-container .weatherCase .casecard {
    background: #fff;
    margin-top: 10px
}

.alpha-case .alpha-container .NA {
    color: #3e4248
}

.alpha-case .alpha-container .tab-pane .fa-star,
.alpha-case .alpha-container .tab-pane .testimonials .fa-star-half,
.testimonials .alpha-case .alpha-container .tab-pane .fa-star-half {
    color: #1eaf6d
}

.alpha-case .alpha-container #why-themes .alpha-case-card,
.alpha-case .alpha-container #how-it-works .alpha-case-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    border: 0;
    background: #fff
}

.alpha-case .alpha-container #why-themes .bg-lightgray,
.alpha-case .alpha-container #how-it-works .bg-lightgray {
    height: 160px;
    position: relative;
    z-index: -1
}

.alpha-case .alpha-container #why-themes .why-themes,
.alpha-case .alpha-container #why-themes .how-it-works,
.alpha-case .alpha-container #how-it-works .why-themes,
.alpha-case .alpha-container #how-it-works .how-it-works {
    margin-top: -166px
}

.alpha-case .div-loader {
    width: 50px;
    height: 50px;
    margin-top: 10%
}

.alpha-case .nav-pills a.nav-link {
    color: #245049;
    font-size: 1.2rem;
    font-weight: 600;
    border: 1px solid #b5964d
}

.alpha-case .nav-pills .nav-link.active,
.alpha-case .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .alpha-case .nav-pills a.nav-link {
    background: #b5964d !important;
    font-weight: 600;
    color: #fff
}

.alpha-case .nav-pills .nav-link.active .fa-lock,
.alpha-case .nav-pills .nse-bse-indices .stock-indices a.nav-link .fa-lock,
.nse-bse-indices .stock-indices .alpha-case .nav-pills a.nav-link .fa-lock {
    color: #fff !important;
    border: 1px solid #fff
}

.alpha-case .case-investing-strategies .nav-link.active,
.alpha-case .case-investing-strategies .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .alpha-case .case-investing-strategies a.nav-link {
    background-color: #b5964d !important;
    color: #fff !important
}

.alpha-case .case-investing-strategies .nav-link {
    border: 1px solid #b5964d !important;
    color: #245049 !important;
    background-color: #fff !important
}

.alpha-case #news .news-ellipses {
    margin-top: -5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.alpha-case #news .border div {
    border-radius: 10px 0px 0px 10px
}

.alpha-case #news a {
    text-decoration: none
}

.alpha-case .case-border {
    border: 1px solid #d9e2ef
}

.alpha-case .case-border:hover div {
    color: #fff
}

.alpha-case .casecard {
    box-shadow: rgba(12, 12, 12, .31) 0px 3px 7px 0px;
    padding: 5px;
    min-height: 54px;
    border: 0
}

.alpha-case .casecard a:hover {
    text-decoration: none
}

.alpha-case .casecard .company-ellipses a:hover,
.alpha-case .casecard .dashboard .popular-screen-ellipses a:hover,
.dashboard .alpha-case .casecard .popular-screen-ellipses a:hover {
    text-decoration: underline
}

.alpha-case .casecard .btn-width,
.alpha-case .casecard .text-transform a {
    max-width: 36.3%;
    min-width: 28%
}

.alpha-case .casecard .text-transform a {
    text-transform: capitalize;
    min-width: 100%;
    max-width: 100%;
    padding: 2px 4px;
    font-size: 11.2px
}

.alpha-case .casecard .desc-ellipsis {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: 53px
}

.alpha-case .casecard .circle {
    height: 30px;
    width: 45px;
    border-radius: 3px;
    border: 1px solid #b5964d;
    display: inline-block;
    line-height: 12px;
    padding: 3px;
    color: #000;
    font-size: .7rem
}

.alpha-case .casecard .circle:hover {
    color: #0361a8
}

.alpha-case .casecard .circle .number {
    font-weight: 700;
    font-size: 1.1rem
}

.alpha-case .casecard .circle-text {
    margin: auto;
    text-align: center;
    font-size: .9rem
}

.alpha-case .nav-item:first-child a {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.alpha-case .nav-item:last-child a {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.alpha-case .t-head,
.alpha-case #mf-dashboard .t-data,
#mf-dashboard .alpha-case .t-data,
.alpha-case .t-data,
.alpha-case .screener .t-data,
.screener .alpha-case .t-data {
    min-width: 95px !important;
    align-self: center;
    text-align: center;
    font-size: 1rem;
    padding: 0px;
    color: #3e4248
}

.alpha-case .t-data {
    font-size: 1rem;
    padding: 1px
}

.alpha-case .tab-content .cmp,
.alpha-case .tab-content .price-change,
.alpha-case .tab-content .m-cap {
    text-align: right
}

.alpha-case .stock-table .comp-name,
.alpha-case .stock-table .comp-title {
    min-width: 123px !important;
    text-align: left;
    width: 28%
}

.alpha-case .summary div {
    display: flex;
    margin-top: 7px
}

.alpha-case .cbox-display {
    min-width: 25px !important;
    text-align: left;
    margin-left: 5px
}

.alpha-case .company-ellipses,
.alpha-case .dashboard .popular-screen-ellipses,
.dashboard .alpha-case .popular-screen-ellipses {
    max-width: 165px;
    width: 160px
}

.alpha-case .sector-name {
    max-width: 120px
}

.alpha-case ::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

.alpha-case ::-webkit-scrollbar-track {
    background: #f4f4f4
}

.alpha-case ::-webkit-scrollbar-thumb {
    height: 8px;
    background: #c4c4c4
}

.alpha-case ::-webkit-scrollbar-thumb:hover {
    background: #c4c4c4
}

.alpha-case .values {
    font-size: 1rem;
    font-weight: bold
}

.alpha-case .card-img-top {
    width: 13%
}

.alpha-case .sector {
    min-width: 163px !important;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 18%;
    margin-left: 20px
}

.alpha-case .lock {
    width: 50px;
    padding: 8px
}

.alpha-case .stock-blur {
    background: url(/images/alpha-case/stock-blur.jpg) no-repeat
}

.alpha-case .news-blur {
    background: url(/images/alpha-case/news-blur.jpg) no-repeat
}

.alpha-case .nav-item .fa-lock,
.alpha-case .nav-item .overall-rating-cards .fa-lock,
.overall-rating-cards .alpha-case .nav-item .fa-lock {
    font-size: 10px;
    padding: 4px;
    box-shadow: none
}

.alpha-case .modal-content .why-themes,
.alpha-case .modal-content .col-md-5 {
    min-width: 500px
}

.alpha-case .modal-content .how-to-use-alphacase-modal .col-lg-3,
.alpha-case .modal-content .how-it-works .col-lg-3 {
    min-width: 350px
}

.alpha-case .alphacasename {
    color: #245049 !important
}

@media only screen and (max-width: 1059px) {
    .alpha-case .pd-0 {
        padding: 0px
    }
}

@media only screen and (max-width: 1024px) {
    .alpha-case .case-investing-strategies a {
        font-size: 11px !important
    }
    .alpha-case .casecard .text-transform a {
        font-size: 9px
    }
}

@media only screen and (max-width: 768px) {
    .alpha-case .casecard .text-transform a {
        font-size: 8px
    }
    .alpha-case .sm-d-revert {
        margin-left: 0px !important
    }
    .alpha-case .filter-btn-align {
        margin-left: 0px !important
    }
    .alpha-case .modal-content .why-themes,
    .alpha-case .modal-content .col-md-5 {
        min-width: fit-content
    }
    .alpha-case .modal-content .how-to-use-alphacase-modal .col-lg-3,
    .alpha-case .modal-content .how-it-works .col-lg-3 {
        min-width: fit-content
    }
    .alpha-case .stock-table .comp-name,
    .alpha-case .stock-table .comp-title {
        width: 24%;
        min-width: 21% !important;
        left: 0;
        background: #fff;
        overflow: hidden;
        position: sticky
    }
    .alpha-case .res-width {
        min-width: 750px;
        max-width: 100%
    }
    .alpha-case .sm-pb-2 {
        padding-bottom: .5rem !important
    }
    .alpha-case .sm-py-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .alpha-case .values {
        font-size: 1.1rem;
        font-weight: 700
    }
}

@media only screen and (max-width: 575px) {
    .alpha-case .weatherCase {
        display: contents
    }
    .alpha-case .nav-pills a.nav-link {
        font-size: 1rem
    }
    .alpha-case .hide-name {
        display: none
    }
    .alpha-case .stock-blur {
        background: url(/images/alpha-case/stock-blur-mob.jpg) no-repeat
    }
    .alpha-case .news-blur {
        background: url(/images/alpha-case/news-blur-mob.jpg) no-repeat
    }
    .alpha-case .alpha-btns .dropdown-menu {
        width: 160px !important
    }
    .alpha-case .card-img-top {
        width: 10%
    }
    .alpha-case .sm-w-35 {
        width: 35% !important
    }
    .alpha-case .casecard .btn-width,
    .alpha-case .casecard .text-transform a {
        max-width: 35%
    }
    .alpha-case .casecard .text-transform a {
        font-size: 11px;
        padding: 2px 5px
    }
    .alpha-case #news .border div {
        border-radius: 10px 10px 0px 0px
    }
    .alpha-case .nav-item .fa-lock,
    .alpha-case .nav-item .overall-rating-cards .fa-lock,
    .overall-rating-cards .alpha-case .nav-item .fa-lock {
        font-size: 9px;
        padding: 3px
    }
    .alpha-case .sm-d-block {
        display: block !important
    }
}

@media only screen and (max-width: 375px) {
    .alpha-case .casecard .btn-width,
    .alpha-case .casecard .text-transform a {
        max-width: -webkit-fill-available
    }
    .alpha-case .casecard .text-transform a {
        font-size: 10px;
        padding: 2px 5px
    }
    .alpha-case .alpha-btns .btn-outline-success {
        font-size: 11.2px !important
    }
}

@media only screen and (max-width: 324px) {
    .alpha-case .weatherCase {
        display: contents
    }
    .alpha-case .weatherCase .text-transform a {
        font-size: 9px !important;
        padding: 2px 3px !important
    }
    .alpha-case .casecard .text-transform a {
        font-size: 9.5px;
        padding: 2px 5px
    }
    .alpha-case #show_why,
    .alpha-case #show_how_works {
        font-size: 11px
    }
    .alpha-case .alpha-btns .btn-outline-success {
        font-size: 9.2px !important
    }
}

.subscribe #toolsSection .nav-tabs .nav-item {
    position: relative
}

.subscribe #toolsSection .nav-tabs .nav-item .nav-link.bar::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background-color: #b5964d
}

.subscribe #toolsSection .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    border-radius: 5px;
    color: #245049;
    font-weight: 500;
    border: 1px solid #b5964d;
    min-height: unset;
    line-height: 1
}

.subscribe #toolsSection .nav-tabs .nav-item .nav-link:hover {
    border: 1px solid #b5964d !important;
    text-decoration: none !important
}

.subscribe #toolsSection .nav-tabs .nav-item .nav-link.active,
.subscribe #toolsSection .nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .subscribe #toolsSection .nav-tabs .nav-item a.nav-link {
    color: #fff;
    border: 1px solid #b5964d;
    background-color: #b5964d
}

.best-stock .search-container input,
.best-stock .search-container .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .best-stock .search-container textarea.input-textarea,
.best-stock .search-container .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .best-stock .search-container textarea.input-textarea {
    border-radius: 20px 0px 0px 20px !important
}

.best-stock #dmSearchBox {
    padding: 6px 20px;
    font-size: 1.2rem
}

.best-stock .list-group-item {
    padding: 3px 20px
}

.best-stock .list-group-flush:last-child .list-group-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.best-stock #carousel_gainers .lock-dashboard-data,
.best-stock #carousel_losers .lock-dashboard-data {
    bottom: 0px !important;
    height: 150px !important;
    backdrop-filter: blur(2px) !important
}

.best-stock .best-stock-tab a {
    color: #3e4248;
    font-weight: 600;
    padding: 14px;
    border: 0
}

.best-stock .best-stock-tab a:hover {
    text-decoration: none
}

.best-stock .best-stock-tab .active,
.best-stock .best-stock-tab .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .best-stock .best-stock-tab a {
    border-bottom: 2px solid #245049;
    color: #245049 !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.best-stock .dropdown-content li {
    border: 1px solid #e4e4e4
}

.best-stock .ratingfreedm {
    font-size: 1rem;
    line-height: 1
}

.best-stock .decizen span {
    line-height: 1.8
}

.best-stock .tools .gray-card-light:hover {
    border: 1px solid #1eaf6d;
    padding: 16px
}

.best-stock .blog-ellipses {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.best-stock .blog-ellipses p,
.best-stock .blog-ellipses span {
    font-size: 1rem !important;
    font-family: "Rethink Sans", DejaVu Sans, Verdana, sans‑serif !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .3px
}

.best-stock .owl-nav button.owl-prev {
    left: 0
}

.best-stock .owl-nav button.owl-next {
    right: -15px
}

.best-stock .owl-nav button span {
    font-size: 6rem
}

.best-stock .owl-height {
    width: 100%;
    padding-top: 10px;
    height: 325px !important
}

.best-stock .owl-nav button {
    position: absolute;
    top: 26%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all .3s ease-in-out
}

.best-stock .owl-next,
.best-stock .owl-prev {
    color: #245049 !important
}

.best-stock #stock_carousel .owl-height {
    width: 1195px;
    height: 325px !important
}

.best-stock #stock_carousel .owl-prev {
    left: -10px
}

.best-stock #stock_carousel .owl-next {
    right: -20px
}

.best-stock .inner-tabs span {
    padding: 2px
}

.best-stock .inner-tabs .nav-pills .nav-link {
    border: 1px solid #1eaf6d !important;
    padding: 3px
}

.best-stock .inner-tabs .nav-link {
    color: #1eaf6d
}

.best-stock .inner-tabs .nav-link.active,
.best-stock .inner-tabs .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .best-stock .inner-tabs a.nav-link {
    background-color: #1eaf6d;
    color: #fff !important;
    border: 1px solid #d8d8d8;
    box-shadow: rgba(0, 27, 80, .15) 0px 3px 5px 0px
}

.best-stock .inner-tabs li {
    background: #fff;
    font-size: 1.1rem;
    border-right: 1px solid #fff
}

.best-stock .gainers-losers .tab-pane .nav-pills .nav-link.active,
.best-stock .gainers-losers .tab-pane .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .best-stock .gainers-losers .tab-pane .nav-pills a.nav-link {
    color: #fff !important;
    background-color: #b5964d !important
}

.best-stock .gainers-losers .tab-pane .nav-pills .nav-link {
    color: #245049 !important;
    background-color: #fff !important;
    border: 1px solid #b5964d
}

.best-stock .free-guides {
    box-shadow: 1px 2px 12px 2px #cdcdcd !important;
    padding: 10px;
    min-height: 70px
}

.best-stock .free-guides:hover {
    color: #245049 !important
}

.best-stock .shastra a:hover,
.best-stock .shastra div:hover {
    color: #3f3f3f !important
}

.best-stock a:hover {
    text-decoration: none
}

.best-stock #dmSearchButton {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor: pointer
}

.best-stock #carousel_videos .owl-nav button,
.best-stock #guide_videos .owl-nav button {
    top: 10%
}

.best-stock #carousel_videos .owl-prev,
.best-stock #guide_videos .owl-prev {
    left: 1%
}

.best-stock #carousel_videos .owl-next,
.best-stock #guide_videos .owl-next {
    right: 1%
}

.best-stock #carousel_videos .owl-height,
.best-stock #guide_videos .owl-height {
    width: auto;
    height: 173px !important
}

.best-stock #guide_videos .owl-height {
    height: 220px !important
}

.best-stock #guide_videos .owl-nav button {
    top: 15%
}

.best-stock #guide_videos img {
    min-height: 110px
}

.best-stock #ui-id-1,
.best-stock .ui-autocomplete li.ui-menu-item {
    border: none !important
}

.best-stock .ui-autocomplete li.ui-menu-item {
    padding: 5px
}

.best-stock .popular-screen-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 105px
}

@media only screen and (max-width: 375px) {
    .best-stock table th {
        font-size: 10px
    }
    .best-stock table td {
        font-size: 10px
    }
    .best-stock .owl-height {
        height: 427 !important
    }
    .best-stock #carousel_videos .owl-item,
    .best-stock #guide_videos .owl-item {
        margin-right: 0px !important;
        width: 263px !important
    }
    .best-stock #carousel_videos .owl-height,
    .best-stock #guide_videos .owl-height {
        height: 150px !important
    }
    .best-stock #guide_videos .owl-height {
        height: 222px !important
    }
    .best-stock .owl-item {
        margin-right: 20px !important
    }
}

@media only screen and (max-width: 320px) {
    .best-stock .popular-screen-ellipses {
        min-width: 89px !important
    }
    .best-stock table th {
        font-size: 9px
    }
    .best-stock table td {
        font-size: 10px
    }
    .best-stock table .font-1rem {
        font-size: .8rem !important
    }
    .best-stock .owl-height {
        height: 445 !important
    }
    .best-stock #carousel_videos .owl-height,
    .best-stock #guide_videos .owl-height {
        height: 120px !important
    }
    .best-stock #carousel_videos .owl-item,
    .best-stock #guide_videos .owl-item {
        width: 200px !important
    }
    .best-stock #guide_videos .owl-height {
        height: 245px !important
    }
    .best-stock .cmp-center {
        text-align: center
    }
    .best-stock .owl-item {
        width: 225px !important
    }
    .best-stock #stock_carousel .owl-item {
        width: 195px !important
    }
    .best-stock .sm-0 {
        padding: 0px !important
    }
    .best-stock .sm-p-3 {
        padding: 3px !important
    }
    .best-stock .gainers-losers li {
        margin: 0px 2px
    }
    .best-stock .sm-px-0 {
        font-size: 9px
    }
}

@media only screen and (max-width: 415px) {
    .best-stock .sm-px-0 {
        padding: 0 !important
    }
}

@media only screen and (max-width: 575px) {
    .best-stock .popular-screen-ellipses a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90%
    }
    .best-stock .shastra {
        box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
        padding: 10px 0px;
        border-radius: 10px
    }
    .best-stock #stock_carousel .owl-height {
        height: 310px !important
    }
    .best-stock #stock_carousel .owl-prev {
        left: -22px
    }
    .best-stock #stock_carousel .owl-next {
        right: -24px
    }
    .best-stock #stock_carousel .owl-stage {
        padding: 3px;
        padding-left: 5px !important;
        padding-right: 0px !important
    }
    .best-stock .best-stock-tab a {
        padding: 7px;
        font-size: 1.3rem
    }
    .best-stock .outer-tabs {
        overflow-x: auto;
        display: flex
    }
    .best-stock .outer-tabs .nav {
        flex-wrap: inherit
    }
    .best-stock .outer-tabs .best-stock-tab .nav-link {
        min-width: 110px;
        height: 50px;
        background: #245049;
        border: 1px solid #245049;
        margin: 0px 2px;
        border-radius: 10px;
        padding: 2px;
        color: #fff;
        font-weight: 400;
        font-size: 1.2rem
    }
    .best-stock .outer-tabs .best-stock-tab .active,
    .best-stock .outer-tabs .best-stock-tab .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices .best-stock .outer-tabs .best-stock-tab a {
        color: #245049 !important;
        padding: 4px !important;
        font-weight: bold !important;
        font-size: 1.1rem !important;
        background: #fff !important
    }
    .best-stock .inner-tabs .nav {
        display: flex;
        flex-wrap: inherit;
        overflow: scroll
    }
    .best-stock .inner-tabs .nav li {
        min-width: 165px
    }
    .best-stock .content-link {
        display: flex;
        flex-wrap: inherit;
        overflow: scroll
    }
    .best-stock .content-link a {
        min-width: 180px;
        overflow: hidden;
        white-space: nowrap !important;
        text-overflow: ellipsis
    }
    .best-stock .owl-nav button.owl-prev {
        left: -17px
    }
    .best-stock .owl-nav button.owl-next {
        right: -20px
    }
}

@media only screen and (max-width: 1024px) {
    .best-stock .owl-height {
        width: 940px !important
    }
}

@media only screen and (max-width: 1235px) {
    .best-stock .owl-height {
        width: -webkit-fill-available !important
    }
}

@media only screen and (max-width: 768px) {
    .best-stock .best-stock-tab a {
        padding: 3px
    }
    .best-stock .owl-nav button {
        top: 35%
    }
    .best-stock .owl-nav button span {
        font-size: 4rem
    }
    .best-stock #carousel_videos .owl-nav button,
    .best-stock #guide_videos .owl-nav button {
        top: 21%
    }
    .best-stock #carousel_videos .owl-prev,
    .best-stock #guide_videos .owl-prev {
        left: 2%
    }
    .best-stock #carousel_videos .owl-next,
    .best-stock #guide_videos .owl-next {
        right: 2%
    }
    .best-stock .owl-nav button.owl-prev {
        left: -15px
    }
    .best-stock .owl-nav button.owl-next {
        right: -17px
    }
}

.nse-bse-indices .stick {
    left: 30px !important;
    position: sticky;
    background: #fff
}

.nse-bse-indices .seperator {
    border-left: 1px solid #bbb;
    height: 35px
}

.nse-bse-indices .sticky-header,
.nse-bse-indices .toggle {
    background: #e7e7e7 !important
}

.nse-bse-indices .list-table .sticky-header {
    position: sticky;
    top: 84px;
    z-index: 1
}

.nse-bse-indices .t-head,
.nse-bse-indices #mf-dashboard .t-data,
#mf-dashboard .nse-bse-indices .t-data,
.nse-bse-indices .alpha-case .t-data,
.alpha-case .nse-bse-indices .t-data,
.nse-bse-indices .t-data {
    min-width: 90px !important;
    text-align: center
}

.nse-bse-indices .since-inception,
.nse-bse-indices .mutual-fund-screener .returns .avg-rolling,
.mutual-fund-screener .returns .nse-bse-indices .avg-rolling,
.nse-bse-indices .mutual-fund-screener .returns .past,
.mutual-fund-screener .returns .nse-bse-indices .past {
    min-width: 135px !important
}

.nse-bse-indices .comp-name {
    min-width: 190px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 18%
}

.nse-bse-indices th {
    font-size: 1rem !important;
    padding: 4px !important
}

.nse-bse-indices .arrow-open-close:after,
.nse-bse-indices .toggle-btn.hide-toggle .arrow-open-close:after {
    right: 14px
}

.nse-bse-indices .arrow-open-close:before,
.nse-bse-indices .arrow-open-close:after {
    width: 32% !important
}

.nse-bse-indices .arrow-open-close:before {
    left: -1px !important
}

.nse-bse-indices .stock-indices .active,
.nse-bse-indices .stock-indices a {
    background: #1eaf6d;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.2rem
}

.nse-bse-indices .stock-indices a {
    background: #fff;
    color: #1eaf6d;
    border: 1px solid #1eaf6d
}

.nse-bse-indices #legal_names_asc i,
.nse-bse-indices #legal_names_desc i {
    color: #3f3f72;
    font-size: 12px
}

.nse-bse-indices #legal_names_desc {
    margin-top: -10px
}

.nse-bse-indices #legal_names_asc {
    margin-top: -4px
}

@media only screen and (max-width: 575px) {
    .nse-bse-indices .sticky-header,
    .nse-bse-indices .indices {
        min-width: 900px !important
    }
    .nse-bse-indices .comp-name {
        min-width: 126px !important
    }
    .nse-bse-indices .toggle-btn .arrow-open-close {
        left: 8px
    }
    .nse-bse-indices .inner-table {
        width: 410px !important;
        margin-left: 0px !important
    }
    .nse-bse-indices .indices {
        text-align-last: center
    }
    .nse-bse-indices .comp-name {
        text-align-last: left;
        font-size: 1rem
    }
}

@media only screen and (max-width: 768px) {
    .nse-bse-indices .t-data,
    .nse-bse-indices .t-head,
    .nse-bse-indices #mf-dashboard .t-data,
    #mf-dashboard .nse-bse-indices .t-data,
    .nse-bse-indices .screener .t-data,
    .screener .nse-bse-indices .t-data,
    .nse-bse-indices .alpha-case .t-data,
    .alpha-case .nse-bse-indices .t-data {
        min-width: 90px
    }
    .nse-bse-indices .sticky-header,
    .nse-bse-indices .indices {
        top: 0px !important;
        min-width: 1080px
    }
}

@media only screen and (max-width: 1024px) {
    .nse-bse-indices .t-data,
    .nse-bse-indices .t-head,
    .nse-bse-indices #mf-dashboard .t-data,
    #mf-dashboard .nse-bse-indices .t-data,
    .nse-bse-indices .screener .t-data,
    .screener .nse-bse-indices .t-data,
    .nse-bse-indices .alpha-case .t-data,
    .alpha-case .nse-bse-indices .t-data {
        min-width: 81px !important
    }
    .nse-bse-indices .sticky-header,
    .nse-bse-indices .indices {
        top: 0px !important;
        min-width: 960px
    }
}

.decizen-colorCode-popup {
    max-width: 640px
}

.mutual-fund .mutual-fund-container {
    max-width: 1300px
}

.mutual-fund .mutual-fund-container .contentBackground {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 7px 13px
}

.mutual-fund .mutual-fund-container .contentBackground .fundsList a {
    border-right: 1px solid gray;
    padding: 3px 9px;
    line-height: 30px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #3f3f72
}

.mutual-fund .mutual-fund-container .contentBackground .list-hot-buttons,
.mutual-fund .mutual-fund-container .contentBackground .bg-gainers .best-index-table-ind-list-nav li a,
.bg-gainers .best-index-table-ind-list-nav li .mutual-fund .mutual-fund-container .contentBackground a {
    min-width: 77px
}

.mutual-fund .mutual-fund-container .contentBackground .popularFundList a {
    padding: 3px 16px;
    font-size: 1rem;
    border-radius: 4px !important
}

.mutual-fund .mutual-fund-container .mutual-fund-box-shadow {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px
}

.mutual-fund .mutual-fund-container .mfpopulist {
    position: sticky;
    top: 84px;
    z-index: 1
}

.mutual-fund .mutual-fund-container .mfpopulist th {
    padding: 5px 3px;
    width: 70px;
    text-align: center;
    border: 1px solid #dadada !important;
    min-width: 65px
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg {
    position: sticky;
    min-width: 100%;
    height: 40vh;
    top: 0;
    left: 0
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg .lock {
    width: 50px;
    padding: 8px
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg .jumbotron {
    border: 10px solid #dee2e6;
    padding: 4.4rem 2rem;
    border-radius: 0px;
    height: 40vh
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg .shape-right {
    width: 160px;
    height: 140px;
    position: absolute;
    right: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 0px 3px 152px
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg .shape-right::before {
    content: url(/images/mutual-funds/mf-screener-lock-v1.svg);
    position: absolute;
    right: 11px;
    margin-top: 25px
}

.mutual-fund .mutual-fund-container .mf-screener-lock-bg .shape-left {
    width: 160px;
    height: 140px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 155px 3px 0px
}

.mutual-fund .fund-name {
    max-width: 230px
}

.mutual-fund .fund-name a {
    color: #3f3f72 !important
}

.mutual-fund .decizen .decizen_q,
.mutual-fund .decizen .decizen_p,
.mutual-fund .decizen .decizen_e,
.mutual-fund .decizen .decizen_up {
    width: 45px
}

.mutual-fund .decizen,
.mutual-fund .mf-color-codes {
    max-width: 89px
}

.mutual-fund .t-data.decizen {
    max-width: 150px
}

.mutual-fund .colorCodeContent span,
.mutual-fund .colorCodepm span {
    padding: 2px;
    min-width: 22px;
    min-height: 22px;
    line-height: 18px
}

.mutual-fund table td .content.colorCodeBackground .color.green,
.mutual-fund table td .content.colorCodeBackground .color.grey,
.mutual-fund table td .content.colorCodeBackground .color.red,
.mutual-fund table td .content.colorCodeBackground .color.orange {
    display: block;
    color: #fff;
    padding: 5px 10px;
    font-size: 10px;
    background: #1eaf6d;
    font-weight: 500
}

.mutual-fund .orange {
    background: #dc9935 !important
}

.mutual-fund .red {
    background: #f27070 !important
}

.mutual-fund .grey {
    background: #c4c4c4 !important
}

.mutual-fund .list-category {
    width: 69px !important;
    max-width: 83px;
    min-width: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mutual-fund .list-category a {
    font-weight: 400
}

.mutual-fund .list-name-comp {
    width: 225px !important;
    max-width: 225px;
    font-weight: 700
}

.mutual-fund .faq-table-pd td {
    padding: 3px 5px
}

.mutual-fund .faq-table-pd th {
    font-size: 12px
}

@media only screen and (max-width: 768px) {
    .mutual-fund .decizen {
        min-width: max-content;
        width: 20px !important;
        max-width: -webkit-fill-available;
        min-width: 114px !important
    }
    .mutual-fund .list-name-comp {
        min-width: 149px
    }
    .mutual-fund .list-name-comp.stick {
        left: 0;
        min-width: 190px !important;
        width: 190px !important
    }
    .mutual-fund .list-category {
        max-width: 140px;
        min-width: 63px
    }
    .mutual-fund .list-table tr th {
        min-width: 100px !important
    }
    .mutual-fund .list-table tr th.sticky-sort {
        max-width: 50px !important;
        min-width: 30px !important
    }
    .mutual-fund .best-from .popularFundList {
        overflow-x: auto;
        display: flex
    }
}

@media only screen and (max-width: 767px) {
    .mutual-fund .mfpopulist {
        top: 0px !important
    }
    .mutual-fund .sticky-sort {
        text-align: left;
        max-width: 30px;
        min-width: 30px
    }
}

@media only screen and (max-width: 575px) {
    .mutual-fund .list-hot-buttons,
    .mutual-fund .bg-gainers .best-index-table-ind-list-nav li a,
    .bg-gainers .best-index-table-ind-list-nav li .mutual-fund a {
        min-width: fit-content !important
    }
    .mutual-fund .mutual-fund .fund-name {
        max-width: 185px !important
    }
}

.mutual-fund-screener .arrow-open-close {
    width: 20px;
    top: 14px
}

.mutual-fund-screener .accordion.FAQ .arrow-open-close {
    top: 0px !important
}

.mutual-fund-screener .FAQ .btn-outline-success.active,
.mutual-fund-screener .FAQ .nse-bse-indices .stock-indices a.btn-outline-success,
.nse-bse-indices .stock-indices .mutual-fund-screener .FAQ a.btn-outline-success {
    color: #000 !important;
    background-color: #fff !important
}

.mutual-fund-screener .FAQ .arrow-open-close {
    top: 0px
}

.mutual-fund-screener .FAQ .arrow-open-close:before {
    background-color: #245049 !important
}

.mutual-fund-screener .FAQ .arrow-open-close:after {
    background-color: #245049 !important
}

.mutual-fund-screener .FAQ .panel-head {
    color: #245049 !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.mutual-fund-screener .FAQ .panel-body {
    font-size: 1.2rem;
    border-bottom: 1px solid #e5e5e5 !important
}

.mutual-fund-screener .panel-collapse {
    transition: all .3s ease-in-out 0s;
    opacity: 1;
    visibility: visible
}

.mutual-fund-screener .panel-collapse .form-group {
    min-height: 175px;
    max-height: 210px
}

.mutual-fund-screener .panel-collapse .form-group.min-ht-250 {
    height: 250px
}

.mutual-fund-screener .fa-arrow-left,
.mutual-fund-screener .fa-arrow-right {
    background: #c4c4c4;
    padding: 5px;
    border-radius: 2px
}

.mutual-fund-screener .mf-screener-lock-bg {
    position: sticky;
    min-width: 100%;
    height: 39.2vh;
    top: 0;
    left: 0
}

.mutual-fund-screener .mf-screener-lock-bg .jumbotron {
    border: 10px solid #dee2e6;
    padding: 4.4rem 2rem;
    border-radius: 0px;
    height: 40vh
}

.mutual-fund-screener .mf-screener-lock-bg .shape-right {
    width: 160px;
    height: 140px;
    position: absolute;
    right: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 0px 3px 152px
}

.mutual-fund-screener .mf-screener-lock-bg .shape-right::before {
    content: url(/images/mutual-funds/mf-screener-lock-v1.svg);
    position: absolute;
    right: 11px;
    margin-top: 25px
}

.mutual-fund-screener .mf-screener-lock-bg .shape-left {
    width: 160px;
    height: 140px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dee2e6;
    -moz-border-radius: 0px 0px 20px 110px;
    -webkit-border-radius: 0px 0px 20px 110px;
    border-radius: 0px 155px 3px 0px
}

.mutual-fund-screener #aum input,
.mutual-fund-screener #aum .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mutual-fund-screener #aum textarea.input-textarea,
.mutual-fund-screener #aum .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mutual-fund-screener #aum textarea.input-textarea,
.mutual-fund-screener #aum .btn-outline-success,
.mutual-fund-screener #past-returns input,
.mutual-fund-screener #past-returns .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mutual-fund-screener #past-returns textarea.input-textarea,
.mutual-fund-screener #past-returns .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mutual-fund-screener #past-returns textarea.input-textarea,
.mutual-fund-screener #past-returns .btn-outline-success,
.mutual-fund-screener #expense_ratio input,
.mutual-fund-screener #expense_ratio .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mutual-fund-screener #expense_ratio textarea.input-textarea,
.mutual-fund-screener #expense_ratio .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mutual-fund-screener #expense_ratio textarea.input-textarea,
.mutual-fund-screener #expense_ratio .btn-outline-success {
    background: #fff
}

.mutual-fund-screener #plan-type,
.mutual-fund-screener #fund-end-type {
    max-height: 70px !important
}

.mutual-fund-screener #category .form-group {
    min-height: 82px
}

.mutual-fund-screener #past-returns .form-group {
    min-height: 186px;
    max-height: 190px
}

.mutual-fund-screener #aum .form-group,
.mutual-fund-screener #styleAllocation .form-group,
.mutual-fund-screener #expenseRatio .form-group {
    min-height: 105px;
    max-height: 130px
}

.mutual-fund-screener #planType .form-group,
.mutual-fund-screener #fundEndType .form-group {
    min-height: 65px;
    max-height: 70px
}

.mutual-fund-screener .mf-table {
    margin-top: -3rem
}

.mutual-fund-screener .hashtag {
    min-width: 50px !important
}

.mutual-fund-screener .t-head,
.mutual-fund-screener #mf-dashboard .t-data,
#mf-dashboard .mutual-fund-screener .t-data,
.mutual-fund-screener .alpha-case .t-data,
.alpha-case .mutual-fund-screener .t-data,
.mutual-fund-screener .t-data {
    min-width: 70px !important
}

.mutual-fund-screener .add-expense {
    min-width: 80px !important
}

.mutual-fund-screener .orange-badge,
.mutual-fund-screener .-badge,
.mutual-fund-screener .red-badge,
.mutual-fund-screener .green-badge {
    background: #dc9935;
    padding: 3px;
    display: inline-block;
    width: 87px;
    color: #fff;
    font-size: 9.5px;
    border-radius: 5px
}

.mutual-fund-screener #styleAllocation label {
    width: auto
}

.mutual-fund-screener #filterColumn,
.mutual-fund-screener #contentFilter {
    -webkit-animation: slide .5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide .5s forwards;
    animation-delay: 2s
}

.mutual-fund-screener .style-allocation {
    width: 75px
}

.mutual-fund-screener .green-badge {
    background: #1eaf6d
}

.mutual-fund-screener .red-badge {
    background: #f27070
}

.mutual-fund-screener .-badge {
    background: #c4c4c4
}

.mutual-fund-screener .category-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 85px !important;
    width: 85px;
    text-align: center
}

.mutual-fund-screener .returns {
    min-width: 210px
}

.mutual-fund-screener .returns .since-inception,
.mutual-fund-screener .returns .avg-rolling,
.mutual-fund-screener .returns .past {
    width: 70px;
    text-align: center;
    border: 1px solid #c4c4c4;
    border-bottom: 0
}

.mutual-fund-screener .returns .past {
    width: 65px
}

.mutual-fund-screener .returns .avg-rolling {
    width: 74px
}

.mutual-fund-screener .text-ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.mutual-fund-screener .text-ellipses:hover {
    background: #fff
}

.mutual-fund-screener .text-ellipses input,
.mutual-fund-screener .text-ellipses .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mutual-fund-screener .text-ellipses textarea.input-textarea,
.mutual-fund-screener .text-ellipses .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mutual-fund-screener .text-ellipses textarea.input-textarea {
    cursor: pointer
}

.mutual-fund-screener .company-ellipses,
.mutual-fund-screener .dashboard .popular-screen-ellipses,
.dashboard .mutual-fund-screener .popular-screen-ellipses {
    width: 100%
}

.mutual-fund-screener .sahi-mf {
    width: 105px
}

.mutual-fund-screener .sahi-mf .quality,
.mutual-fund-screener .sahi-mf .performance {
    padding: 2px 0px;
    width: 90px;
    text-align: center;
    border: 1px solid #c4c4c4;
    border-bottom: 0
}

.mutual-fund-screener .stick {
    min-width: fit-content;
    cursor: pointer
}

.mutual-fund-screener .gray-border-bottom {
    min-width: fit-content;
    max-width: 100%
}

.mutual-fund-screener select {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #677079;
    font-weight: 400
}

.mutual-fund-screener #category .panel-group {
    border-bottom: 0px !important
}

.mutual-fund-screener #category .list-dropdowns {
    height: 30px
}

.mutual-fund-screener img.midGreen,
.mutual-fund-screener img.smallGreen,
.mutual-fund-screener img.largeGreen {
    width: 23px;
    height: 21px;
    background-position: -44px -22px !important
}

.mutual-fund-screener img.largeGreen {
    background-position: -44px 0 !important
}

.mutual-fund-screener img.smallGreen {
    background-position: -44px -44px !important
}

.mutual-fund-screener img.investmentStyleSprite {
    background: url(/images/mutual-funds/mf-investment-style.jpg);
    margin-right: 5px
}

.mutual-fund-screener #past-returns input::placeholder,
.mutual-fund-screener #past-returns .my-acc .formcon textarea.input-textarea::placeholder,
.my-acc .formcon .mutual-fund-screener #past-returns textarea.input-textarea::placeholder,
.mutual-fund-screener #past-returns .my-acc .form-group textarea.input-textarea::placeholder,
.my-acc .form-group .mutual-fund-screener #past-returns textarea.input-textarea::placeholder {
    font-size: 12px
}

.mutual-fund-screener .fund-name {
    min-width: 225px;
    text-align-last: left;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mutual-fund-screener .filter-section {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: clip
}

@media only screen and (max-width: 575px) {
    .mutual-fund-screener .mf-screener-lock-bg .bg-white {
        width: 30% !important
    }
    .mutual-fund-screener .showHideText {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .mutual-fund-screener .screener .list-table {
        min-height: 50vh;
        max-height: 52vh
    }
    .mutual-fund-screener .mf-table {
        margin-top: 0rem
    }
    .mutual-fund-screener .fund-name {
        min-width: 145px !important;
        max-width: 146px
    }
    .mutual-fund-screener .fund-name .company-ellipses,
    .mutual-fund-screener .fund-name .dashboard .popular-screen-ellipses,
    .dashboard .mutual-fund-screener .fund-name .popular-screen-ellipses {
        width: 100% !important
    }
    .mutual-fund-screener .active-filter {
        min-width: 250px
    }
    .mutual-fund-screener .stick {
        max-width: 22% !important;
        min-width: 18% !important
    }
    .mutual-fund-screener .shape-right::before {
        display: none
    }
    .mutual-fund-screener .shape-left {
        display: none
    }
}

@media only screen and (max-width: 1440px) {
    .mutual-fund-screener .screener .rating {
        left: 0%
    }
}

@media only screen and (max-width: 320px) {
    .mutual-fund-screener .active-filter {
        min-width: 160px !important
    }
}

@media only screen and (max-width: 320px) {
    .mutual-fund .list-name-comp.stick {
        left: 0;
        min-width: 150px !important;
        width: 150px !important
    }
}

.mf-report .datepicker-modal {
    position: absolute !important;
    top: auto !important;
    left: auto !important
}

.mf-report #ui-id-1 {
    z-index: 9999999 !important
}

.mf-report .toggle {
    position: relative;
    width: 30px;
    height: 15px;
    background-color: #ccc;
    border-radius: 25px;
    cursor: pointer
}

.mf-report .toggle .toggle-handle {
    position: absolute;
    margin-left: -30px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out
}

.mf-report .toggle input:checked+.toggle-handle,
.mf-report .toggle .my-acc .formcon textarea.input-textarea:checked+.toggle-handle,
.my-acc .formcon .mf-report .toggle textarea.input-textarea:checked+.toggle-handle,
.mf-report .toggle .my-acc .form-group textarea.input-textarea:checked+.toggle-handle,
.my-acc .form-group .mf-report .toggle textarea.input-textarea:checked+.toggle-handle {
    background-color: #4caf50;
    transform: translateX(15px)
}

.mf-report .toggle input,
.mf-report .toggle .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .mf-report .toggle textarea.input-textarea,
.mf-report .toggle .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .mf-report .toggle textarea.input-textarea {
    display: none
}

.mf-report .mf-card {
    border: 1px solid #d9e2ef;
    padding: 8px 0px;
    border-radius: 10px
}

.mf-report .reportinfo .graphdiv,
.mf-report .fund-sub-repot .graphdiv {
    margin-bottom: 20px;
    min-height: 175px
}

.mf-report .qualityGrid tr td {
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle
}

.mf-report .qualityGrid tr td.bordered {
    position: relative;
    border: 1px solid #c4c4c4
}

.mf-report .qualityGrid tr td.bordered.red .fund {
    color: #ee1c24
}

.mf-report .qualityGrid tr td.bordered.orange .fund {
    color: #ef7f1a
}

.mf-report .qualityGrid tr td.bordered.green .fund,
.mf-report .qualityGrid tr .mutual-fund td.bordered.orange .fund,
.mutual-fund .mf-report .qualityGrid tr td.bordered.orange .fund,
.mf-report .qualityGrid tr .mutual-fund td.bordered.red .fund,
.mutual-fund .mf-report .qualityGrid tr td.bordered.red .fund,
.mf-report .qualityGrid tr .mutual-fund td.bordered.grey .fund,
.mutual-fund .mf-report .qualityGrid tr td.bordered.grey .fund {
    color: #00b050
}

.mf-report .reportinfo .title {
    background-color: #def5f6 !important;
    font-size: 16px !important
}

.mf-report table.table thead tr th {
    font-weight: 700 !important
}

.mf-report .list-table tr th {
    font-size: 1.1rem
}

.mf-report thead.sticky-header {
    top: 84px;
    position: sticky
}

@media only screen and (max-width: 724px) {
    .mf-report thead.sticky-header {
        top: 0px
    }
}

@media only screen and (max-width: 320px) {
    .mutual-fund .list-name-comp.stick {
        left: 0;
        min-width: 150px !important;
        width: 150px !important
    }
}

.mutual-fund-dashboard .checkif-loading {
    background-color: rgba(51, 51, 51, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed
}

.mutual-fund-dashboard .checkif-loading .loader-inner {
    color: #000;
    margin: 20% auto 0;
    width: 100px;
    height: 75px;
    text-align: center;
    background: #fff
}

.mutual-fund-dashboard #riskresult b {
    color: #1eaf6d
}

#__react-alert__ {
    z-index: 999999
}

@media only screen and (max-width: 575px) {
    .mutual-fund-dashboard .checkif-loading .loader-inner {
        margin: 60% auto 0 !important
    }
}

#mf-dashboard .dropdown button {
    line-height: 1;
    padding: 8px;
    font-size: 12px
}

#mf-dashboard .dropdown-menu {
    width: max-content;
    padding: 5px 10px
}

#mf-dashboard .dropdown-menu a {
    color: #3e4248
}

#mf-dashboard .sticky-header {
    position: sticky;
    top: 82px;
    cursor: pointer;
    z-index: 1
}

#mf-dashboard .analyzer {
    border-left: 5px solid #9494b7;
    border-top: 1px solid #9494b7;
    border-bottom: 1px solid #9494b7;
    border-right: 1px solid #9494b7
}

#mf-dashboard .t-head,
#mf-dashboard .t-data {
    font-size: 1.1rem;
    min-width: 110px;
    color: #3e4248;
    align-self: center
}

#mf-dashboard .t-data {
    font-size: 1rem
}

#mf-dashboard .mf-dashboard-lock-bg,
#mf-dashboard .mf-dashboard-lock-bg-watchlist {
    background: url("/images/mutual-funds/dashboard/portfolio-lock-bg.png");
    background-repeat: no-repeat;
    min-height: 46.5vh;
    margin-left: 10px;
    min-width: 1255px !important
}

#mf-dashboard .mf-dashboard-lock-bg .bg-white,
#mf-dashboard .mf-dashboard-lock-bg-watchlist .bg-white {
    box-shadow: rgba(17, 17, 26, .1) 0px 4px 16px, rgba(17, 17, 26, .1) 0px 8px 24px, rgba(17, 17, 26, .1) 0px 16px 56px
}

#mf-dashboard .mf-dashboard-lock-bg .lock,
#mf-dashboard .mf-dashboard-lock-bg-watchlist .lock {
    width: 35px
}

#mf-dashboard .mf-dashboard-lock-bg-watchlist {
    background: url("/images/mutual-funds/dashboard/watchlist-lock-bg.png");
    background-repeat: no-repeat;
    margin-top: -5px;
    min-height: 49vh;
    background-size: auto
}

#mf-dashboard .fund-name {
    min-width: 300px;
    max-width: 300px;
    width: 95%
}

#mf-dashboard .fund-name a {
    font-size: 1rem;
    background: #fff
}

#mf-dashboard .disabled {
    background: #f4f4f4;
    cursor: not-allowed;
    pointer-events: all
}

#mf-dashboard .rating {
    min-width: 110px !important
}

#mf-dashboard .card-light {
    padding: 10px
}

#mf-dashboard .total-returns {
    font-size: 1.1rem;
    min-width: 270px !important
}

#mf-dashboard .watchlist-tab .t-head,
#mf-dashboard .watchlist-tab .t-data {
    min-width: 114px
}

#mf-dashboard .watchlist-tab .check-box {
    min-width: 40px;
    text-align: center
}

#mf-dashboard .transaction {
    min-width: 85px
}

#mf-dashboard .nav-item:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

#mf-dashboard .nav-item:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

#mf-dashboard .nav-item a {
    font-size: 1.2rem
}

@media only screen and (max-width: 1024px) {
    #mf-dashboard .table-wrap-portfolio {
        position: relative;
        overflow-x: scroll;
        width: 100% !important
    }
    #mf-dashboard .sticky-header {
        top: 0px
    }
    #mf-dashboard .table-wrap-portfolio .border-bottom {
        max-width: 1281px;
        min-width: 1280px
    }
    #mf-dashboard .stick {
        background: #fff;
        text-align: left;
        max-width: 26% !important;
        width: 100%;
        min-width: 26% !important;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        overflow: hidden;
        z-index: 0
    }
    #mf-dashboard .stick .bg-lightgray {
        height: 33px
    }
}

@media only screen and (max-width: 768px) {
    #mf-dashboard .table-wrap-portfolio .border {
        max-width: 1200px;
        min-width: 1175px
    }
    #mf-dashboard .total-returns {
        min-width: 200px !important
    }
    #mf-dashboard .fund-name {
        min-width: 300px !important;
        max-width: 320px;
        position: sticky;
        left: 0px
    }
    #mf-dashboard .mob-width {
        min-width: 972px;
        max-width: 100%;
        margin-bottom: 0px !important
    }
    #mf-dashboard .table-wrap {
        position: relative;
        overflow-x: scroll;
        width: 100% !important;
        overflow-y: scroll !important;
        min-height: 30vh;
        max-height: 75vh
    }
    #mf-dashboard .table-wrap .table {
        min-width: 972px;
        max-width: 100%;
        margin-bottom: 0px !important
    }
    #mf-dashboard .table-wrap .login-card {
        top: 65px;
        margin-left: 80px !important
    }
    #mf-dashboard .table-wrap .mf-dashboard-lock-bg,
    #mf-dashboard .table-wrap .mf-dashboard-lock-bg-watchlist {
        min-height: 52vh;
        margin-left: 0px
    }
    #mf-dashboard .table-wrap-portfolio {
        position: relative;
        overflow-x: scroll;
        width: 100% !important;
        overflow-y: scroll !important;
        min-height: 30vh;
        max-height: 75vh
    }
    #mf-dashboard .table-wrap-portfolio .table {
        min-width: 972px;
        max-width: 100%;
        margin-bottom: 0px !important
    }
    #mf-dashboard .table-wrap-portfolio .login-card {
        top: 65px;
        margin-left: 80px !important
    }
    #mf-dashboard .table-wrap-portfolio .mf-dashboard-lock-bg,
    #mf-dashboard .table-wrap-portfolio .mf-dashboard-lock-bg-watchlist {
        min-height: 52vh;
        margin-left: 0px
    }
    #mf-dashboard .table-wrap-portfolio .table {
        min-width: 972px;
        max-width: 100%;
        margin-bottom: 0px !important;
        min-width: 1175px
    }
    #mf-dashboard .table-wrap-portfolio .mob-width {
        min-width: 1176px !important
    }
    #mf-dashboard .table-wrap-watchlist {
        position: relative;
        overflow-x: scroll;
        width: 100% !important;
        overflow-y: scroll !important;
        min-height: 30vh;
        max-height: 75vh
    }
    #mf-dashboard .table-wrap-watchlist .table {
        min-width: 972px;
        max-width: 100%;
        margin-bottom: 0px !important
    }
    #mf-dashboard .table-wrap-watchlist .login-card {
        top: 65px;
        margin-left: 80px !important
    }
    #mf-dashboard .table-wrap-watchlist .mf-dashboard-lock-bg,
    #mf-dashboard .table-wrap-watchlist .mf-dashboard-lock-bg-watchlist {
        min-height: 52vh;
        margin-left: 0px
    }
    #mf-dashboard .table-wrap-watchlist .table {
        min-width: 1175px
    }
    #mf-dashboard .sticky-header {
        top: 0px
    }
    #mf-dashboard .fund-name {
        position: sticky;
        left: 0px
    }
    #mf-dashboard .check-box {
        position: sticky;
        left: 0px;
        min-width: 30px !important;
        max-width: 32px !important
    }
    #mf-dashboard .stick {
        background: #fff;
        text-align: left;
        max-width: 26% !important;
        width: 100%;
        min-width: 26% !important;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        overflow: hidden;
        z-index: 0
    }
    #mf-dashboard .stick .bg-lightgray {
        height: 33px
    }
    #mf-dashboard .transaction {
        min-width: 100px !important
    }
    #mf-dashboard .fa-eye {
        display: none
    }
    #mf-dashboard .nav-item a {
        font-size: 1.1rem;
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width: 600px) {
    #mf-dashboard #mf-dashboard .table-wrap-portfolio .border-bottom {
        max-width: 946px !important;
        min-width: 945px !important
    }
    #mf-dashboard .table-wrap-portfolio .mob-width {
        min-width: 945px !important
    }
    #mf-dashboard .table-wrap-watchlist .border {
        max-width: 798px !important;
        min-width: 750px !important
    }
    #mf-dashboard .fund-name {
        min-width: 400px !important;
        max-width: 380px
    }
}

@media only screen and (max-width: 370px) {
    #mf-dashboard .fund-name {
        min-width: 320px !important;
        max-width: 320px
    }
}

@media only screen and (max-width: 575px) {
    #mf-dashboard .cmv {
        border: 0px !important
    }
}

@media only screen and (max-width: 421px) {
    #mf-dashboard .nav-item a {
        font-size: 12px
    }
}

.popover-header,
.popover-body {
    font-size: 1.1rem !important
}

#sticky-btn {
    position: sticky;
    bottom: 0px;
    background: #fff;
    border-top: 1px solid #e3e3e3
}

.mf-details .nav-item:first-child a {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.mf-details .nav-item:last-child a {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.mf-details .mf-card {
    border: 1px solid #d9e2ef;
    padding: 8px 0px;
    border-radius: 10px
}

.mf-details .mf-card .fund-data {
    border-right: 1px solid #c4c4c4;
    padding: 3px 15px;
    line-height: 23px;
    text-align: center;
    min-width: 150px
}

.mf-details .mf-card .fund-data:last-child {
    border: 0px
}

.mf-details .mf-card .category-link {
    max-width: 175px;
    display: -webkit-box;
    line-height: initial;
    font-size: .9rem
}

.mf-details #mf-page h1.mf-details-heading {
    max-width: 75%
}

.mf-details #mf-page .direct-regular .nav-pills .nav-link {
    border: 1px solid #b5964d;
    color: #245049;
    font-weight: 500
}

.mf-details #mf-page .direct-regular .nav-pills .nav-link.active,
.mf-details #mf-page .direct-regular .nav-pills .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .mf-details #mf-page .direct-regular .nav-pills a.nav-link {
    color: #fff !important;
    font-weight: 400;
    background-color: #b5964d !important
}

.mf-details .heading-stocks {
    min-width: 232px
}

.mf-details .allocation-of-portfolio,
.mf-details .heading-qty,
.mf-details .heading-cmp,
.mf-details .market-value {
    min-width: 168px
}

.mf-details .market-value {
    min-width: 136px
}

.mf-details .dropdown label.dropdown--label {
    position: relative;
    line-height: 20px;
    display: inline-block
}

.mf-details .dropdown label.dropdown--label .dropdown--checkbox {
    position: absolute;
    left: -2000000px
}

.mf-details .dropdown label.dropdown--label .dropdown--text {
    cursor: pointer;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: 0 2px 4px #dee5ff;
    display: block;
    width: 100%;
    font-size: 1rem;
    background: #fff;
    color: #262e47;
    font-weight: bold;
    padding: 0 5px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.mf-details .dropdown label.dropdown--label .dropdown--text .dropdown--arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #616d90;
    border-bottom: 2px solid #616d90;
    margin-left: auto;
    transform: rotate(45deg);
    transition: all ease-in .3s;
    position: relative;
    top: -2px
}

.mf-details .dropdown label.dropdown--label .dropdown--list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    transition: all ease-out .3s;
    box-shadow: 0px 14px 43px 0px #dee5ff;
    background: #fff;
    border-radius: 5px;
    overflow-y: scroll
}

.mf-details .dropdown label.dropdown--label .dropdown--list::-webkit-scrollbar {
    width: 10px
}

.mf-details .dropdown label.dropdown--label .dropdown--list::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #dee5ff
}

.mf-details .dropdown label.dropdown--label .dropdown--list::-webkit-scrollbar-thumb {
    background: #dee5ff;
    border-radius: 5px
}

.mf-details .dropdown label.dropdown--label .dropdown--list::-webkit-scrollbar-thumb:hover {
    background: #cfd8f7
}

.mf-details .dropdown label.dropdown--label .dropdown--list ul {
    padding: 0;
    margin: 0
}

.mf-details .dropdown label.dropdown--label .dropdown--list ul li a {
    white-space: nowrap;
    text-decoration: none;
    color: #333a52;
    display: block;
    padding: 5px 5px;
    font-size: 1rem
}

.mf-details .dropdown label.dropdown--label .dropdown--list ul li a:hover {
    background: #f7f9fd
}

.mf-details .dropdown label.dropdown--label .dropdown--checkbox:checked~.dropdown--list {
    top: 120%;
    opacity: 1;
    visibility: visible;
    transition: all ease-in .3s
}

.mf-details .dropdown label.dropdown--label .dropdown--checkbox:checked~.dropdown--text .dropdown--arrow {
    transform: rotate(-135deg);
    top: 5px
}

.mf-details .fund-color .bg-danger {
    color: #fff
}

.mf-details .youtube-icon-red {
    cursor: pointer
}

.mf-details .mf-row .aum,
.mf-details .mf-row .expense,
.mf-details .mf-row .turnover,
.mf-details .mf-row .benchmark {
    min-width: 120px !important
}

.mf-details .mf-row .category,
.mf-details .mf-row .underlying-asset-quality,
.mf-details .mf-row .different-than-benchmark {
    min-width: 230px !important;
    max-width: 250px
}

.mf-details .table-head:first-child {
    background: #f6f8f8 !important
}

.mf-details .performance-summary .table-head:first-child,
.mf-details .performance-summary .table-cell:first-child,
.mf-details .top-10-holdings .table-head:first-child,
.mf-details .top-10-holdings .table-cell:first-child {
    min-width: 210px;
    left: 0;
    background: #fff
}

.mf-details .peer-comparison .table-head:first-child,
.mf-details .peer-comparison .table-cell:first-child {
    position: sticky;
    left: 0
}

.mf-details .peer-comparison .table-head:first-child,
.mf-details .peer-comparison .table-cell:first-child {
    min-width: 173px;
    text-align: -webkit-left
}

.mf-details .peer-comparison .table-head,
.mf-details .peer-comparison .table-cell {
    min-width: 99px
}

.mf-details .peer-comparison .table-head:last-child,
.mf-details .peer-comparison .table-cell:last-child {
    min-width: 133px
}

.mf-details .peer-comparison .table-row {
    border-bottom: 1px solid #dee2e6 !important
}

.mf-details .peer-comparison .tooltip-cls span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.mf-details .upsideAndDownsideCaptureRatio .table-head:first-child,
.mf-details .upsideAndDownsideCaptureRatio .table-cell:first-child {
    min-width: 68px;
    max-width: 100px
}

.mf-details .table-head:first-child,
.mf-details .table-data:first-child {
    text-align: left;
    position: sticky
}

.mf-details .fund-overview .table-cell {
    min-width: 200px;
    font-weight: 400 !important
}

.mf-details .bg-light:hover {
    background-color: #fff !important
}

.mf-details .total-portfolio .table-head,
.mf-details .total-portfolio .table-cell {
    min-width: 168px
}

.mf-details .total-portfolio .table-head:first-child,
.mf-details .total-portfolio .table-cell:first-child {
    min-width: 232px;
    max-width: 232px;
    overflow-x: visible;
    background: #fff;
    position: sticky;
    left: 0
}

.mf-details .fund-grey {
    left: 37%;
    background: #ccc;
    color: #333;
    min-height: 35px;
    padding-top: 0px
}

.mf-details .total-portfolio .table-head:first-child {
    position: sticky;
    left: 0
}

.mf-details .bg-orange {
    background: #dc9935;
    display: block;
    padding: 3px 5px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.mf-details .bg-green {
    background: #1eaf6d;
    display: block;
    padding: 3px 5px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.mf-details .bg-red {
    background: #f27070;
    display: block;
    padding: 3px 5px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17)
}

.mf-details .decisionMaker .right-allo-link {
    position: absolute;
    display: block;
    width: 119px;
    height: 30px;
    background: url(/images/lock-blur.jpg) 1px -36px no-repeat;
    top: 50px;
    left: 115px
}

.mf-details .accordion .card-header button {
    text-align: left;
    width: 100%;
    position: relative;
    border: 1px solid #c4c4c4;
    border-bottom: 0;
    color: #3e4248
}

.mf-details .accordion .card-header button.collapsed::after {
    position: absolute;
    width: 2px;
    height: 10px;
    content: "";
    background-color: #3f3f72;
    right: 11px;
    top: 54%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mf-details .accordion .card-header button::before {
    position: absolute;
    width: 10px;
    height: 2px;
    content: "";
    background-color: #3f3f72;
    right: 7px;
    top: 50%
}

.mf-details .faq-list li {
    margin: 30px 0;
    border: 1px solid #cdcdcd;
    padding: 5px 0px;
    margin: 0px auto 2px;
    text-align: left
}

.mf-details .faq-list .faq-heading::before {
    content: "+";
    font-size: 26px;
    display: block;
    position: absolute;
    right: 0;
    top: -8px;
    color: #3f3f72
}

.mf-details .faq-list .the-active .faq-heading::before {
    content: "-"
}

.mf-details .faq-heading {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.mf-details .faq-heading:hover {
    color: var(--theme-color)
}

.mf-details .faq-text {
    display: none
}

.mf-details .read {
    color: #646464;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 15px
}

.mf-details .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 7px;
    color: #245049;
    background-color: #e4f3ef !important;
    border: 1px solid #ebf5f2 !important;
    cursor: pointer
}

.mf-details .accordion-header tr {
    background-color: unset
}

.mf-details .accordion-header tr th {
    border-bottom: none
}

.mf-details .accordion-header h4 {
    margin: 0
}

.mf-details .accordion-header::after {
    content: "";
    font-weight: bold;
    margin-left: 5px;
    font-size: 12px;
    color: #565656;
    font-family: "Font Awesome 5 Free"
}

.mf-details .accordion-header.active::after,
.mf-details .nse-bse-indices .stock-indices a.accordion-header::after,
.nse-bse-indices .stock-indices .mf-details a.accordion-header::after {
    content: "";
    font-family: "Font Awesome 5 Free"
}

.mf-details .accordion-content {
    display: none
}

.mf-details .total-portfolio {
    position: sticky;
    top: 40px;
    z-index: 1;
    text-align: -webkit-center
}

.mf-details .lock {
    width: 50px !important
}

.mf-details #recovery_chart,
.mf-details #drawdown_chart {
    height: 245px !important;
    width: 580px !important
}

.mf-details #rollingdiv .active,
.mf-details #rollingdiv .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .mf-details #rollingdiv a {
    background: #f8f9fa;
    color: #1eaf6d;
    font-weight: bold
}

.mf-details #rollingdiv .year,
.mf-details .month,
.mf-details .max {
    border: 1px solid #c1c1c1;
    padding: 2px 6px;
    margin: 2px;
    border-radius: 5px;
    cursor: pointer
}

.mf-details #alpha-chart {
    height: 255px !important
}

.mf-details #rolling_chart,
.mf-details #nav_chart {
    height: 345px !important
}

.mf-details .table-container {
    border-collapse: collapse;
    font-size: 1rem;
    width: auto;
    margin: 0 auto
}

.mf-details .table-row .header {
    font-weight: 700
}

.mf-details .table-header {
    background-color: #f6f8f8;
    font-weight: 700;
    z-index: 2
}

.mf-details .table-cell {
    display: table-cell;
    padding: 6px 12px;
    border: 1px solid #ddd !important;
    color: #3e4248;
    text-align: center
}

.mf-details .table .last .table-cell {
    border-bottom: 1px solid #ddd
}

.mf-details .fund-tabs .nav-pills a {
    background: #fff;
    text-decoration: none;
    color: #245049;
    padding: 6px 10px;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid #245049
}

.mf-details .fund-tabs .nav-pills .active,
.mf-details .fund-tabs .nav-pills .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .mf-details .fund-tabs .nav-pills a {
    font-weight: 400;
    background: #245049;
    color: #fff
}

.mf-details .fund-tabs th,
.mf-details .fund-tabs td {
    font-size: 1rem
}

.mf-details .fund-tabs .qualityGrid tr td {
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle
}

.mf-details .fund-tabs .qualityGrid tr td.bordered {
    position: relative;
    border: 1px solid #c4c4c4
}

.mf-details .fund-tabs .qualityGrid tr td.bordered.red .fund {
    color: #ee1c24
}

.mf-details .fund-tabs .qualityGrid tr td.bordered.orange .fund {
    color: #ef7f1a
}

.mf-details .fund-tabs .qualityGrid tr td.bordered.green .fund,
.mf-details .fund-tabs .qualityGrid tr .mutual-fund td.bordered.orange .fund,
.mutual-fund .mf-details .fund-tabs .qualityGrid tr td.bordered.orange .fund,
.mf-details .fund-tabs .qualityGrid tr .mutual-fund td.bordered.red .fund,
.mutual-fund .mf-details .fund-tabs .qualityGrid tr td.bordered.red .fund,
.mf-details .fund-tabs .qualityGrid tr .mutual-fund td.bordered.grey .fund,
.mutual-fund .mf-details .fund-tabs .qualityGrid tr td.bordered.grey .fund {
    color: #00b050
}

.mf-details .fund-tabs .peer-comparison th,
.mf-details .fund-tabs .peer-comparison td {
    padding: 6px
}

.mf-details .fund-tabs .peer-comparison .decizen-orange,
.mf-details .fund-tabs .peer-comparison .watchlist #watchlist-search .decizen-red,
.watchlist #watchlist-search .mf-details .fund-tabs .peer-comparison .decizen-red,
.mf-details .fund-tabs .peer-comparison .watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .mf-details .fund-tabs .peer-comparison .decizen-green,
.mf-details .fund-tabs .peer-comparison .decizen-red,
.mf-details .fund-tabs .peer-comparison .decizen-,
.mf-details .fund-tabs .peer-comparison .decizen-green,
.mf-details .fund-tabs .peer-comparison .decizen-gray,
.mf-details .fund-tabs .peer-comparison .decizen-yellow,
.mf-details .fund-tabs .peer-comparison .decizen-false,
.mf-details .fund-tabs .peer-comparison .decizen-grey,
.mf-details .fund-tabs .peer-comparison .decizen-na {
    line-height: 2.2;
    width: 25px;
    height: 25px
}

.mf-details .fund-tabs .decision-maker-section .card-title {
    font-size: 16px;
    line-height: 8px;
    font-weight: bold
}

.mf-details .fund-tabs .decision-maker-section .very-good {
    width: 100px !important
}

.mf-details .fund-tabs .decision-maker-section .progress {
    height: 12px
}

.mf-details .fund-tabs .decision-maker-section .progress-dp span.right-price-data,
.mf-details .fund-tabs .decision-maker-section .progress-mos span.right-price-data,
.mf-details .fund-tabs .decision-maker-section .progress-mrp span.right-price-data {
    top: 18px;
    width: max-content
}

.mf-details .fund-tabs .decision-maker-section .btm-txt {
    bottom: 5px !important;
    position: absolute;
    right: auto
}

.mf-details .fund-tabs .faq-table tr,
.mf-details .fund-tabs .faq-table th,
.mf-details .fund-tabs .faq-table td {
    font-size: 1.1rem;
    padding: 8px
}

.mf-details .comp-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    min-width: 220px;
    max-width: 221px
}

.mf-details #running_risk_popup_loding {
    right: auto;
    background: #fff none repeat scroll 0 0;
    font-size: 20px;
    height: 100%;
    left: 0;
    opacity: .9;
    padding-top: 15%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000
}

.mf-details .decisionMakerContainer .decisionMaker div {
    min-height: 15px
}

.mf-details .decisionMaker .fund {
    position: absolute;
    border: 1px solid #ccc;
    padding: 2px 0;
    line-height: 1.1;
    border-radius: 5px;
    width: 65px;
    font-size: 11px;
    background: #fff;
    color: #000;
    text-align: center
}

.mf-details .decisionMaker .fund .value {
    color: #000;
    font-size: 11px
}

.mf-details .decisionMaker .fund .arrwo {
    position: absolute;
    display: block;
    height: 8px;
    width: 1px;
    bottom: -4px;
    left: 41%
}

.mf-details .decisionMaker .dm-scale {
    position: absolute;
    display: block;
    width: 222px;
    height: 20px;
    background: url("/images/mutual-funds/dm-scale.png") 0 0 no-repeat;
    top: 40px
}

.mf-details .decisionMaker .firstvalue {
    position: absolute;
    border: 1px solid #bdbdba;
    padding: 2px 0;
    width: 70px;
    font-size: 11px;
    background: #fff;
    color: #000;
    text-align: center;
    top: 62px;
    left: 43px
}

.mf-details .decisionMaker .valueTitle {
    color: #093d72
}

.mf-details .decisionMaker .secondvalue {
    position: absolute;
    border: 1px solid #bdbdba;
    padding: 2px 0;
    width: 70px;
    font-size: 11px;
    background: #fff;
    color: #000;
    text-align: center;
    top: 62px;
    left: 158px
}

.mf-details .content {
    max-width: 97.2%;
    margin-left: 15px;
    margin-top: 5px
}

.mf-details #portfolio-quality .nav-pills a {
    border: none;
    border-bottom: 2px solid #245049;
    margin: 3px 10px
}

.mf-details #portfolio-quality .nav-pills .active,
.mf-details #portfolio-quality .nav-pills .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .mf-details #portfolio-quality .nav-pills a {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, .17);
    color: #132a26 !important;
    background-color: #f6f8f8 !important
}

.mf-details .colorBox {
    min-width: 10px
}

@media only screen and (max-width: 1024px) {
    .mf-details .mf-card .fund-data {
        min-width: auto
    }
    .mf-details .decision-card-row {
        max-width: 992px
    }
}

@media only screen and (max-width: 768px) {
    .mf-details .direct-regular {
        width: 25%
    }
    .mf-details .mob-sticky-btn {
        text-align-last: center
    }
    .mf-details .total-portfolio {
        top: 0px
    }
    .mf-details .accordion-item {
        min-width: initial
    }
    .mf-details .performance-summary .table-head:first-child,
    .mf-details .performance-summary .table-cell:first-child,
    .mf-details .top-10-holdings .table-head:first-child,
    .mf-details .top-10-holdings .table-cell:first-child,
    .mf-details .fund-overview .table-head:first-child,
    .mf-details .fund-overview .table-cell:first-child,
    .mf-details .peer-comparison .table-head:first-child,
    .mf-details .peer-comparison .table-cell:first-child {
        background: #fff;
        min-width: 185px;
        max-width: 186px;
        position: sticky
    }
    .mf-details .upsideAndDownsideCaptureRatio .table-head:first-child,
    .mf-details .upsideAndDownsideCaptureRatio .table-cell:first-child {
        background: #fff;
        left: 0;
        position: sticky
    }
    .mf-details .mf-card {
        padding: 8px 5px
    }
    .mf-details .mf-card .fund-data {
        padding: 3px 1px !important;
        min-width: 240px !important
    }
    .mf-details .mf-card #radioContainer {
        position: relative
    }
    .mf-details .mf-card #recovery_chart,
    .mf-details .mf-card #drawdown_chart {
        width: -webkit-fill-available !important
    }
    .mf-details .mf-details-heading {
        margin-left: 0px
    }
}

@media only screen and (max-width: 575px) {
    .mf-details #show-all {
        width: 20% !important
    }
    .mf-details .stocks .accordion-header {
        min-width: 564px;
        max-width: 565px
    }
    .mf-details .font-10 {
        font-size: 10px !important
    }
    .mf-details .accordion-header::before {
        content: "";
        font-weight: bold;
        margin-left: 1px;
        margin-right: 5px;
        font-size: 12px;
        color: #565656;
        font-family: "Font Awesome 5 Free"
    }
    .mf-details .accordion-header.active::before,
    .mf-details .nse-bse-indices .stock-indices a.accordion-header::before,
    .nse-bse-indices .stock-indices .mf-details a.accordion-header::before {
        content: "";
        font-family: "Font Awesome 5 Free"
    }
    .mf-details .accordion-header::after {
        content: ""
    }
    .mf-details .fund-overview .table-cell:first-child {
        min-width: 155px;
        max-width: 156px
    }
    .mf-details .heading-stocks {
        min-width: 145px !important;
        max-width: 146px !important;
        position: sticky;
        left: 5px
    }
    .mf-details .allocation-of-portfolio,
    .mf-details .heading-qty,
    .mf-details .heading-cmp {
        min-width: 95px !important
    }
    .mf-details .market-value {
        text-align: right !important
    }
    .mf-details #sector-holding-chart {
        width: 370px !important
    }
    .mf-details .comp-name {
        min-width: 148px;
        max-width: 166px
    }
    .mf-details .right-allo-link {
        left: 106px !important
    }
    .mf-details #nav-chart1 {
        height: -webkit-fill-available !important;
        width: max-content !important
    }
    .mf-details #holdings-chart {
        height: 300px !important;
        width: auto !important
    }
    .mf-details #alpha-chart,
    .mf-details #rolling_chart {
        width: auto !important
    }
    .mf-details .accordion {
        min-width: 413px
    }
    .mf-details .accordion-item {
        min-width: 536px
    }
    .mf-details #portfolio-quality .nav-pills a {
        margin: 0
    }
    .mf-details #portfolio-quality .nav-pills .font-13rem {
        font-size: 1rem
    }
    .mf-details .total-portfolio {
        position: initial
    }
    .mf-details .total-portfolio a,
    .mf-details .total-portfolio .table-cell {
        min-width: 106px !important
    }
    .mf-details .total-portfolio a span,
    .mf-details .total-portfolio .table-cell span {
        font-size: 1rem
    }
    .mf-details .total-portfolio a:first-child,
    .mf-details .total-portfolio .table-cell:first-child {
        position: sticky;
        left: 0;
        min-width: 156px !important;
        max-width: 156px !important
    }
    .mf-details .stocks .table-cell,
    .mf-details .debt .table-cell,
    .mf-details .others .table-cell {
        padding: 4px 7px
    }
    .mf-details .stocks .table-cell:first-child,
    .mf-details .debt .table-cell:first-child,
    .mf-details .others .table-cell:first-child {
        min-width: 139px !important;
        max-width: 140px !important
    }
    .mf-details .stocks .table-head,
    .mf-details .debt .table-head,
    .mf-details .others .table-head {
        padding: 4px 7px
    }
    .mf-details .mf-row .fund-data {
        min-width: 229px !important
    }
}

@media only screen and (max-width: 500px) {
    .mf-details .mf-row .assets {
        min-width: 135px !important
    }
    .mf-details .mf-card .expense,
    .mf-details .mf-card .category,
    .mf-details .mf-card .underlying-asset-quality {
        border-right: none !important
    }
    .mf-details .mf-card .fund-data {
        border-right: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        min-width: 191px !important;
        max-width: 191px
    }
    .mf-details .fund-tabs .nav-pills a {
        padding: 6px 8px;
        font-size: 1rem
    }
}

@media only screen and (max-width: 425px) {
    .mf-details .heading-stocks {
        min-width: 110px !important;
        max-width: 110px !important
    }
    .mf-details .mf-card .fund-data {
        min-width: 185px !important
    }
}

@media only screen and (max-width: 411px) {
    .mf-details .mf-card .fund-data {
        min-width: 171px !important
    }
    .mf-details .mf-card #radar-chart {
        margin-left: -30px
    }
    .mf-details .mf-card .category div {
        min-width: 100px;
        max-width: 160px;
        width: 100%
    }
}

@media only screen and (max-width: 375px) {
    .mf-details #show-all {
        width: 30% !important
    }
    .mf-details .right-allo-link {
        left: 82px !important
    }
    .mf-details .accordion-item {
        min-width: 541px
    }
    .mf-details .mf-card .fund-data {
        min-width: 166px !important
    }
    .mf-details .mf-card .decisionMakerContainer {
        margin-left: -20px
    }
    .mf-details .mf-card .chartjs-render-monitor {
        padding-bottom: 0px !important
    }
    .mf-details .mf-card .mf-charts {
        padding-bottom: 3rem !important
    }
}

@media only screen and (max-width: 375px) {
    .mf-details .total-portfolio .table-cell {
        min-width: 105px !important
    }
    .mf-details .mf-card .fund-data {
        min-width: 155px !important
    }
    .mf-details .mf-card .category-link {
        max-width: 158px
    }
}

@media only screen and (max-width: 373px) {
    .mf-details .mf-card .expense,
    .mf-details .mf-card .category,
    .mf-details .mf-card .underlying-asset-quality,
    .mf-details .mf-card .aum,
    .mf-details .mf-card .turnover,
    .mf-details .mf-card .benchmark,
    .mf-details .mf-card .underlying-asset-quality {
        border-right: none
    }
    .mf-details .mf-card .fund-data {
        min-width: 100% !important
    }
    .mf-details .mf-card .decisionMakerContainer {
        margin-left: -40px
    }
    .mf-details .mf-card .mf-charts {
        padding-bottom: 5rem !important
    }
    .mf-details .fund-tabs .nav-pills a {
        padding: 6px 6px;
        font-size: 10px
    }
}

@media only screen and (max-width: 320px) {
    .mf-details .category div {
        min-width: inherit !important
    }
    .mf-details .right-allo-link {
        left: 58px !important
    }
    .mf-details .accordion-item {
        min-width: 540px
    }
}

.page-wrapper .sidebar-wrapper {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-wrapper .page-content {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    overflow-x: hidden
}

.page-wrapper .page-content>div {
    padding: 20px
}

.page-wrapper .page-content .btn-read-next {
    padding: 5px 20px;
    border-radius: 2px;
    font-size: 1.1rem
}

.page-wrapper .page-content .conversation-box {
    border-radius: 5px;
    max-width: 800px;
    padding: 10px;
    margin-bottom: 20px;
    background: #a9a9eb;
    background: -moz-linear-gradient(318deg, rgb(169, 169, 235) 0%, rgb(191, 242, 244) 100%);
    background: -webkit-linear-gradient(318deg, rgb(169, 169, 235) 0%, rgb(191, 242, 244) 100%);
    background: linear-gradient(318deg, rgb(169, 169, 235) 0%, rgb(191, 242, 244) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a9a9eb", endColorstr="#bff2f4", GradientType=1)
}

.page-wrapper .page-content .conversation-box p {
    font-size: 1.3rem;
    margin-bottom: 5px
}

.page-wrapper .page-content .munna-bhai-conversation {
    border-radius: 5px;
    max-width: 500px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 20px;
    background: #eefbf0
}

.page-wrapper .page-content .munna-bhai-conversation p {
    display: flex;
    align-items: center;
    padding: 5px
}

.page-wrapper .page-content .munna-bhai-conversation p span {
    background: #cde8dc;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0px 5px 9px #c0b5b5
}

.page-wrapper .page-content .munna-bhai-conversation p span::before {
    content: "";
    position: absolute;
    border: 0 solid rgba(0, 0, 0, 0);
    border: 10px solid rgba(0, 0, 0, 0);
    border-top-color: #cde8dc;
    border-radius: 0px 0 0 0;
    width: 12px;
    height: 12px;
    margin-left: -19px
}

.page-wrapper .page-content .munna-bhai-conversation p img {
    min-width: 50px;
    max-width: 50px;
    margin: 0 10px
}

.page-wrapper .page-content .munna-bhai-conversation p.munna-chat {
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.page-wrapper .page-content .munna-bhai-conversation p.munna-chat span {
    background: #faebd7;
    padding: 5px 10px;
    border-radius: 10px
}

.page-wrapper .page-content .munna-bhai-conversation p.munna-chat span::after {
    content: "";
    position: absolute;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top-color: #faebd7;
    border-radius: 0px 0 0 0;
    width: 12px;
    height: 12px
}

.page-wrapper .page-content .munna-bhai-conversation p.munna-chat span::before {
    content: none
}

.page-wrapper .page-content .munna-bhai-conversation p.munna-chat img {
    order: 12
}

.page-wrapper .page-content table td p {
    margin-bottom: 0px
}

.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px
}

.page-wrapper .theme.chiller-theme {
    background: #e6e6f9
}

.sidebar-wrapper {
    width: 370px;
    height: 75vh;
    max-height: 100%;
    position: fixed;
    left: -395px;
    z-index: 9;
    background: #fff;
    font-family: calibri, sans-serif !important;
    font-size: 14px
}

.sidebar-wrapper .sidebar-brand {
    padding: 10px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    background: #73dd82;
    z-index: 1;
    line-height: 20px
}

.sidebar-wrapper .sidebar-brand>a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1
}

.sidebar-wrapper #close-sidebar {
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    left: 370px;
    background: #3f3f72;
    padding: 0px 5px;
    border-radius: 0 5px 5px 0
}

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px
}

.sidebar-wrapper .sidebar-menu ul li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 2px 5px 2px 5px;
    font-size: 13.75px;
    line-height: 16px
}

.sidebar-wrapper .sidebar-menu ul li i.fas.fa-square.px-1 {
    opacity: .3
}

.sidebar-wrapper .sidebar-menu ul li i.fa-check-square.checked {
    color: #73dd82 !important
}

.sidebar-wrapper .sidebar-menu ul .progress-bar {
    color: #3f3f72;
    text-align: center;
    white-space: nowrap;
    background-color: #1eaf6d;
    transition: width .6s ease;
    font-size: 11.25px;
    font-weight: bold
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu .border {
    border: 1px solid #6b6b6b !important
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sidebar-wrapper a {
    text-decoration: none
}

.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden
}

#show-sidebar {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: fixed;
    left: 0;
    top: 150px;
    border-radius: 0 4px 4px 0px;
    padding: 8px 10px;
    transition-delay: .3s;
    font-family: calibri, sans-serif !important;
    z-index: 1
}

#close-sidebar {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px
}

.page-wrapper.toggled #show-sidebar {
    left: -40px
}

.sidebar-content {
    max-height: calc(100% - 10px);
    height: calc(100% - 10px);
    overflow-y: auto;
    position: relative
}

.sidebar-content.desktop {
    overflow-y: hidden
}

.chiller-theme .sidebar-wrapper .sidebar-header {
    border-top: 1px solid #3a3f48
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info {
    color: #b8bfce
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role {
    color: #fff
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status {
    color: #fff
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li {
    color: #000
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
    color: #000;
    text-indent: -20px;
    padding-left: 25px
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a {
    background: #000;
    background: -moz-linear-gradient(225deg, rgb(0, 0, 0) 0%, rgb(208, 250, 206) 0%, rgba(233, 250, 212, 0.9192051821) 100%);
    background: -webkit-linear-gradient(225deg, rgb(0, 0, 0) 0%, rgb(208, 250, 206) 0%, rgba(233, 250, 212, 0.9192051821) 100%);
    background: linear-gradient(225deg, rgb(0, 0, 0) 0%, rgb(208, 250, 206) 0%, rgba(233, 250, 212, 0.9192051821) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#e9fad4", GradientType=1)
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li.no-textIndent a {
    text-indent: 0px;
    padding-left: 0px
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li.heading.toggled-li .fa-chevron-down {
    transform: rotate(180deg) !important
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li.heading.toggled-li.collapsed .fa-chevron-down {
    transform: rotate(0deg) !important
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .nse-bse-indices .stock-indices a.sidebar-dropdown>a,
.nse-bse-indices .stock-indices .chiller-theme .sidebar-wrapper .sidebar-menu a.sidebar-dropdown>a {
    color: #b8bfce
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .nse-bse-indices .stock-indices a.sidebar-dropdown a i,
.nse-bse-indices .stock-indices .chiller-theme .sidebar-wrapper .sidebar-menu a.sidebar-dropdown a i {
    color: #16c7ff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, .5)
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div {
    background: #3a3f48
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88
}

.chiller-theme .sidebar-wrapper .sidebar-brand>a {
    color: #fff
}

.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover {
    color: #b8bfce
}

.chiller-theme .sidebar-wrapper ul li:hover a i {
    color: #16c7ff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, .5)
}

.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before {
    color: #16c7ff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, .5)
}

.chiller-theme .sidebar-content::-webkit-scrollbar {
    width: 5px;
    height: 7px
}

.chiller-theme .sidebar-content::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

.chiller-theme .sidebar-content::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #fff;
    border-radius: 0px
}

.chiller-theme .sidebar-content::-webkit-scrollbar-thumb:hover {
    background: #525965
}

.chiller-theme .sidebar-content::-webkit-scrollbar-thumb:active {
    background: #525965
}

.chiller-theme .sidebar-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border: 0px none #fff;
    border-radius: 50px
}

.chiller-theme .sidebar-content::-webkit-scrollbar-track:hover {
    background: rgba(0, 0, 0, 0)
}

.chiller-theme .sidebar-content::-webkit-scrollbar-track:active {
    background: rgba(0, 0, 0, 0)
}

.chiller-theme .sidebar-content::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #fff
}

.progress {
    width: -webkit-fill-available;
    background: rgba(233, 236, 239, .3098039216)
}

.comment-section .rounded-circle {
    max-width: 50px
}

.mob-screenshot {
    max-width: 350px;
    height: 500px;
    overflow-y: scroll;
    margin: 0 auto;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 1px 1px 6px rgba(116, 108, 108, .6)
}

.mob-screenshot img {
    width: 100%;
    overflow-y: scroll;
    overflow-y: hidden;
    position: relative
}

.mob-screenshot::-webkit-scrollbar {
    width: 5px;
    height: 7px
}

.mob-screenshot::-webkit-scrollbar-button {
    width: 0px;
    height: 0px
}

.mob-screenshot::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #fff;
    border-radius: 0px
}

.mob-screenshot::-webkit-scrollbar-thumb:hover {
    background: #525965
}

.mob-screenshot::-webkit-scrollbar-thumb:active {
    background: #525965
}

.mob-screenshot::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border: 0px none #fff;
    border-radius: 50px
}

.mob-screenshot::-webkit-scrollbar-track:hover {
    background: rgba(0, 0, 0, 0)
}

.mob-screenshot::-webkit-scrollbar-track:active {
    background: rgba(0, 0, 0, 0)
}

.mob-screenshot::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 340px;
        padding-right: 50px
    }
}

@media screen and (max-width: 768px) {
    #show-sidebar {
        top: 120px !important
    }
}

.responsive-sidenav {
    width: 315px;
    height: 95vh;
    max-height: 100%;
    position: fixed;
    left: -335px;
    z-index: 9;
    background: #fff;
    font-family: calibri, sans-serif !important;
    font-size: 14px;
    top: 60px;
    overflow-y: scroll;
    transition: all .3s ease
}

.responsive-sidenav #show-sidebar {
    top: 150px !important
}

.responsive-sidenav #close-sidebar {
    right: 5px;
    top: 2px;
    position: absolute;
    background: green;
    color: #fff;
    padding: 1px 5px;
    border-radius: 2px
}

.responsive-sidenav.toggled {
    left: 0
}

.payment-card {
    box-shadow: rgba(0, 27, 104, .15) 0px 3px 20px 0px;
    padding: 10px 20px;
    border-radius: 10px;
    border: 0
}

.payment-card .alert-msg {
    color: #3f3f72;
    background-color: #f0f3fb;
    border-color: #e1e1ff
}

.payment-card .verified-right {
    background: url(/images/verified-right.png) no-repeat;
    width: 16px;
    height: 16px;
    margin: 9px 5px 0px 0px;
    float: left
}

.payment-card #success-fail-icon-span-id .verified {
    font-size: 1.1rem;
    padding: 5px
}

.payment-card .nav-item {
    margin: 0px 10px !important
}

.payment-card .checkmark-icon {
    background-position: -282px -55px
}

.payment-card .make-payment-sprite {
    background-image: url(/images/payment/make-payment/make-payment-sprite-v3.png)
}

.payment-card .online-payment-1 .form-list .label {
    float: left;
    width: 30%
}

.payment-card .online-payment-1 .form-list {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.payment-card .online-payment-1 .form-list input,
.payment-card .online-payment-1 .form-list .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .payment-card .online-payment-1 .form-list textarea.input-textarea,
.payment-card .online-payment-1 .form-list .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .payment-card .online-payment-1 .form-list textarea.input-textarea,
.payment-card textarea,
.payment-card select {
    padding: 3px;
    width: 196px
}

.portfolio-manager {
    background-color: #fff !important
}

.portfolio-manager .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px
}

.portfolio-manager .list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-top: 0px
}

.portfolio-manager .list li {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    vertical-align: middle
}

.portfolio-manager .list li a {
    background: #1eaf6d;
    color: #fff;
    margin: 0px 2px;
    padding: 3px 10px;
    font-size: 1.1rem
}

.portfolio-manager .list li a:hover {
    border: 1px solid #1eaf6d
}

.portfolio-manager .list .active,
.portfolio-manager .list .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .portfolio-manager .list a {
    background: #fff;
    border: 1px solid #1eaf6d;
    color: #1eaf6d
}

.portfolio-manager .scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: .8px 5px;
    white-space: no-wrap;
    font-size: 1.35rem;
    vertical-align: middle
}

.portfolio-manager .scroller-right {
    float: right;
    background: #adadad;
    border: 1px solid gray
}

.portfolio-manager .scroller-left {
    float: left;
    background: #adadad;
    border: 1px solid gray
}

.portfolio-manager .transaction .accordion-header::after {
    content: " " !important
}

.portfolio-manager div.accordion-body {
    padding-right: 0 !important
}

.portfolio-manager .fund-tabs .nav-pills a {
    padding: 6px 25px;
    font-size: 1.15rem;
    font-weight: 400
}

.portfolio-manager .accordion-header {
    justify-content: space-between
}

.portfolio-manager .accordion-header.active::before,
.portfolio-manager .nse-bse-indices .stock-indices a.accordion-header::before,
.nse-bse-indices .stock-indices .portfolio-manager a.accordion-header::before {
    content: none
}

.portfolio-manager .accordion-header .heading-stocks {
    min-width: 237px
}

.portfolio-manager .accordion-header .allocation-from-direct-stocks,
.portfolio-manager .accordion-header .allocation-from-mf {
    min-width: 180px
}

.portfolio-manager .accordion-header .decizen {
    min-width: 171px
}

.portfolio-manager .accordion-header .market-value {
    min-width: 152px
}

.portfolio-manager .total-portfolio .table-cell {
    min-width: 176px
}

.portfolio-manager .stocks .table-cell {
    min-width: 127px
}

.portfolio-manager #stocks .table-cell,
.portfolio-manager #equity-mf .table-cell,
.portfolio-manager #debt .table-cell,
.portfolio-manager #manage-all-risk .table-cell {
    min-width: 127px
}

.portfolio-manager #stocks .table-cell:first-child,
.portfolio-manager #equity-mf .table-cell:first-child,
.portfolio-manager #debt .table-cell:first-child,
.portfolio-manager #manage-all-risk .table-cell:first-child {
    min-width: 215px !important
}

.portfolio-manager #stocks .accordion-header .heading-stocks,
.portfolio-manager #equity-mf .accordion-header .heading-stocks,
.portfolio-manager #debt .accordion-header .heading-stocks,
.portfolio-manager #manage-all-risk .accordion-header .heading-stocks {
    min-width: 205px
}

.portfolio-manager #stocks .decizen,
.portfolio-manager #stocks .allocation-of-portfolio,
.portfolio-manager #stocks .allocation-from-direct-stocks,
.portfolio-manager #stocks .allocation-from-mf,
.portfolio-manager #stocks .market-value,
.portfolio-manager #equity-mf .decizen,
.portfolio-manager #equity-mf .allocation-of-portfolio,
.portfolio-manager #equity-mf .allocation-from-direct-stocks,
.portfolio-manager #equity-mf .allocation-from-mf,
.portfolio-manager #equity-mf .market-value,
.portfolio-manager #debt .decizen,
.portfolio-manager #debt .allocation-of-portfolio,
.portfolio-manager #debt .allocation-from-direct-stocks,
.portfolio-manager #debt .allocation-from-mf,
.portfolio-manager #debt .market-value,
.portfolio-manager #manage-all-risk .decizen,
.portfolio-manager #manage-all-risk .allocation-of-portfolio,
.portfolio-manager #manage-all-risk .allocation-from-direct-stocks,
.portfolio-manager #manage-all-risk .allocation-from-mf,
.portfolio-manager #manage-all-risk .market-value {
    min-width: 127px
}

.portfolio-manager #stocks .set-alert,
.portfolio-manager #equity-mf .set-alert,
.portfolio-manager #debt .set-alert,
.portfolio-manager #manage-all-risk .set-alert {
    min-width: 50px;
    margin-left: -25px
}

.portfolio-manager #equity-mf .table-cell:first-child {
    min-width: 235px !important
}

.portfolio-manager #debt .table-cell {
    min-width: 130px
}

.portfolio-manager .decizen-green,
.portfolio-manager .decizen-red,
.portfolio-manager .decizen-orange,
.portfolio-manager .watchlist #watchlist-search .decizen-red,
.watchlist #watchlist-search .portfolio-manager .decizen-red,
.portfolio-manager .watchlist #watchlist-search .decizen-green,
.watchlist #watchlist-search .portfolio-manager .decizen-green {
    line-height: 1.9
}

.portfolio-manager .seven-circle-risk {
    background: #503c26 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    padding: 4px 6px;
    font-size: 10px;
    text-shadow: none;
    margin: 5px
}

.portfolio-manager #manage-all-risk .portfolio-allocation,
.portfolio-manager #transfer-to-omega-content .portfolio-allocation {
    min-width: 200px
}

.portfolio-manager #manage-all-risk .risks,
.portfolio-manager #transfer-to-omega-content .risks {
    min-width: 235px
}

.portfolio-manager #manage-all-risk .manage-under-omega,
.portfolio-manager #transfer-to-omega-content .manage-under-omega {
    min-width: 273px
}

.portfolio-manager #manage-all-risk .amount,
.portfolio-manager #transfer-to-omega-content .amount {
    min-width: 100px
}

.portfolio-manager #transactions-content .table-cell {
    min-width: 130px
}

.portfolio-manager #boughtlist-content .table-cell {
    min-width: 87px
}

.portfolio-manager #boughtlist-content .comp-name {
    min-width: 166px;
    max-width: 167px
}

.portfolio-manager #boughtlist-content .mf .comp-name {
    min-width: 252px !important;
    max-width: 255px;
    width: 19%
}

.portfolio-manager #boughtlist-content .mf .table-cell {
    min-width: 97px
}

.portfolio-manager .dropdown-menu.show {
    left: auto !important
}

.portfolio-manager #sub-accordian-content .accordion-header::after,
.portfolio-manager #sub-accordian-content .accordion-header::before {
    content: ""
}

@media only screen and (max-width: 1024px) {
    .portfolio-manager .portfolio-manager-tabs .nav {
        display: block
    }
    .portfolio-manager .portfolio-manager-tabs .nav-scrollable {
        overflow-x: auto;
        white-space: nowrap
    }
    .portfolio-manager .portfolio-manager-tabs .nav-scrollable .nav-items {
        display: inline-block
    }
}

@media only screen and (max-width: 768px) {
    .portfolio-manager #decision-maker-content ul {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap
    }
    .portfolio-manager .accordion-header .heading-stocks {
        position: sticky;
        left: 12px;
        background: #fff
    }
}

@media only screen and (max-width: 575px) {
    .portfolio-manager .accordion-header .decizen {
        min-width: 92px
    }
    .portfolio-manager .accordion-header .heading-stocks {
        left: 0px
    }
    .portfolio-manager .accordion-header .allocation-from-direct-stocks {
        min-width: 108px
    }
    .portfolio-manager .accordion-header .allocation-from-mf {
        min-width: 103px
    }
    .portfolio-manager .accordion-header .market-value {
        min-width: 76px
    }
    .portfolio-manager .accordion-header::after {
        content: ""
    }
    .portfolio-manager #stocks .heading-stocks {
        min-width: 188px !important;
        max-width: 190px !important
    }
    .portfolio-manager #stocks .decizen {
        min-width: 111px
    }
    .portfolio-manager #stocks .allocation-from-direct-stocks {
        min-width: 110px
    }
    .portfolio-manager #stocks .allocation-from-mf {
        min-width: 110px
    }
    .portfolio-manager #stocks .set-alert {
        min-width: 96px
    }
    .portfolio-manager .content {
        margin-left: 8px
    }
    .portfolio-manager #risk-summary .border-right {
        border-right: 0px !important;
        border-bottom: 1px solid #dee2e6
    }
}

@media only screen and (max-width: 425px) {
    .portfolio-manager .accordion-header .decizen {
        min-width: 93px
    }
    .portfolio-manager .accordion-header .allocation-of-portfolio {
        min-width: 98px !important
    }
    .portfolio-manager #debt .allocation-from-mf {
        min-width: 105px !important
    }
    .portfolio-manager #manage-all-risk .risks,
    .portfolio-manager #transfer-to-omega-content .risks {
        min-width: 235px !important
    }
    .portfolio-manager #transfer-to-omega-content .manage-under-omega {
        min-width: 273px !important
    }
    .portfolio-manager #transfer-to-omega-content .alert {
        z-index: -1
    }
    .portfolio-manager #transfer-to-omega-content .table-cell:first-child {
        min-width: 169px !important;
        max-width: 170px !important
    }
}

.portfolio-container #PM-main {
    min-height: 80vh;
    max-width: 1200px !important
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .companyRisk a,
.portfolio-container #PM-main .managerisksummrytable .theadbg .companyRisk a {
    color: #3e4248
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .companyRisk a:hover,
.portfolio-container #PM-main .managerisksummrytable .theadbg .companyRisk a:hover {
    color: #0056b3
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .amount_m,
.portfolio-container #PM-main .managerisksummrytable .theadbg .amount_m {
    text-align: right !important
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks a,
.portfolio-container #PM-main .managerisksummrytable .theadbg .risks a {
    color: #212529
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks .circle-no-risk-round,
.portfolio-container #PM-main .managerisksummrytable .theadbg .risks .circle-no-risk-round {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #fff;
    width: 20px !important;
    height: 20px !important;
    font-size: .8rem !important;
    line-height: 1.6rem !important;
    padding: 5px 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35)
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks .circle-risk-round,
.portfolio-container #PM-main .managerisksummrytable .theadbg .risks .circle-risk-round {
    background-color: #503c26;
    border: 1px solid #503c26;
    border-radius: 50%;
    color: #fff;
    width: 20px !important;
    height: 20px !important;
    font-size: .8rem !important;
    line-height: 1.6rem !important;
    padding: 5px 4px !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .35)
}

@media(max-width: 768px) {
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .risks {
        display: flex;
        align-items: center;
        gap: 1px;
        flex-wrap: wrap;
        padding-bottom: 8px
    }
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks .circle-no-risk-round,
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .risks .circle-risk-round,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .risks .circle-no-risk-round,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .risks .circle-risk-round {
        padding: 0px !important
    }
}

.portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none input,
.portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none input,
.portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea {
    width: 35% !important
}

@media(max-width: 768px) {
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none input,
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .portfolio-container #PM-main .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none input,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .portfolio-container #PM-main .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea {
        width: 90% !important
    }
}

.portfolio-container #PM-main .desk-nav {
    display: flex;
    flex-flow: nowrap;
    overflow-x: auto;
    padding-bottom: 6px
}

.portfolio-container #PM-main .desk-nav .nav-item {
    padding-bottom: 0rem !important
}

.portfolio-container #PM-main .desk-nav .nav-item a.nav-link {
    color: #363636;
    border: 1px solid rgba(0, 0, 0, 0);
    padding-bottom: 0px;
    min-width: max-content
}

.portfolio-container #PM-main .desk-nav .nav-item a.nav-link.active,
.portfolio-container #PM-main .desk-nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .portfolio-container #PM-main .desk-nav .nav-item a.nav-link {
    color: #132a26;
    font-weight: 600
}

.portfolio-container #PM-main .desk-nav .nav-item a.nav-link:hover {
    color: #132a26;
    font-weight: 600;
    border-bottom: 2px solid #b5964d
}

.portfolio-container #PM-main .desk-nav .nav-item img.menu-icon {
    max-width: 25px;
    margin-right: 10px;
    width: 25px
}

.portfolio-container #PM-main .nav-scroller {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .2) rgba(0, 0, 0, .1);
    margin-bottom: 1rem
}

.portfolio-container #PM-main .nav-scroller .nav {
    display: inline-flex
}

.portfolio-container #PM-main .nav-scroller .nav .nav-item {
    flex: 0 0 auto
}

.portfolio-container #PM-main .nav-scroller .nav::-webkit-scrollbar {
    height: 0
}

.portfolio-container #PM-main .nav-scroller .nav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.portfolio-container #PM-main .nav-scroller .nav::-webkit-scrollbar-thumb {
    background-color: #000
}

.portfolio-container #PM-main .nav-scroller .nav.scrollnav1::-webkit-scrollbar {
    height: 6px
}

.portfolio-container #PM-main .nav-scroller .nav.scrollnav1::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 20px
}

.portfolio-container #PM-main .nav-scroller .nav.scrollnav1::-webkit-scrollbar-thumb {
    background-color: #a1a0a0;
    border-radius: 20px
}

.portfolio-container #PM-main .nav-scroller::-webkit-scrollbar {
    height: 15px !important
}

.portfolio-container #PM-main .nav-scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px
}

.portfolio-container #PM-main .nav-scroller::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1)
}

.portfolio-container #PM-main ul.dropdown-menu {
    transform: translate3d(-75px, 43px, 0px)
}

.portfolio-container #PM-main ul.dropdown-menu li {
    padding-bottom: 0px
}

@media screen and (max-width: 728px) {
    .portfolio-container #PM-main .dropdown-toggle::after {
        display: contents
    }
    .portfolio-container #PM-main input.sellqty.editQty,
    .portfolio-container #PM-main .my-acc .formcon textarea.sellqty.editQty.input-textarea,
    .my-acc .formcon .portfolio-container #PM-main textarea.sellqty.editQty.input-textarea,
    .portfolio-container #PM-main .my-acc .form-group textarea.sellqty.editQty.input-textarea,
    .my-acc .form-group .portfolio-container #PM-main textarea.sellqty.editQty.input-textarea {
        width: -webkit-fill-available !important
    }
}

.portfolio-container .main h5.accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.portfolio-container .main h5.accordion-toggle::after {
    content: "";
    font-weight: bold;
    margin-left: 5px;
    font-size: 12px;
    color: #565656;
    font-family: "Font Awesome 5 Free"
}

.portfolio-container .main h5.accordion-toggle.active::after {
    transform: rotate(180deg)
}

.portfolio-container .main .tab-pane .navscro ul.scrollnavMulti li.nav-item a.nav-link {
    color: #545454 !important
}

.portfolio-container .main .tab-pane ul.nav.nav-tabs {
    height: unset !important;
    overflow: auto !important;
    flex-wrap: nowrap !important;
    border-bottom: none;
    padding: 4px 2px 3px
}

.portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item {
    min-width: fit-content;
    margin-bottom: 0px
}

.portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item a.nav-link {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 500;
    text-align: center;
    border: 1px solid #c7c7c7;
    color: #132a26;
    background: #fff;
    margin-right: 10px;
    min-width: 100px;
    padding: .45rem;
    border-radius: .25rem
}

.portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item a.nav-link.active,
.portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item a.nav-link {
    box-shadow: 0px 4px 4px #d3d3d3;
    background: #f6f8f8
}

.portfolio-container .main .tab-pane ul.nav.nav-tabs .nav-item a.nav-link:hover {
    box-shadow: 0px 4px 4px #d3d3d3;
    background: #e8f7f0
}

.portfolio-container .main .tab-pane .cagrDet {
    background: #f6f8f8;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 5px
}

.portfolio-container .main .tab-pane table.accordion-toggle {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    padding: 10px 5px;
    position: relative
}

.portfolio-container .main .tab-pane table.accordion-toggle.active i.fa.fa-chevron-down {
    transform: rotate(180deg)
}

.portfolio-container .main .tab-pane .table.table-condensed {
    margin-bottom: 0
}

.portfolio-container .main .tab-pane .table.table-condensed tr th {
    text-align: right;
    font-size: 1.1rem;
    font-weight: 600;
    width: 9%;
    padding: .5rem .75rem
}

.portfolio-container .main .tab-pane .table.table-condensed tr td {
    text-align: right;
    width: 9%;
    min-width: 70px;
    padding: .5rem
}

.portfolio-container .main .tab-pane .table.table-condensed tr th.srNo,
.portfolio-container .main .tab-pane .table.table-condensed tr td.srNo {
    width: 3.2%;
    text-align: center
}

.portfolio-container .main .tab-pane .table.table-condensed tr th.company,
.portfolio-container .main .tab-pane .table.table-condensed tr td.company {
    width: 35%;
    min-width: 135px;
    text-align: left
}

.portfolio-container .main .tab-pane .table.table-condensed tr td.company {
    font-size: 1rem
}

.portfolio-container .main .tab-pane .table.table-condensed tr th.allo,
.portfolio-container .main .tab-pane .table.table-condensed tr td.allo {
    width: 17%
}

.portfolio-container .main .tab-pane .table.table-condensed tr th.allolast,
.portfolio-container .main .tab-pane .table.table-condensed tr td.allolast {
    width: 12%
}

.portfolio-container .main .tab-pane .table.table-condensed tr .chosen-container-single .chosen-single span {
    text-align: left
}

.portfolio-container .main .tab-pane .table.table-condensed tr .chosen-container-single ul.chosen-results li {
    text-align: left;
    font-size: 1rem !important;
    padding: 3px 2px
}

.portfolio-container .main .tab-pane .table.table-condensed .companyNameCol,
.portfolio-container .main .tab-pane .table.table-condensed th.fundname,
.portfolio-container .main .tab-pane .table.table-condensed td.fundname {
    width: 25%;
    text-align: left
}

.portfolio-container .main .tab-pane #all-company-list-div-id {
    min-height: 50vh
}

.portfolio-container .main .tab-pane #alltransaction th.width95,
.portfolio-container .main .tab-pane #histalltransaction th.width95 {
    width: 95%;
    text-align: left
}

.portfolio-container .main .tab-pane #stockDummyTable th,
.portfolio-container .main .tab-pane #mfDummyTable th,
.portfolio-container .main .tab-pane #lqdDummyTable th {
    width: 90px !important;
    min-width: 90px;
    vertical-align: middle;
    background-color: #f8f9fa !important;
    padding: 10px 4px 10px 15px !important
}

.portfolio-container .main .tab-pane #stockDummyTable th:first-child,
.portfolio-container .main .tab-pane #mfDummyTable th:first-child,
.portfolio-container .main .tab-pane #lqdDummyTable th:first-child {
    width: 60px !important;
    min-width: 60px
}

.portfolio-container .main .tab-pane #stockDummyTable th:nth-child(2),
.portfolio-container .main .tab-pane #mfDummyTable th:nth-child(2),
.portfolio-container .main .tab-pane #lqdDummyTable th:nth-child(2) {
    width: 175px !important
}

.portfolio-container .main .tab-pane #totalporttab th {
    text-align: right;
    font-size: .9rem
}

.portfolio-container .main .tab-pane #totalporttab th.name {
    text-align: left;
    min-width: 105px
}

.portfolio-container .main .tab-pane #totalporttab th.totalport {
    min-width: 70px;
    height: 48px;
    padding-left: 0px;
    font-size: .9rem
}

.portfolio-container .main .tab-pane #totalporttab td {
    text-align: right;
    font-size: .9rem
}

.portfolio-container .main .tab-pane #totalporttab td.name {
    text-align: left;
    padding-left: 2px
}

.portfolio-container .main .tab-pane #totalporttab td .compNameWidth {
    min-width: 150px;
    text-align: left;
    padding-left: 3px
}

.portfolio-container .main .tab-pane #totalporttab td.mrktvalue {
    min-width: 100px
}

.portfolio-container .main .tab-pane #totalporttab .circle-gray-round,
.plan-pg .portfolio-container .main .tab-pane #totalporttab .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #totalporttab .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #totalporttab .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #totalporttab .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #totalporttab .na-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .plan-pg .na-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .circle-green-round,
.portfolio-container .main .tab-pane #totalporttab .plan-pg .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .plan-pg .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .circle-Green-round,
.portfolio-container .main .tab-pane #totalporttab .circle-red-round,
.portfolio-container .main .tab-pane #totalporttab .plan-pg .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .circle-Red-round,
.portfolio-container .main .tab-pane #totalporttab .circle-yellow-round,
.portfolio-container .main .tab-pane #totalporttab .plan-pg .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #totalporttab .circle-Yellow-round,
.portfolio-container .main .tab-pane #totalporttab .circle-orange-round,
.portfolio-container .main .tab-pane #totalporttab .circle-Orange-round {
    padding-top: 0px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 8px
}

.portfolio-container .main .tab-pane #stockstab th,
.portfolio-container .main .tab-pane #mftab th,
.portfolio-container .main .tab-pane #debtnftab th {
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
    text-align: right;
    font-size: 1rem;
    height: 35px
}

.portfolio-container .main .tab-pane #stockstab th.name,
.portfolio-container .main .tab-pane #mftab th.name,
.portfolio-container .main .tab-pane #debtnftab th.name {
    text-align: left;
    min-width: 105px
}

.portfolio-container .main .tab-pane #stockstab th.totalport,
.portfolio-container .main .tab-pane #mftab th.totalport,
.portfolio-container .main .tab-pane #debtnftab th.totalport {
    min-width: 70px;
    padding-left: 0px;
    padding-right: 5px;
    font-size: 1rem
}

.portfolio-container .main .tab-pane #stockstab td,
.portfolio-container .main .tab-pane #mftab td,
.portfolio-container .main .tab-pane #debtnftab td {
    text-align: right;
    font-size: 1rem
}

.portfolio-container .main .tab-pane #stockstab td.srNo,
.portfolio-container .main .tab-pane #mftab td.srNo,
.portfolio-container .main .tab-pane #debtnftab td.srNo {
    width: 11%
}

.portfolio-container .main .tab-pane #stockstab td.fundname,
.portfolio-container .main .tab-pane #mftab td.fundname,
.portfolio-container .main .tab-pane #debtnftab td.fundname {
    max-width: 150px !important
}

.portfolio-container .main .tab-pane #stockstab td.name,
.portfolio-container .main .tab-pane #mftab td.name,
.portfolio-container .main .tab-pane #debtnftab td.name {
    text-align: left;
    padding-left: 2px
}

.portfolio-container .main .tab-pane #stockstab td .compNameWidth,
.portfolio-container .main .tab-pane #mftab td .compNameWidth,
.portfolio-container .main .tab-pane #debtnftab td .compNameWidth {
    min-width: 150px;
    text-align: left;
    padding-left: 3px
}

.portfolio-container .main .tab-pane #stockstab td.mrktvalue,
.portfolio-container .main .tab-pane #mftab td.mrktvalue,
.portfolio-container .main .tab-pane #debtnftab td.mrktvalue {
    min-width: 100px
}

@media screen and (max-width: 320px) {
    .portfolio-container .main .tab-pane #stockstab td,
    .portfolio-container .main .tab-pane #mftab td,
    .portfolio-container .main .tab-pane #debtnftab td {
        font-size: .9rem
    }
    .portfolio-container .main .tab-pane #stockstab td .compNameWidth,
    .portfolio-container .main .tab-pane #mftab td .compNameWidth,
    .portfolio-container .main .tab-pane #debtnftab td .compNameWidth {
        min-width: 115px
    }
    .portfolio-container .main .tab-pane #stockstab td.mrktvalue,
    .portfolio-container .main .tab-pane #mftab td.mrktvalue,
    .portfolio-container .main .tab-pane #debtnftab td.mrktvalue {
        min-width: 70px
    }
}

.portfolio-container .main .tab-pane #stockstab .circle-gray-round,
.portfolio-container .main .tab-pane #stockstab .circle-green-round,
.portfolio-container .main .tab-pane #stockstab .circle-Green-round,
.portfolio-container .main .tab-pane #stockstab .circle-red-round,
.portfolio-container .main .tab-pane #stockstab .circle-Red-round,
.portfolio-container .main .tab-pane #stockstab .circle-yellow-round,
.portfolio-container .main .tab-pane #stockstab .circle-Yellow-round,
.portfolio-container .main .tab-pane #stockstab .circle-orange-round,
.portfolio-container .main .tab-pane #stockstab .circle-Orange-round,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .na-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .na-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .na-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .circle-green-round,
.portfolio-container .main .tab-pane #stockstab .circle-Green-round,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .circle-Green-round,
.portfolio-container .main .tab-pane #stockstab .circle-red-round,
.portfolio-container .main .tab-pane #stockstab .circle-Red-round,
.portfolio-container .main .tab-pane #stockstab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .circle-Red-round,
.portfolio-container .main .tab-pane #stockstab .circle-yellow-round,
.portfolio-container .main .tab-pane #stockstab .circle-Yellow-round,
.portfolio-container .main .tab-pane #stockstab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #stockstab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .plan-pg .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #stockstab .circle-Yellow-round,
.portfolio-container .main .tab-pane #stockstab .circle-orange-round,
.portfolio-container .main .tab-pane #stockstab .circle-Orange-round,
.portfolio-container .main .tab-pane #stockstab .circle-Orange-round,
.portfolio-container .main .tab-pane #mftab .circle-gray-round,
.portfolio-container .main .tab-pane #mftab .circle-green-round,
.portfolio-container .main .tab-pane #mftab .circle-Green-round,
.portfolio-container .main .tab-pane #mftab .circle-red-round,
.portfolio-container .main .tab-pane #mftab .circle-Red-round,
.portfolio-container .main .tab-pane #mftab .circle-yellow-round,
.portfolio-container .main .tab-pane #mftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #mftab .circle-orange-round,
.portfolio-container .main .tab-pane #mftab .circle-Orange-round,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .na-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .na-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .na-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .circle-green-round,
.portfolio-container .main .tab-pane #mftab .circle-Green-round,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .circle-Green-round,
.portfolio-container .main .tab-pane #mftab .circle-red-round,
.portfolio-container .main .tab-pane #mftab .circle-Red-round,
.portfolio-container .main .tab-pane #mftab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .circle-Red-round,
.portfolio-container .main .tab-pane #mftab .circle-yellow-round,
.portfolio-container .main .tab-pane #mftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #mftab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #mftab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .plan-pg .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #mftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #mftab .circle-orange-round,
.portfolio-container .main .tab-pane #mftab .circle-Orange-round,
.portfolio-container .main .tab-pane #mftab .circle-Orange-round,
.portfolio-container .main .tab-pane #debtnftab .circle-gray-round,
.portfolio-container .main .tab-pane #debtnftab .circle-green-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Green-round,
.portfolio-container .main .tab-pane #debtnftab .circle-red-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Red-round,
.portfolio-container .main .tab-pane #debtnftab .circle-yellow-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #debtnftab .circle-orange-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Orange-round,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .na-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .na-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .na-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .circle-green-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Green-round,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-goldstar-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-goldstar-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .very-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .circle-Green-round,
.portfolio-container .main .tab-pane #debtnftab .circle-red-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Red-round,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .not-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .not-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .circle-Red-round,
.portfolio-container .main .tab-pane #debtnftab .circle-yellow-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .somewhat-good-icon-right-stocks,
.plan-pg .portfolio-container .main .tab-pane #debtnftab .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .plan-pg .somewhat-good-icon-right-stocks,
.portfolio-container .main .tab-pane #debtnftab .circle-Yellow-round,
.portfolio-container .main .tab-pane #debtnftab .circle-orange-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Orange-round,
.portfolio-container .main .tab-pane #debtnftab .circle-Orange-round {
    padding-top: 0px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 8px
}

.portfolio-container .main .tab-pane .triangle-topleft {
    position: relative;
    float: left
}

.portfolio-container .main .tab-pane input[type=radio],
.portfolio-container .main .tab-pane .my-acc .formcon textarea[type=radio].input-textarea,
.my-acc .formcon .portfolio-container .main .tab-pane textarea[type=radio].input-textarea,
.portfolio-container .main .tab-pane .my-acc .form-group textarea[type=radio].input-textarea,
.my-acc .form-group .portfolio-container .main .tab-pane textarea[type=radio].input-textarea {
    height: 1rem !important
}

@media screen and (max-width: 600px) {
    .portfolio-container .main .tab-pane ul.nav.scrollnavMulti {
        height: unset !important
    }
}

@media screen and (max-width: 320px) {
    .portfolio-container .main .tab-pane #totalporttab th.name {
        min-width: 80px
    }
    .portfolio-container .main .tab-pane #totalporttab td .compNameWidth {
        min-width: 100px
    }
}

.portfolio-container .main table.tablesorter td.stick {
    background: rgba(255, 255, 255, .9803921569) !important;
    border-bottom: 1px solid #efefef !important
}

.portfolio-container .main #stockDummyTableMob th.tablesorter-header,
.portfolio-container .main #mfDummyTableMob th.tablesorter-header,
.portfolio-container .main #lqdDummyTableMob th.tablesorter-header {
    padding: 10px 5px 10px 15px !important;
    min-width: 98px;
    font-size: 1rem;
    text-align: right;
    vertical-align: middle
}

.portfolio-container .main #stockDummyTableMob th.amount,
.portfolio-container .main #stockDummyTableMob td.amount,
.portfolio-container .main #mfDummyTableMob th.amount,
.portfolio-container .main #mfDummyTableMob td.amount,
.portfolio-container .main #lqdDummyTableMob th.amount,
.portfolio-container .main #lqdDummyTableMob td.amount {
    text-align: right
}

.portfolio-container .main #lqdDummyTableMob th {
    background-color: #f3f3f3;
    vertical-align: middle
}

@media screen and (max-width: 320px) {
    .portfolio-container .main .tab-content {
        padding: 0px
    }
}

@media screen and (max-width: 600px) {
    .portfolio-container .main {
        min-height: 100vh
    }
    .portfolio-container .main .tabcontent {
        padding: 5px 0px !important
    }
    .portfolio-container .main header.top-submain-nav {
        height: unset !important;
        overflow: auto !important;
        flex-wrap: nowrap !important;
        border-bottom: none
    }
    .portfolio-container .main header.top-submain-nav nav a {
        font-size: 1rem;
        line-height: 1.2rem;
        font-weight: 500;
        text-align: center;
        border: 1px solid #cbcbd6;
        color: #245049;
        background: #fff;
        margin-right: 4px;
        padding: .45rem;
        border-radius: .25rem
    }
    .portfolio-container .main header.top-submain-nav nav a.active,
    .portfolio-container .main header.top-submain-nav nav .nse-bse-indices .stock-indices a,
    .nse-bse-indices .stock-indices .portfolio-container .main header.top-submain-nav nav a {
        box-shadow: 0px 4px 4px #d3d3d3;
        background: #e8f7f0
    }
    .portfolio-container .main header.top-submain-nav .nav-item {
        min-width: fit-content;
        margin-bottom: 0px
    }
    .portfolio-container .main header.top-submain-nav .nav-item a.nav-link {
        font-size: 1rem;
        line-height: 1.2rem;
        font-weight: 500;
        cursor: pointer;
        text-align: center;
        border: 1px solid #cbcbd6;
        color: #3f3f72;
        background: #fff;
        margin-right: 4px;
        padding: .45rem;
        border-radius: .25rem
    }
    .portfolio-container .main header.top-submain-nav .nav-item a.nav-link.active,
    .portfolio-container .main header.top-submain-nav .nav-item .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .portfolio-container .main header.top-submain-nav .nav-item a.nav-link {
        box-shadow: 0px 4px 4px #d3d3d3;
        background: #e8f7f0
    }
    .portfolio-container .main header.top-submain-nav .nav-item a.nav-link:hover {
        box-shadow: 0px 4px 4px #d3d3d3;
        background: #e8f7f0
    }
}

.portfolio-container .page-wrapper .sidebar-wrapper {
    width: 200px;
    height: auto
}

.portfolio-container .page-wrapper .sidebar-wrapper #close-sidebar {
    left: 200px
}

.portfolio-container .page-wrapper .page-content {
    overflow-x: inherit
}

@media screen and (min-width: 768px) {
    .portfolio-container .page-wrapper.toggled .page-content {
        padding-left: 220px;
        padding-right: 50px
    }
}

.portfolio-container .skeleton-loader {
    position: relative;
    overflow: hidden;
    background-color: #e9ecef;
    border-radius: 4px
}

.portfolio-container .skeleton-loader::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
    animation: shimmer 2s infinite;
    content: ""
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.portfolio-container .skeleton-w-25 {
    width: 25%
}

.portfolio-container .skeleton-w-50 {
    width: 50%
}

.portfolio-container .skeleton-w-75 {
    width: 75%
}

.portfolio-container .skeleton-w-100 {
    width: 100%
}

.portfolio-container .skeleton-w-auto {
    width: auto
}

.portfolio-container .skeleton-h-xs {
    height: 8px
}

.portfolio-container .skeleton-h-sm {
    height: 12px
}

.portfolio-container .skeleton-h-md {
    height: 16px
}

.portfolio-container .skeleton-h-lg {
    height: 24px
}

.portfolio-container .skeleton-h-xl {
    height: 32px
}

.portfolio-container .skeleton-m-1 {
    margin: .25rem
}

.portfolio-container .skeleton-m-2 {
    margin: .5rem
}

.portfolio-container .skeleton-m-3 {
    margin: 1rem
}

.portfolio-container .skeleton-my-1 {
    margin: .25rem 0
}

.portfolio-container .skeleton-my-2 {
    margin: .5rem 0
}

.portfolio-container .skeleton-my-3 {
    margin: 1rem 0
}

.portfolio-container .skeleton-mx-1 {
    margin: 0 .25rem
}

.portfolio-container .skeleton-mx-2 {
    margin: 0 .5rem
}

.portfolio-container .skeleton-mx-3 {
    margin: 0 1rem
}

.portfolio-container .skeleton-circle {
    border-radius: 50%;
    aspect-ratio: 1
}

.portfolio-container .skeleton-rounded-sm {
    border-radius: 4px
}

.portfolio-container .skeleton-rounded-md {
    border-radius: 6px
}

.portfolio-container .skeleton-rounded-lg {
    border-radius: 8px
}

.portfolio-container .skeleton-avatar-sm {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.portfolio-container .skeleton-avatar-md {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.portfolio-container .skeleton-avatar-lg {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.portfolio-container .skeleton-text {
    height: 16px;
    margin: 6px 0
}

.portfolio-container .skeleton-button {
    height: 36px;
    border-radius: 4px
}

.portfolio-container .skeleton-flex {
    display: flex;
    gap: 8px;
    align-items: center
}

.portfolio-container .skeleton-grid {
    display: grid;
    gap: 8px
}

@media(max-width: 768px) {
    .portfolio-container .skeleton-w-md-50 {
        width: 50%
    }
    .portfolio-container .skeleton-w-md-100 {
        width: 100%
    }
}

@media(max-width: 480px) {
    .portfolio-container .skeleton-w-sm-50 {
        width: 50%
    }
    .portfolio-container .skeleton-w-sm-100 {
        width: 100%
    }
}

.modal.addTransaction .modal-content .modal-header {
    background: #245049;
    color: #fff;
    padding: 10px;
    border-bottom: none
}

.modal.addTransaction .modal-content .modal-header h4.modal-title {
    font-size: 1.2rem
}

.modal.addTransaction .modal-content .modal-header .close {
    color: #fff;
    opacity: 1;
    font-weight: 400
}

.modal.addTransaction .modal-content .modal-body .form-horizontal .form-group.row {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.modal.addTransaction .redStar {
    color: red
}

.modal.addTransaction .errorMsg,
.modal.addTransaction .errorMsg {
    color: red;
    line-height: .8;
    margin-top: 2px
}

.pm-layout.list-page-container {
    max-width: 1300px
}

.pm-layout .select-drop.heading {
    border: none;
    font-size: 2rem;
    font-weight: 700
}

.pm-layout .select-drop.heading select {
    width: auto !important;
    border-bottom: 1px solid #b5964d;
    font-weight: 400;
    font-size: 1.5rem
}

.pm-layout .select-drop.heading select:focus-visible {
    outline: none
}

.pm-layout .select-drop.heading option {
    font-size: 1rem
}

.pm-layout .nav-pills .nav-item::after {
    position: absolute;
    content: " ";
    display: block;
    width: 2px;
    height: 20px;
    background: linear-gradient(white 0%, #dadada 10%, #dadada 90%, white 100%);
    margin-top: -25px
}

.pm-layout .nav-pills .nav-item:first-child:after {
    background: none
}

.pm-layout .nav-pills .nav-item .nav-link {
    background-color: #fff !important;
    color: #3f3f72 !important;
    font-size: 1.3rem;
    font-weight: 400;
    border: none;
    text-align: center;
    width: 100%
}

.pm-layout .nav-pills .nav-item .nav-link.active,
.pm-layout .nav-pills .nav-item .nse-bse-indices .stock-indices a.nav-link,
.nse-bse-indices .stock-indices .pm-layout .nav-pills .nav-item a.nav-link {
    background-color: #fff !important;
    color: #1eaf6d !important;
    box-shadow: none
}

.pm-layout .nav-pills .nav-item .nav-link .fas {
    font-size: 1rem;
    margin-bottom: 5px
}

.pm-layout.listCompany .stick {
    left: 5px !important
}

.pm-layout a.managerisklink {
    cursor: pointer !important
}

@media only screen and (max-width: 768px) {
    .pm-layout .nav-pills .nav-item .nav-link {
        min-width: auto;
        padding: 10px 20px
    }
    .pm-layout .nav-pills .nav-item .nav-link.active,
    .pm-layout .nav-pills .nav-item .nse-bse-indices .stock-indices a.nav-link,
    .nse-bse-indices .stock-indices .pm-layout .nav-pills .nav-item a.nav-link {
        border-bottom: 2px solid
    }
    .pm-layout .nav-pills .nav-item::after {
        background: none
    }
    .pm-layout.listCompany .stick {
        left: 0px !important
    }
}

.pm-layout .table-responsive::-webkit-scrollbar {
    height: 5px
}

.pm-layout .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px gray
}

.pm-layout .table-responsive::-webkit-scrollbar-thumb {
    background-color: #000
}

.transaction-container .leftTabs li a.active,
.transaction-container .leftTabs li .nse-bse-indices .stock-indices a,
.nse-bse-indices .stock-indices .transaction-container .leftTabs li a,
.transaction-container .leftTabs li a:hover {
    color: #ddd !important
}

.transaction-container .leftTabs li a {
    color: #000 !important
}

@media(max-width: 768px) {
    .transaction-container .leftTabs li {
        width: 100%;
        border-bottom: 1px solid #dee2e6 !important
    }
}

.transaction-container .managerisksummrytable .tbodynobg .company a,
.transaction-container .managerisksummrytable .theadbg .company a {
    color: #212529
}

.transaction-container .managerisksummrytable .tbodynobg .company a:hover,
.transaction-container .managerisksummrytable .theadbg .company a:hover {
    color: #0056b3
}

.transaction-container .managerisksummrytable .tbodynobg .risks a,
.transaction-container .managerisksummrytable .theadbg .risks a {
    color: #212529
}

.transaction-container .managerisksummrytable .tbodynobg .risks .circle-no-risk-round,
.transaction-container .managerisksummrytable .theadbg .risks .circle-no-risk-round {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #fff
}

.transaction-container .managerisksummrytable .tbodynobg .risks .circle-risk-round,
.transaction-container .managerisksummrytable .theadbg .risks .circle-risk-round {
    background-color: #503c26;
    border: 1px solid #503c26;
    border-radius: 50%;
    color: #fff;
    padding: 5.3px !important
}

@media(max-width: 768px) {
    .transaction-container .managerisksummrytable .tbodynobg .risks,
    .transaction-container .managerisksummrytable .theadbg .risks {
        display: flex;
        align-items: center;
        gap: 1px;
        flex-wrap: wrap
    }
}

.transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none input,
.transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none input,
.transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
.my-acc .formcon .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
.transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
.my-acc .form-group .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea {
    width: 30% !important
}

@media(max-width: 768px) {
    .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none input,
    .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .transaction-container .managerisksummrytable .tbodynobg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none input,
    .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .formcon textarea.input-textarea,
    .my-acc .formcon .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea,
    .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none .my-acc .form-group textarea.input-textarea,
    .my-acc .form-group .transaction-container .managerisksummrytable .theadbg .mngunderomega .alert-warning.shadow-none textarea.input-textarea {
        width: 90% !important
    }
}

.ui-datepicker-trigger {
    display: inline;
    width: auto;
    position: relative;
    top: -21px;
    float: right;
    margin-right: 5px;
    margin-bottom: -15px
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background: #245049;
    padding: 4px
}

#ui-datepicker-div {
    padding: 2px;
    position: absolute !important;
    border: 1px solid #245049 !important
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    font-family: inherit;
    margin-top: 5px
}

a.ui-datepicker-prev,
a.ui-datepicker-next {
    background: rgba(0, 0, 0, 0) !important
}

.ui-datepicker .ui-icon-circle-triangle-w::before {
    content: "" !important;
    font-family: "Font Awesome 5 Free"
}

.ui-datepicker .ui-icon-circle-triangle-e::after {
    content: "" !important;
    font-family: "Font Awesome 5 Free"
}

@media screen and (max-width: 320px) {
    #ui-datepicker-div {
        margin-top: 100px !important
    }
}

.comparison-container .sticky-header {
    position: sticky;
    top: 95px;
    cursor: pointer;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .comparison-container .sticky-header {
        top: 0px
    }
}

.comparison-container th.stick {
    background-color: #245049 !important;
    z-index: 1
}

/*# sourceMappingURL=main-min.css.map */