@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/* @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css'); */

/* brand-green rgb: rgb(53,177,79,0.6) */
:root {
    --tw-ring-offset-shadow: 0 0 #000;
    --tw-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08);
    /*--brand-primary-font: 'Inter', sans-serif !important;*/
    /*--brand-secondary-font: 'Nunito', sans-serif !important;*/
    --brand-primary-font: 'Hind Siliguri', sans-serif !important;
    --brand-secondary-font: 'Source Sans Pro', sans-serif !important;
    --brand-heading-lg: 64px;
    /* h1*/
    --brand-heading-md: 32px;
    /* h2 */
    --brand-heading-sm: 24px;
    /* h3 */
    --brand-heading-xs: 20px;
    /* h4 */
    --brand-white: #fff;
    --brand-white-90: rgba(255, 255, 255, .9);
    --brand-brown: #EAB2A0;
    --brand-text: 16px;
    --brand-text-sm: 13px;
    --brand-red: #df3c27;
    --brand-grey: #f5f7f9;
    --brand-green: #35B14F;
    --brand-yellow: #f7f719;
    --brand-yellow-25: #f7f71955;
    --brand-purple: purple;
    --brand-black: #363636;
    --brand-soft-green: #5fcb77;
    --brand-green-hover: #0ec836ee;
    --brand-grey-25: rgba(245, 247, 249, 0.5);
    --brand-green-25: rgba(53, 177, 79, 0.25);
    --brand-green-50: rgba(53, 177, 79, 0.5);
    --brand-green-65: rgba(53, 177, 79, 0.65);
    --brand-green-75: rgba(53, 177, 79, 0.75);
    --brand-green-85: rgba(53, 177, 79, 0.85);
    --brand-red-50: rgba(223, 60, 39, 0.5);
    --brand-red-25: rgba(223, 60, 39, 0.25);
    --brand-red-10: rgba(223, 60, 39, 0.10);
    --brand-red-65: rgba(223, 60, 39, 0.65);
    --brand-red-75: rgba(223, 60, 39, 0.75);
    --brand-red-85: rgba(223, 60, 39, 0.85);
    --brand-blue-25: rgba(0, 123, 255, 0.25);
    --brand-blue-50: rgba(0, 123, 255, 0.5);
    --brand-blue-75: rgba(0, 123, 255, 0.75);
    --brand-blue-85: rgba(0, 123, 255, 0.85);
    --brand-blue-10: rgba(0, 123, 255, 0.1);
    --brand-blue-65: rgba(0, 123, 255, 0.65);
    --brand-blue-95: rgba(0, 123, 255, 0.95);
    --brand-blue: rgba(0, 123, 255, 1);
    --brand-sky-blue: #00C4FF;
    --brand-black-25: rgba(54, 54, 54, 0.25);
    --brand-black-50: rgba(54, 54, 54, 0.5);
    --brand-black-75: rgba(54, 54, 54, 0.75);
    --brand-black-90: rgba(54, 54, 54, 0.9);
    --brand-green-fade: #aee0b936;
    --brand-green-10: rgba(53, 177, 79, 0.1);
    --brand-green-portfolio: #eaf7ed;
    --brand-grey__table: #9A9A9A;
    --brand-red__table: #BF2929;
    --brand-green__table: #267A34;
    --brand-red__table--50: rgba(191, 41, 41, 0.5);
    --brand-green__table--50: rgba(38, 122, 52, 0.5);
    --brand-red__table--75: rgba(191, 41, 41, 0.75);
    --brand-green__table--75: rgba(38, 122, 52, 0.75);
}

/* global stylings */
html {
    scroll-padding-top: 90px !important;
    font-size: 16px;
    width: 100vw;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body {
    scrollbar-color: red !important;
    line-height: 0;
    /*-webkit-user-select: none;*/
    /* Safari */
    /*-moz-user-select: none;*/
    /* Firefox */
    /*-ms-user-select: none;*/
    /* IE10+/Edge */
    /*user-select: none;*/
    /* Standard */
}

#swot img.tulke-img {
    height: 150px !important;
    width: 200px !important;
}

small,
code,
address,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
table,
th,
td,
thead,
tbody,
label,
button,
span,
.output a {
    line-height: 1.5 !important;
    /* dont add div */
}

body {
    line-height: 0 !important;
}

html {
    line-height: 0;
}

.mt-n50px {
    margin-top: -50px;
}

.w-33 {
    width: 33% !important;
}

.w-10 {
    width: 10% !important;
}

.hover-color-brand-green:hover {
    color: var(--brand-green);
}

.flex-basis-20percent {
    flex-basis: 10%;
}

/* for table */
tbody td {
    line-height: 2 !important;
}

table tr:last-child td {
    border: none;
}

.fs-xs {
    font-size: 0.6rem !important;
}

.fs-xxs {
    font-size: 0.5rem !important;
}

.fs-xs.fa-solid.fa-caret-down {
    width: 10px;
    height: 10px;
}

.fs-xs.fa-solid.fa-caret-up {
    width: 10px;
    height: 10px;
}

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

.bg-red-10 {
    background-color: var(--brand-red-10);
}



.mt-3point5r {
    margin-top: 3.5rem;
}

.h-400px {
    height: 450px !important;
}

.h-500px {
    max-height: 450px !important;
}

.h-100vh {
    height: 100vh;
}

/* for heatmap */
#heatmap-container div {
    line-height: 1.5 !important;
}

#infovis-label div {
    color: white !important;
}

.fs-point-9r {
    font-size: 0.9rem !important;
}

.fs-700r {
    font-size: 0.800rem !important;
}

#portfolioPage .fa-solid.fa-caret-down {
    width: 14px;
}

#portfolioPage .fa-solid.fa-caret-up {
    width: 14px;
}

table thead {
    z-index: 0 !important;
}

.py-point7r {
    padding: 0.625rem 0.9rem !important;
}

.watchlist-card {
    overflow: scroll;
}

.h-300px {
    height: 300px !important;
}

#portfolioPage button:hover {
    background-color: var(--brand-green) !important;
    /* transition: all 0.5s ease-in-out; */
    border: 1px solid white !important
}

#portfolioPage button:hover i {
    color: white !important;
    /* border: 1px solid white !important; */
}

.hover-color-white-bg-green:hover {
    color: white !important;
    background-color: var(--brand-green) !important;
}

.hover-color-white-bg-green:hover * {
    color: white !important;
}

#portfolioPage button:hover small {
    color: white !important
}

.nav-tabs .nav-link.active {
    background: var(--brand-green) !important;
    color: #fff !important;
}

.h-267p {
    height: 267px;
}

#marketAnalysis button.active {
    color: white;
    background-color: var(--brand-green);
}

.top-n50p {
    top: -50px;
}

.transform-n50per {
    transform: translate(-50%);
}

.fw-semi-bold {
    font-weight: 600;
}

.fw-semi-bold-op {
    font-weight: 600;
}

.fw-bolder {
    font-weight: 800 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.border-bottom-black--single {
    border-bottom: 1px solid black !important;
}

.border-bottom-black--double {
    border-bottom: 4px double black !important;
}

.bg-grey-table {
    background-color: var(--brand-grey__table);
}

.bg-red-table-50 {
    background-color: var(--brand-red__table--50);
}

.bg-green-table-50 {
    background-color: var(--brand-green__table--50);
}

.bg-red-table {
    background-color: var(--brand-red__table);
}

.bg-green-table {
    background-color: var(--brand-green__table);
}

.bg-red-table-75 {
    /* background-color: var(--brand-red__table--75); */
    background-color: #e96565 !important;
}

.bg-green-table-75 {
    /* background-color: var(--brand-green__table--75); */
    background-color: #37b24d !important;
}

table .badge {
    font-size: 13.5px;
    font-weight: 600;
    width: fit-content;
    text-align: center;
    border-radius: 0.25rem;
    line-height: 1.1;
    display: inline-block;
    position: relative;
    float: left;
    font-family: var(--brand-secondary-font);
}

.main-section .overlay {
    height: 0;
    width: 100vw;
    background: rgba(0, 0, 0, 0.85);
    z-index: 99999 !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
}

.card {
    line-height: 1.5;
}

#marketPageId .owl-carousel .list-card {
    margin-bottom: 0px;
}

#homeCards p,
#homeCards small,
#homeCards span {
    line-height: 1.1;
}

.badge-green__tbale {
    background: var(--brand-green-25);
    color: var(--brand-green__table);
}

.badge-red__table {
    background: var(--brand-red-25);
    color: var(--brand-red__table);
}

.badge {
    font-size: 0.75rem;
}

thead tr th {
    border-bottom: 1px solid black;
}

table.dataTable thead th,
table.dataTable thead td {
    /* /* padding: 10px; */
    border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

h1 {
    font-size: var(--brand-heading-lg);
}

h2 {
    font-size: var(--brand-heading-md);
}

h3 {
    font-size: var(--brand-heading-sm);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong,
small,
code,
address,
div {
    font-family: var(--brand-primary-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    font-weight: bold;
}

i.fas.fa-star,
.fas.fa-star-half-alt,
.far.fa-star {
    color: var(--brand-green) !important;
}

#guru_rating i.fas.fa-star,
#guru_rating .fas.fa-star-half-alt,
#guru_rating .far.fa-star {
    color: #ffc107 !important;
}

.form-control:focus {
    border-color: var(--brand-black-25)
}

input#searchBarSm::placeholder {
    font-size: 0.8rem;
}

th {
    font-size: 1rem;
    font-weight: bolder;
}

.dataTables_wrapper .dataTables_filter input {
    margin-bottom: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--brand-green) !important;
    color: white !important;
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--brand-green) !important;
    border: none !important;
}

.text-success {
    color: var(--brand-green) !important;
}

ul li button {
    font-weight: 600 !important;
}

input {
    position: relative;
}

a.nav-link {
    font-weight: 600 !important;
    color: var(--brand-black);
}

.myChart-wrapper {
    margin: auto !important;
}

.form-group input::placeholder {
    font-size: 0.8rem !important;
}

li.nav-item {
    font-size: 1rem;
}

#subNavbar li.nav-item,
.subNavbar-ipo li.nav-item,
#subNavbar-market li.nav-item,
#companySubNavbar li.nav-item,
#subNavbarMutualFund li.nav-item {
    font-size: 0.95rem;
}

.highcharts-title {
    font-weight: 700;
}

.highcharts-drilldown-data-label text {
    text-decoration: none !important;
}

#stat_charts .highcharts-series path {
    stroke: #33d778;
    stroke-width: 1px;
}

#stat_charts .highcharts-markers path {
    fill: #33d778;
}

.select2-selection__rendered {
    font-weight: 405;
}

a.nav-link.sub-nav {
    border-bottom: 2px solid transparent;
    border-radius: 0px;
}

.card h4 {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--brand-black-75);
}


.owl-carousel-mutual-fund .owl-stage {
    display: flex;
    align-items: center;
}

.market-closed {
    filter: blur(5px);
}

.closed-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* mix-blend-mode: multiply; */
}

.h-min-280px {
    min-height: 280px;
}

.closed-image img {
    height: 220px !important;
    width: 175px !important;
}

/* for stat charts in profile */
#stat_charts .btn-group-box {
    right: 0rem;
    z-index: 2;
}

#stat_charts .highcharts-title {
    font-size: 15px !important;
}

/* for overview in profile */
.company-essential > p {
    color: #6c757d !important;
}

.mt-6rem {
    margin-top: 6rem !important;
}

#overviewCards p {
    color: grey;
}

#mutualFundPageId .owl-nav {
    text-align: center !important;
}

#mutualFundPageId .owl-nav button {
    background-color: transparent;
    border: 0;
}

#mutualFundPageId .owl-prev span,
#mutualFundPageId .owl-next span {
    font-size: 1.5rem !important;
}

#mutualFundPageId .owl-prev {
    position: absolute;
    top: 0%;
    left: -5px;
    transform: translate(0px, 0px);
}

#mutualFundPageId .owl-next {
    position: absolute;
    top: 0%;
    right: -5px;
    transform: translate(0px, 0px);
}

.top-1rem {
    top: 1rem !important;
}

.top-2rem {
    top: 2rem !important;
}

#mutualFundPageId .searchcomp {
    margin-top: 20px;
}

table tr td {
    text-align: start !important;
}

#mutualFundPageId table td:nth-child(1) {
    font-family: var(--brand-primary-font);
}

#mutualFundPageId table td:nth-child(1) a {
    text-decoration: none;
    color: var(--brand-black);
}

#mutualFundPageId .table-responsive {
    height: auto;
}

#mutualFundPageId .table-responsive thead {
    width: 100% !important;
    position: sticky !important;
    top: -2px !important;
}

path.highcharts-button-symbol {
    display: none;
}

.icon-bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 4em;
    background: url(/static/landing4/assets/images/bg-icons/stock-1_3.png), url(/static/landing4/assets/images/bg-icons/stock-2_2.png), url(/static/landing4/assets/images/bg-icons/stock-3_2.png), url(/static/landing4/assets/images/bg-icons/stock-4_1.png), url(/static/landing4/assets/images/bg-icons/stock-1_3.png), url(/static/landing4/assets/images/bg-icons/stock-2_2.png), url(/static/landing4/assets/images/bg-icons/stock-3_2.png), url(/static/landing4/assets/images/bg-icons/stock-4_1.png), url(/static/landing4/assets/images/bg-icons/stock-1_3.png), url(/static/landing4/assets/images/bg-icons/stock-2_2.png), url(/static/landing4/assets/images/bg-icons/stock-3_2.png), url(/static/landing4/assets/images/bg-icons/stock-4_1.png), url(/static/landing4/assets/images/bull-1.png);
    background-size: 8%, 5%, 6%, 5%, 6%, 4%, 4%, 3%, 4%, 2%, 2%, 2%, auto, cover;
    background-repeat: no-repeat;
    background-position: left 1% top 2%, left 6% top 12%, left 16% top 2%, left 26% top 10%, left 35% top 2%, left 46% top 8%, left 36% top 14%, left 44% top 22%, left 52% top 28%, left 60% top 24%, left 53% top 18%, left 59% top 32%, left 14% top 41%, left 0% top 100%;
    filter: brightness(90%);
}

/* for home page */
.form-group a.active {
    color: black !important;
    background: var(--brand-green-25) !important;
}

.candle-bg::after {
    content: "";
    position: absolute;
    top: -20%;
    left: 0%;
    width: 100%;
    height: 125%;
    background: url(/static/landing4/assets/images/candle-background.png);
    background-size: 100% 160%;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(90%);
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

#whyGurumantra .row.bg-white {
    border-radius: 50px;
}

/* for why-gurumantra-svg hover effects starts */
#whyGurumantra .card {
    border-radius: 0.75rem;
    backdrop-filter: blur(5);
    border: 1px solid var(--brand-green-25);
}

#whyGurumantra .bg-section {
    height: 0%;
    background-image: linear-gradient(to right, var(--brand-green-25), var(--brand-grey));
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.75rem;
    transition: all 0.5s ease;
}

#whyGurumantra a.card-title {
    position: relative;
    z-index: 2;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to bottom, var(--brand-green) 50%, var(--brand-black) 50%);
    background-size: 100% 200%;
    background-position: 0% 100%;
    transition: all 0.5s cubic-bezier(0, 0, 0.9, 1);
}

#whyGurumantra .card:hover {
    filter: drop-shadow(2px 5px 4px var(--brand-black-25));
    transition: all .2s ease-out;
    /* transform: translate(2px, 2px); */
    transform: scale(1.02);
}

#whyGurumantra .card-title {
    cursor: pointer;
}

#whyGurumantra .bg-section + a {
    color: var(--brand-black);
    text-decoration: none;
    /* background-image: linear-gradient(to right, green ,black); */
    /* background-clip: text; */
}

/* for card-last */
#whyGurumantra .card-last .wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-radius: 0.75rem;
    height: 0;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    box-sizing: border-box;
    transition: all 0.8s ease;
}

#whyGurumantra .card-last:hover ::before {
    border-color: var(--brand-green);
    width: 100%;
    height: 100%;
}

#whyGurumantra .card-last .wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    width: 0;
    border-radius: 0.75rem;
    height: 0;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transition: all 0.8s ease;
}

#whyGurumantra .card-last:hover ::after {
    border-color: var(--brand-green);
    width: 100%;
    height: 100%;
}

/* for why-gurumantra-svg hover effects ends */
#whyGurumantra h3 {
    margin-bottom: 1rem;
}

.table-responsive {
    padding: 0 5px 0 5px;
}

/* for home page tables */
.modal-content .table-responsive {
    height: 73vh !important;
}

@media screen and (min-width: 992px) {
    .modal-content .table-responsive {
        height: 50vh !important;
    }
}


.modal-content {
    height: auto !important;
    overflow: scroll;
}

#modal #dialog {
    /* width: 70vw !important; */
}

#donutChartContainer {
    height: 400px;
}

#donutChartContainer svg.highcharts-root text.highcharts-title {
    font-weight: bolder;
    font-family: var(--brand-primary-font) !important;
    fill: grey !important;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* for financials in profile page */
.strict-show {
    opacity: 1 !important;
}

#financials table tbody td:first-child {
    font-family: var(--brand-primary-font);
    /* font-weight:bold; */
}

#financials table tbody td:first-child:hover {
    color: var(--brand-green);
    cursor: pointer;
    text-decoration: underline;
}

#peers table tbody td:first-child:hover {
    cursor: pointer;
    text-decoration: underline;
}

#peers table tbody td:first-child a:hover {
    color: var(--brand-green) !important;
}

#financials .highcharts-container {
    top: 50px;
}

.blur-2point5px {
    filter: blur(2.5px);
}

#swot ul {
    list-style-position: outside;
    margin-left: 20px;
}

#swot li::marker {
    color: var(--brand-green);
    font-size: 1.2rem;
}

#swot ul li {
    font-weight: 405;
    line-height: 30px !important;
}

#swot ul li {
    margin-top: 10px;
}

#swot ul li:first-child {
    margin-top: 15px;
}

/* for docs in profile page */
.accordion-button {
    background: rgba(0, 0, 0, 0) !important;
    color: var(--brand-green) !important;
}

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

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

#announcementAccordion .accordion-button:focus {
    box-shadow: none !important;
}

.form-group .output a,
.search-wrapper .output a {
    animation-name: fadeInUp;
    animation-duration: .5s;
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}


.search-wrapper .output {
    width: 100% !important;
}

.search-wrapper .output {
    /* bottom: -348px; */
    top: 38px;
}

.list-group li div span:nth-child(1),
.list-group li a span:nth-child(1) {
    color: var(--brand-green);
}

.list-group li a span:nth-child(1):hover {
    text-decoration: underline;
}

#docs #stockPriceCAGR span:nth-of-type(2) {
    background: var(--brand-green-75);
    border-radius: 10px;
    padding: 2px;
    color: white;
}

.search-bar-alert {
    display: none;
    opacity: 0.0;
    transition: all 1s ease-in-out;
}

.border-green {
    border-color: var(--brand-green) !important;
}

/* for bundle page */
#stockBasketCards a {
    position: absolute;
    bottom: 20px;
    width: 80%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 30px;
}

small.mb-3.text-center {
    padding-bottom: 20px;
}

/* for bundle detail page */
#bundleDetailPage .logo-section {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -200%);
}

#bundleDetailPage .logo-section img {
    height: 100%;
    width: 100%;
}

#bundleDetailPage .logo-section-lg {
    position: absolute;
    width: 75px;
    height: 75px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
}

#bundleDetailPage .logo-section-lg img {
    height: 100%;
    width: 100%;
}

/* for portfolio */
.fa-solid.fa-caret-down,
.fa-solid.fa-caret-up {
    width: 15px;
    height: 15px;
    position: relative;
}

.fa-solid.fa-caret-down::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background:red; */
    background: url(/static/guru_mantra/images/grow-down.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.fa-solid.fa-caret-up::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/static/guru_mantra/images/grow-up.svg);
    /* background:red; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#portfolioPage table td:first-of-type a {
    color: var(--brand-green);
    font-weight: bold;
    text-decoration: none;
}

#portfolioPage .card > span {
    color: var(--brand-black-75);
}

#portfolioPage .fa-plus {
    font-size: 0.6rem;
    padding: 3px;
}

.bg-portfolio {
    background-color: #eaf7ed;
}

#myPortfolioTable span {
    margin-bottom: 4px;
}

#portfolioPage small {
    font-size: 0.7rem;
}

#portfolioPage .fa-arrow-up,
#portfolioPage .fa-arrow-down {
    font-size: 0.7rem !important;
    height: 1.2rem;
    width: 1.2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bundleDetailPage {
    line-height: 20px;
}

#bundleDetailPage p {
    text-align: justify;
}

/* for live-market */
#liveMarketPage #gainersCard tbody td:nth-of-type(1) a {
    color: var(--brand-green);
}

#liveMarketPage #losersCard tbody td:nth-of-type(1) a {
    color: var(--brand-red);
}

.live-market-table td {
    border: 0.3px solid #ffffff;
}

#live_market_data_table_wrapper .number-table.table tbody tr td:nth-child(1) {
    font-family: var(--brand-primary-font) !important;
    font-weight: bold;
}

#live_market_data_table_wrapper .number-table.table tbody tr td {
    font-weight: normal;
}

#liveMarketPage #gainersCard .number-table.table tbody tr td {
    font-weight: normal !important;
}

#liveMarketPage #gainersCard .number-table.table tbody tr td:nth-child(1) {
    font-family: var(--brand-primary-font) !important;
    font-weight: bold !important;
}

#liveMarketPage #losersCard .number-table.table tbody tr td {
    font-weight: normal !important;
}

#liveMarketPage #losersCard .number-table.table tbody tr td:nth-child(1) {
    font-family: var(--brand-primary-font) !important;
    font-weight: bold !important;
}

#live_market_data_table_filter {
    position: relative;
    left: -10px;
}

.live-market-table thead {
    width: 100% !important;
    position: sticky !important;
    top: -2px !important;
}

.font-primary {
    font-family: var(--brand-primary-font) !important;
}

.modal-body input::placeholder {
    font-size: 1rem !important;
    color: var(--brand-black-75) !important;
}

.modal-body input[type="text"] {
    height: 45px;
}

.font-secondary {
    font-family: var(--brand-secondary-font) !important;
}

#price_and_company_row p {
    font-family: var(--brand-primary-font) !important;
}

#price_and_company_row strong,
#price_and_company_row span {
    font-family: var(--brand-secondary-font) !important;
}

#index p {
    font-family: var(--brand-secondary-font) !important;
}

#stat_charts .highcharts-container {
    height: auto !important;
}

#docs span:nth-child(2) {
    font-family: var(--brand-secondary-font) !important;
    font-weight: bold;
    color: grey;
    font-size: 0.9rem;
}

#marketPageId small,
#marketPageId span {
    font-family: var(--brand-secondary-font) !important;
}

#impacting-stocks span {
    font-family: var(--brand-primary-font) !important;
}

#impacting-stocks td {
    font-family: var(--brand-primary-font) !important;
}

#portfolioPage strong {
    font-family: var(--brand-secondary-font);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 1px;
    width: 20px;
}

.select2-container {
    width: 100% !important;
}

/*  */
/* for dcf */
.tab-content > .tab-pane {
    overflow: hidden;
}

/* for peers */
#peers .modal-content {
    height: 90vh;
    overflow: auto;
}

#peers .card.peers {
    /* height:405px !important;
    overflow-y:scroll; */
    height: auto;
}

#portfolio-chart {
    /* height: 264px !important; */
}

#portfolioPage {
    font-size: 0.9rem;
}

/* for owl-carousel */
.owl-nav {
    text-align: center !important;
}

.owl-prev span,
.owl-next span {
    font-size: 2rem !important;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0px, -50%);
}

.owl-next {
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translate(0px, -50%);
}

/* for select-2 container */
.select2-container {
    width: 100%;
}

.metergauge-card {
    /* overflow: scroll !important; */
}

/* for financialsTab */
#financialsTab .nav-link.active,
#dividendsTab .nav-link.active,
#calculationTab .nav-link.active {
    color: var(--brand-green);
}

/* for bar chart in financials section */
#financials .highcharts-series rect {
}

#financials .highcharts-series-group .highcharts-series {
    transform: translate(0px, 47px);
}

/* for bar chart in financials section ends */
#quarterly-chart-container .highcharts-container {
    height: auto !important;
}

.company-name-subNavbar {
    display: none;
}

#searchBarSm::placeholder {
    text-transform: none !important;
    font-size: 0.9rem;
}

.company-name-subNavbar a {
    pointer-events: none;
    transition: all 5s ease-in-out;
    margin-right: 3rem;
    font-size: 1.1rem;
}

.card p {
    /* line-height: 35px; */
}

.bg-grey {
    background-color: var(--brand-grey);
}

.bg-grey-25 {
    background-color: var(--brand-grey-25);
}

.bg-green-25 {
    background-color: var(--brand-green-25) !important;
}

.bg-green-50 {
    background-color: var(--brand-green-50);
}

.bg-green-65 {
    background-color: var(--brand-green-65);
}

.bg-green-75 {
    background-color: var(--brand-green-75);
}

.bg-green-85 {
    background-color: var(--brand-green-85);
}

.bg-green-hover {
    background-color: var(--brand-green-hover) !important;
}

.bg-red-25 {
    background-color: var(--brand-red-25) !important;
}

.bg-red-50 {
    background-color: var(--brand-red-50);
}

.bg-red-65 {
    background-color: var(--brand-red-65);
}

.bg-red-75 {
    background-color: var(--brand-red-75);
}

.bg-red-85 {
    background-color: var(--brand-red-85);
}

.bg-green-fade {
    background-color: var(--brand-green-fade);
}

.bg-black-75{
    background-color: var(--brand-black-75);
}

.bg-black-50{
    background-color: var(--brand-black-50);
}

.bg-blue-25 {
    background-color: var(--brand-blue-25);
}

.bg-blue-50 {
    background-color: var(--brand-blue-50);
}

.bg-blue-65 {
    background-color: var(--brand-blue-65);
}

.bg-blue-75 {
    background-color: var(--brand-blue-75);
}

#losersCard25 .number-table.table thead th {
    background-color: var(--brand-red-25);
}

/* for peers-tab-menu */
#peers-tab-menu .nav-link.active {
    color: var(--brand-green);
}

.banner-icon {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
}

.media-sm .banner-icon {
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
}

/* for search-bar */
.search-wrapper.live-market .search-bar {
    border: 1px solid var(--brand-black-25);
    font-size: 0.8rem;
    font-weight: 400;
    border-radius: 20px;
    background-color: #fff;
    color: #000000;
    margin: auto;
    height: 30px !important;
    transition: width 0s ease-in;
    padding: 10px 35px;
}

.search-wrapper.live-market {
    z-index: 1 !important;
}

/* for navbar collapse */
/* .navbar-collapse {
    display: none;
} */
.d-i-block-im {
    display: inline-block !important;
}

#importId label {
    margin-top: 20px;
}

#ratios .select2-container.select2-container--default {
    width: 100% !important;
}

.ipo {
    text-transform: uppercase !important;
}

.dropdown-menu li a:hover {
    color: var(--brand-green);
}

.navbar
    /* for timeline-container */
#timeline-container {
    width: 100%;
    margin: auto;
}

/* for screener */
#suggestiondd {
    top: 72px !important;
}

#suggestiondd #suggestions {
    height: 250px;
    overflow: scroll;
}

.screener-dropdown-menu {
    display: flex;
    flex-direction: column;
    border: 1px solid grey;
    padding: 10px;
}

.w-fit-content {
    width: fit-content !important;
}

.w-100 {
    width: 100%;
}

.w-100vw {
    width: 100vw;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.w-65 {
    width: 65% !important;
}

.w-75 {
    width: 75% !important;
}

.w-75px {
    width: 75px !important;
}

.h-75px {
    height: 75px !important;
}

.top-70per {
    top: 70% !important;
}

.left-26per {
    left: 26% !important;
}

.w-320px {
    width: 320px !important;
}

#screenerId textarea {
    /* min-height: 320px !important; */
    border: none !important;
    resize: none;
    box-shadow: none;
}

/* for alert */
/* .icon-bg__alert::after{
     content: "";
    position:absolute;
    top:20%;
    left:0;
    height:100%;
    width: 100%;
    padding-top: 4em;
    background:
    url(/static/landing4/assets/images/bg-icons/stock-4_1.png),
    url(/static/landing4/assets/images/bg-icons/stock-2_2.png),
    url(/static/landing4/assets/images/bg-icons/stock-3_2.png);
    filter: brightness(70%);
    background-size: 5%, 10%, 10%, 6%;
background-position:
left 89% top 5.9%,
left 7% top 33%,
 left 98% top 32%;
background-repeat: no-repeat;
    z-index:0;
} */
#alertId .select2-container {
    width: 100% !important;
}

/* .alert {
    padding: 8px 14px 8px 14px;
} */
.alert-ul {
    border-top-right-radius: 1rem;
    margin-top: 1.5rem;
}

#alertId .select2-selection--single {
    height: 36px !important;
}

#alertId input {
    height: 36px;
}

/* for pagination */
#myPortfolioTable .paginate_button.current {
    background: var(--brand-green) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
}

/* for profile_cards */
#profile_cards,
.profile_cards {
    font-family: var(--brand-primary-font) !important;
}

/* for shape-1 */
[alt="wave"] {
    height: 300px;
    z-index: 1;
    /* top:354px; */
}

[alt="Ideapreneurnepal-company-profile"] {
    position: relative;
    z-index: 2;
}

#overviewCards {
    z-index: 4;
}

/* for meter-gauge-2 */
svg.highcharts-root text {
    font-family: var(--brand-secondary-font) !important;
}

.tv-lightweight-charts div {
    font-family: var(--brand-secondary-font) !important;
}

svg.highcharts-root text.highcharts-title {
    font-family: var(--brand-primary-font) !important;
}

svg .highcharts-legend-item text {
    font-family: var(--brand-primary-font) !important;
}

svg .highcharts-axis-labels text {
    font-family: var(--brand-secondary-font) !important;
}

svg .highcharts-axis text {
    font-family: var(--brand-primary-font) !important;
}

svg.highcharts-root .highcharts-label text {
    font-family: var(--brand-primary-font) !important;
}

/*
#percent_change_chart svg.highcharts-root {
    height: 174px;
    width: 265px;
}
@media screen and (max-width: 991px) {
    #percent_change_chart svg.highcharts-root {
        height: 165px;
        width: 265px;
    }
}
#percent_change_chart .highcharts-container {
    height: 133px !important;
} */
#meter-gauge-2 {
    height: 300px;
}

@media (max-width: 991px) {

    /* svg.highcharts-root {
        height: 150px;
    } */
    #meter-gauge-2 {
        height: 150px;
    }

    #share-holding-pattern svg.highcharts-root {
        height: 280px;
    }

    #index i.fa-circle-check {
        font-size: 1.4rem;
    }
}

/* for ipo subnavbar */
#ipoCards .list-card {
    margin: 0;
}

.subNavbar-ipo ul li.active {
    background-color: var(--brand-green);
    border-radius: 5px;
}

.subNavbar-ipo .active > a {
    color: white !important;
}

/* for general */
.form-control:focus {
    box-shadow: 3px 0 10px 1px rgb(0 0 0 / 6%);
}

/* for homeCards */
#homeCards {
    position: relative;
    /*top: -20px;*/
}

#homeCol {
    z-index: 1;
}

#homeCards .list-card {
    margin: 0;
}

/* for tableHome */
/* #tableHome{
  position:relative;
  top:-40px;
} */
/* for meter gauge */
#meter-gauge-top {
    height: 200px !important;
}

#meter-gauge-graph-id0-c > path {
    fill: transparent;
}

/* live market */
/*
#live_market_data_table_wrapper .number-table.table tbody tr td:nth-child(1){
    font-family: var(--brand-primary-font) !important;
    font-weight: bold;
}
#live_market_data_table_wrapper .number-table.table tbody tr td{
    font-weight: normal;
}
#liveMarketPage #gainersCard .number-table.table tbody tr td{
        font-weight: normal !important;
}
#liveMarketPage #gainersCard .number-table.table tbody tr td:nth-child(1){
    font-family: var(--brand-primary-font) !important;
    font-weight: bold !important;
}
#liveMarketPage #losersCard .number-table.table tbody tr td{
        font-weight: normal !important;
}
#liveMarketPage #losersCard .number-table.table tbody tr td:nth-child(1){
    font-family: var(--brand-primary-font) !important;
    font-weight: bold !important;
} */
#liveMarketPage #gainersCard a,
#liveMarketPage #losersCard a,
#live_market_data_table_wrapper a {
    text-decoration: none;
    color: black;
}

#gainersCard .number-table.table thead th {
    background: var(--brand-green__table) !important;
    color: white !important;
}

#losersCard .number-table.table thead th,
.losersCard .number-table.table thead th {
    background: var(--brand-red__table) !important;
    color: white !important;
}

#live_market_data_table_filter {
    margin: 5px;
}

#live_market_data_table_filter input {
    border: 1px solid var(--brand-black-25);
}

/*  */
.search-wrapper.live-market .fa-xmark {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    color: var(--brand-green);
    display: none;
}

/* portfolio */
.portfolio-viewport::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    background: url(/static/landing4/assets/images/candle-background.png);
    background-size: 100% 150%;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(80%);
    z-index: -1;
}

[data-bs-target="#add_shareholder_modal"],
[data-bs-target="#add_company_to_watchlist"] {
    cursor: pointer;
}

#portfolio-chart {
    position: relative;
    /* left:-50px; */
}

#portfolioTable_length {
    margin-bottom: 1rem;
}

#profitLossListTable_length {
    margin-bottom: 1rem;
}

#profitLossListTable_filter {
    margin-bottom: 1rem;
}

#shareHolderListTable_filter {
    margin-bottom: 1rem;
}

#shareHolderListTable_length {
    margin-bottom: 1rem;
}

input::file-selector-button {
    background-color: var(--brand-green);
    color: white;
    border: none;
    border-radius: 0.5rem;
}

.search-sm-div-box a {
    font-size: 0.7rem;
}

/* for hero-section */
.hero-side-img {
    position: absolute;
    z-index: 2;
}

.hero-left {
    top: 120px;
    left: 150px;
}

.hero-right {
    top: 250px;
    right: 150px;
}

/* for search-bar-sm */
.search-sm-div-box a.active {
    color: black !important;
    background: var(--brand-green-25) !important;
}

.mutual-fund-output a.active {
    color: black !important;
    background: var(--brand-green-25) !important;
}

.search-bar-sm::placeholder {
    font-size: 0.8rem;
}

/* market */
#marketPageId #overview span {
    margin: 0;
}

#marketPageId #overview p {
    line-height: 1.5;
    margin: 0;
}

/* for index and indices presence */
#index p {
    line-height: 1.1;
}

#market-chart {
    overflow: hidden;
}

.market-mover-tabs .nav-link.active {
    color: var(--brand-green);
}

/* for mascot catching the card */
[alt="ideapreneurnepal-market-mascot"] {
    z-index: 2;
    left: -285px;
}

/* for main-navbar */
.dropdown-item .img-wrapper {
    height: 50px;
    width: 50px;
}

.navbar-dropdown-products {
    width: 326px;
    flex-wrap: wrap;
}

.navbar-dropdown-products li {
    flex: 0 0 50%;
}

.main-navbar {
    padding: 0;
}


/* for overlay */
.overlay-section.changed:after {
    /* content:"";  */
    z-index: 99;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
}


.bg-green-25 {
    background-color: var(--brand-green-25);
}

.bg-green-10 {
    background-color: var(--brand-green-10);
}

body {
    overflow-x: clip;
}

html {
    scroll-behavior: smooth !important;
    /*user-select: none;*/
}

/*  */
#whyGurumantra p {
    text-align: justify;
}

/* .fadeInUp{
    animation-name: fadeup 0.5s ease-in-out;
}
@keyframes fadeup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
} */
/* for profile_cards */
div#profile_cards p,
.profile_cards p {
    margin: 1px;
}

/* for timeline */
.highcharts-credits {
    display: none;
}

/* for i in add shares */
.fa-arrow-alt-circle-left::before {
    margin-right: 10px;
}

ul {
    /* font-size: 0.9rem !important; */
}

/* #percent_change_chart .highcharts-container {
    text-align: center !important;
} */
/* for overview in profile page */
#overviewCards .fs-6 {
    font-size: 0.9rem !important;
}

/* for price and company row */
#overview p,
#overview span,
#overview strong {
    margin: 8px;
    line-height: 1;
    /* margin:1; */
}

.logo-wrapper__overview {
    width: 125px;
    height: 125px;
    top: 5px;
}

#overview [alt="company-profile-tulke"] {
    position: relative;
    top: -355px;
}

.mutual-fund-overview#overview [alt="company-profile-tulke"] {
    position: relative;
    top: -273px;
}

.mutual-fund-overview .company-profile-tulke-image-container figure {
    height: 19.5rem;
}

.mutual-fund-overview #overview .hero-left {
    position: absolute;
    top: 0%;
    left: 5%;
    top: 40%;
}

#overview .hero-left {
    position: absolute;
    top: 0%;
    left: 5%;
    top: 50%;
}

#overviewCards .image-wrapper {
    width: 95px;
    height: 95px;
}

#overviewCards strong {
    font-family: var(--brand-secondary-font);
}

#companySubNavbar .active {
    background-color: transparent;
}

.left-center {
    left: 50%;
    transform: translate(-50%, 0)
}

.top-center {
    top: 50%;
    transform: translate(0, -50%)
}

.top-left-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}


@media screen and (max-width: 767px) {
    .searchbox {
        font-size: 0.6rem !important;
    }
}

@media screen and (min-width: 992px) {
    .w-md-75 {
        width: 75% !important;
    }
}

#docs .card ul li.active {
    background-color: transparent;
    border-radius: 0px;
}

#about small {
    line-height: 30px !important;
}

/* for position sticky in sub-navbar */
#subNavbar,
.subNavbar-ipo,
#subNavbar-market,
#companySubNavbar,
#subNavbarMutualFund,
#subNavbarEconomy {
    position: fixed;
    width: 100%;
    z-index: 500 !important;
    top: 60px;
    background-color: #fff !important;
    /* padding: 5px !important; */
    padding: 0 1.5rem;
    /* box-shadow: 0px 0px 5px 0px grey; */
}

/* #subNavbar, #subNavbar-market {
    top: 61px;
}
#subNavbar, #subNavbar-market {
    top: 61px;
} */
@media (max-width: 767px) {

    #subNavbar-market,
    #subNavbar,
    #companySubNavbar,
    #subNavbarMutualFund,
    #subNavbarEconomy {
        position: sticky;
        top: 37px;
    }
}

@media screen and (max-width: 520px) {

    #subNavbar-market,
    #subNavbar,
    #companySubNavbar,
    #subNavbarMutualFund,
    #subNavbarEconomy {
        position: fixed;
        top: 58px !important;
    }
}

@media screen and (max-width: 520px) {
    .main-navbar .search-wrapper {
        right: 40%;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {

    #subNavbar-market,
    #subNavbar,
    #companySubNavbar,
    #subNavbarMutualFund,
    #subNavbarEconomy {
        top: 58px !important;
    }
}

@media screen and (max-width: 992px) {
    .scroll-line {
        top: 0px !important;
    }
}

#companySubNavbar {
    /* position: sticky; */
    top: 60px;
    z-index: 2;
}

#companySubNavbar ul {
    position: sticky !important;
    top: 60px !important;
    z-index: 2;
}

/* for search bar in home page */
.form-group .fa-magnifying-glass {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
    left: 5%;
    color: var(--brand-green)
}

.form-group .fa-xmark {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
    right: 5%;
    color: var(--brand-green)
}

/* for input-bar in main-navbar */


/* for input-bars in add-shares tab of portfolio */
#replicableFieldsDivParent input {
    /* box-shadow: 0 3px 10px 0 rgb(106 115 143 / 10%); */
    /* border: solid 1px #f3f3f5; */
    border-radius: 5px;
    /* padding: 10px!important; */
    width: 100% !important;
}

#replicableFieldsDivParent input::placeholder {
    color: var(--brand-black-25);
}

.output.ps.active a {
    border-bottom: 1px solid var(--brand-green);
    padding: 0.5rem;
}

.form-group .output.ps.active a {
    padding: 1.5rem;
}

.search-sm-div-box a {
    border-bottom: 1px solid var(--brand-green-50) !important;
}

.output.ps.active a:hover {
    text-decoration: none;
    color: black !important;
    background-color: var(--brand-green-10) !important;
}

/* for searchbox */
.form-group .fa-xmark {
    display: none;
}

.form-group {
    position: relative;
    z-index: 3;
}

.searc .searchbox:focus {
    box-shadow: 3px 0 10px 1px rgb(0 0 0 / 6%);
}

.search-wrapper .fa-xmark {
    display: none;
}

@keyframes opa1 {
    from {
        opacity: 0
    }

    to {
        opacity: 100;
    }
}

/* for scroll-to-top-button */
/* .progress-wrap::after{
    color:var(--brand-green) !important;
} */
body {
    font-family: var(--brand-primary-font);
    color: var(--brand-black);
}

.card h4 {
    font-size: 1.25rem;
}

p {
    line-height: 40px;
    font-weight: 405;
    /* font-size: 0.9rem; */
}

.main-sm {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* for */
/* for mascot in home page */
[alt="tulke_home"] {
    position: relative;
    z-index: 3;
}

/* number-table starts */
.number-table.table > :not(caption) > * > * {
    border-color: #dee2e6;
}

.number-table.table thead th {
    background: var(--brand-green__table) !important;
    color: white !important;
}

tbody tr:hover {
    box-shadow: 0px 2px 5px var(--brand-black-25);
    transform: scale(1.001);
    /* height: 50px; */
}

.table-reponsive {
    padding: 0 5px 0 5px !important;
}

.list-group li:hover,
.accordion-item:hover {
    box-shadow: 0px 1px 5px 0px var(--brand-black-25) inset;
}


.h-700p {
    height: 700px;
}

.h-249p {
    height: 249px !important;
}


.number-table.table tbody td {
    font-family: var(--brand-secondary-font);
}

/* number table ends */
/* number-table-sm starts */
.number-table-sm.table > :not(caption) > * > * {
    border-color: #dee2e6;
}

.number-table-sm.table thead th {
    font-family: var(--brand-primary-font);
    font-weight: 500;
    background-color: #f8fafd !important;
    border-color: #fff;
    font-size: var(--brand-text-sm)
}

.number-table-sm.table tbody td {
    font-family: var(--brand-secondary-font);
    font-size: var(--brand-text-sm)
}

/* number table ends */
/* search bar or input */


.fa-xmark {
    display: none;
}

.input-bar {
    /* box-shadow: 0 3px 10px 0 rgb(106 115 143 / 10%); */
    /* border: solid 1px #f3f3f5; */
    border-radius: 5px;
    padding: 10px !important;
    width: 100% !important;
    border: 1px solid var(--brand-black-25);
    height: 45px;
    /* height: 38px !important; */
}

.input-bar::placeholder {
    color: var(--brand-black-75);
}

.text-area {
    box-shadow: 0 3px 10px 0 rgb(106 115 143 / 10%);
    border: solid 1px #f3f3f5;
    border-radius: 1.8rem;
    padding: 5px 15px !important;
    width: 100%;
}

/* for search bar in nav */
.search-wrapper a {
    color: black !important;
    font-size: 0.85rem !important;
}

.form-group a {
    font-size: 0.9rem !important;
}

.dataTables_filter input {
    font-size: 0.8rem;
    font-weight: 400;
    /* border-radius: 35px !important; */
    background-color: #fff;
    color: #000000;
    margin: auto;
    padding: 5px 10px !important;
}

.dataTables_wrapper .dataTables_length label select {
    box-shadow: 0 3px 10px 0 rgb(106 115 143 / 10%) !important;
    border: solid 1px #f3f3f5 !important;
    border-radius: 1rem !important;
    padding: 5px 5px !important;
}

.dataTables_length {
    margin-bottom: 1rem !important;
}

/* .search-wrapper{
    width: 0;
} */
.main-navbar .fa-magnifying-glass {
    /* padding: 10px;
box-shadow: 0px 0px 5px 0px lightgreen;
border-radius: 50%; */
}

/* .search-bar-sm{
    width: 0;
    padding:0;
    margin:0;
} */
.fs-0point65rem {
    font-size: .65rem;
}

.search-wrapper .fa-magnifying-glass {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -50%);
    left: 15px;
    color: var(--brand-green)
}

::-webkit-scrollbar {
    height: 4px !important;
    width: 4px !important;
}


#timelineId ::-webkit-scrollbar {
    height: 7px !important;
}


/* .main-navbar .search-bar-sm:focus {
    box-shadow:none;
        box-shadow: 1px 1px 5px 2px rgb(106 115 143 / 10%);
} */
.main-navbar {
    border-bottom: 1px solid var(--brand-green-25) !important;
}

/* @media screen and (min-width:1300px){
.search-wrapper .fa-xmark{
    right:2%;
}
} */
/* for table with buttons */
.reset-card button {
    font-size: 13px;
}

.text-red {
    color: var(--brand-red) !important;
}

.text-green {
    color: var(--brand-green) !important;
}

.text-brown {
    color: var(--brand-brown) !important;
}

.text-sky-blue {
    color: var(--brand-sky-blue) !important;
}

.text-purple {
    color: var(--brand-purple) !important;
}

.text-blue {
    color: var(--brand-blue) !important;
}

.text-black {
    color: var(--brand-black);
}

.bg-blue-25 {
    background-color: var(--brand-blue-25);
}

.bg-red {
    background-color: var(--brand-red);
}

.bg-green {
    background-color: var(--brand-green);
}

.bg-green-85 {
    background-color: rgb(53, 177, 79);
}

.bg-green:hover {
    background-color: var(--brand-green-hover);
}

.text-grey {
    color: var(--brand-grey);
}

.text-sm {
    font-size: .9rem;
    font-weight: 600;
}

.text-xs {
    font-size: .8rem;
}

.btn-outline-green {
    border: 1px solid var(--brand-green);
    color: var(--brand-green);
}

.btn-outline-green:hover {
    border: 1px solid var(--brand-green-hover);
    color: #fff !important;
    background-color: var(--brand-green)
}

#charts .btn-group .btn.active {
    color: white;
    background-color: var(--brand-green-75);
    border: 1px solid var(--brand-green);
}

.btn-outline-red {
    outline: 1px solid var(--brand-red);
}

.widget-card h4 {
    font-family: var(--brand-primary-font), sans-serif !important;
}

.widget-card p {
    font-family: var(--brand-secondary-font), sans-serif !important;
}

/* .widget-card .card-title {
    font-size: .875rem;
    line-height: 1.25rem;
} */
/* for subnavbar */
#subNavbar a.active {
    background-color: transparent;
    /* color: white !important; */
    border-radius: 0px !important;
    border-bottom: 2px solid var(--brand-green);
}

#navbarSupportedContent .dropdown a.active-1 {
    border-bottom: 2px solid transparent;
}

#navbarSupportedContent a {
    border-bottom: 2px solid transparent;
}

#navbarSupportedContent a.active-1 {
    border-bottom: 2px solid var(--brand-green);
}

.active-1 {
    border-bottom: 2px solid var(--brand-green);
}

li:last-child a.active-1 {
    border: 0 !important;
}

/* for active li in market page */
#subNavbar-market li.active {
    /* border-bottom: 2px solid var(--brand-green);
    border-radius: 5px; */
}

/* for li in cards in portfolio page */
.card ul li.active {
    background-color: transparent;
    /* color: white !important; */
    border-radius: 0px !important;
    border-bottom: 0px solid var(--brand-green);
}

.card ul li.active a {
    background-color: transparent;
    /* color: white !important; */
    border-radius: 0px !important;
    border-bottom: 2px solid var(--brand-green);
}

#portfolioWidgetCards span {
    margin-bottom: 4px;
}

#checkIpoResult .card ul li.active a {
    background-color: transparent;
    /* color: white !important; */
    border-radius: 0px !important;
    border-bottom: 0px solid var(--brand-green) !important;
}

/* .portfolio-hero-bg::after{
    content: "";
    position:absolute;
    top:20%;
    left:0;
    height:100%;
    width: 100%;
    padding-top: 4em;
    background:
    url(/static/landing4/assets/images/bg-icons/stock-4_1.png),
    url(/static/landing4/assets/images/bg-icons/stock-2_2.png),
    url(/static/landing4/assets/images/bg-icons/stock-3_2.png),
    url(/static/landing4/assets/images/bg-icons/stock-1_3.png);
    filter: brightness(70%);
    background-size: 3%, 10%, 8%, 6%;
background-position: left 89% top 5.9%,
left 7% top 33%,
 left 98% top 37%,
  left 30% top 5%;
background-repeat: no-repeat;
    z-index:0;
}
  @media screen and (max-width:991px){
           .portfolio-hero-bg::after{
             background-size: 0;
           }
    } */
.container__portfolio {
    z-index: 1;
}

.card ul li.active a {
    /* color: white !important; */
}

#checkIpoResult .card ul li.active button {
    /* background-color: var(--brand-green); */
    /* color:white!important; */
}

#checkIpoResult .card ul li.active button.active {
    background-color: transparent !important;
}

#checkIpoResult .nav-pills .nav-link.active {
    background-color: transparent;
    color: black;
}

/* for market-analysis */
#marketAnalysis table tbody td:first-child {
    /* font-weight: bold; */
}

.broker-holding th {
    width: 20%;
}

/* for profile page charts */
#charts .card ul li.active button {
    background-color: var(--brand-green);
    color: white !important;
}

/* slick slider */
.company-slider-js .slick-slide {
    margin: 0 5px;
}

.company-slider-js .slick-list {
    margin: 0 -7px;
}

.custom-slider .control-c {
    width: 30px;
    height: 30px;
    background: grey;
    border-radius: 30px;
    z-index: 1;
    padding: 6px;
}

.list-card h3 {
    font-size: 16px;
}

.star-group img {
    width: 20px;
}

.text-num {
    font-family: 'Nunito', sans-serif;
}

.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.widget-card .img-cont {
    height: 75px;
    position: relative;
    overflow: hidden;
    width: 75px;
    background: #fff;
    border-radius: 50px;
    padding: 10px;
}

.widget-card .img-cont img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.btn-brand {
    padding: 12px 36px;
    border-radius: 30px;
    font-size: 15px;
}

.section-header {
    margin-bottom: 24px;
}

.section-header-sm {
    margin-bottom: 8px;
}

.border-brand-on {
    border: 1px solid green;
}

.border-brand-off {
    border: 1px solid red;
}

.number-table.table > :not(caption) > * > * {
    border-color: #dee2e6;
}

.rotate-180 {
    transform: rotate(180deg);
}

/* /////////////////////////////////////////////////////////////////////// */
.side-navigation {
    /* background-color: var(--brand-green); */
    transition: all 0.5s ease-in-out !important;
}

.home-banner {
    background-color: #fff;
}

.gurumantra-features {
    /* background: radial-gradient(#FFFFFF, #35B14F44); */
}

.why-gurumantra {
    background-color: #fff;
}

.light-shadow {
    box-shadow: 2px 7px 25px 15px rgb(0 0 0 / 10%);
}

.link-text {
    color: var(--brand-green);
    font-weight: bold;
}

/* for chrome and  */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--brand-green);
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--brand-green);
}

/* for mozilla */
::-moz-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-moz-scrollbar-track {
    border-radius: 4px;
}

/* Handle */
::-moz-scrollbar-thumb {
    background: var(--brand-green);
    border-radius: 4px;
}

/* Handle on hover */
::-moz-scrollbar-thumb:hover {
    background: var(--brand-green);
}


.h-350px {
    height: 350px;
}

.max-w-100 {
    max-width: 100%;
}

:focus {
    outline: none !important;
}

/* default font size */
.fa {
    font-size: 16px;
}

/* Override the bootstrap defaults */
/* ul li{list-style:none;} */
legend {
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0px 5px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #666;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    font-size: 14px;
}

.box {
    margin: 0 -10px;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
    font-size: 14px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

/* Gradient to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: var(--brand-green);
    /* font-weight: 400; */
    /* color: #ffffff; */
    /* background-color: #8dc73d; */
}

/* top */
.btn.btn-link.dropdown-toggle > img {
    margin: 0 10px 2px 0;
}

#top .container {
    padding: 0 20px;
}

#top #currency .currency-select {
    text-align: left;
}

#top #currency .currency-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #3b5998;
    background-image: linear-gradient(to bottom, #3b5998, #1f90bb);
    background-repeat: repeat-x;
}

#top .btn-link,
#top-links a {
    text-decoration: none;
    padding: 5px 8px 0;
    display: inline-block;
}

#wishlist-total {
    color: #808080;
}

.dropdown a {
    color: #fff;
    font-weight: 500;
    position: relative;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36);
    text-transform: uppercase; */
}

.dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: var(--brand-green);
}

.side-navigation .dropdown-menu a {
    color: black;
    display: block;
    background: white;
    text-transform: capitalize;
}

.dropdown-menu-first hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dropdown-item small {
    font-weight: bold;
}

#top-links li .fa {
    font-size: 12px;
    margin: 0 5px 0 0;
}

#top-links > li {
    padding: 0 11px;
}

#top .btn-link:hover,
#top-links a:hover {
    color: #000 !important;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#top-links {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#top-links ul {
    margin: 0;
    top: 38px;
    float: left;
}

#top-links a + a {
    margin-left: 15px;
}

/* CSS for Header Start */
.header-top {
    background-color: rgba(0, 0, 0, 0.1);
}

.language .btn.btn-link.dropdown-toggle {
    padding-left: 0;
}

.language,
.currency {
    float: left;
}

.respo-header-middle,
.top-toggle {
    display: none;
}

.header-inner {
    text-align: center;
    padding: 16px 0;
}

.header-inner .header-left,
.header-inner .header-right {
    padding: 0;
    margin: 18px 0;
}

.header-inner .header-middle {
    padding: 0;
    display: inline-block;
    float: none;
}

.header-inner .header-right {
    float: right;
}

/* logo */
#logo {
    margin: 0;
    display: inline-block;
}

#logo img,
#logo svg {
    height: 50px !important;
    padding: 0.6rem;
}

.shipping-img,
.returns-img {
    /*background: url(../image/shipping.png) no-repeat scroll 0 -79px;*/
    height: 41px;
    width: 50px;
    float: left;
}

.shipping {
    text-align: left;
    padding: 0;
}

.shipping-text {
    color: #000;
    line-height: 20px;
    font-size: 17px;
    overflow: hidden;
    font-weight: 600;
}

.shipping-detail {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

/* search */
.header-right #search .input-lg {
    height: 36px;
    line-height: 20px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    width: 340px;
}

.header-right #search .btn-lg {
    line-height: 21px;
    padding: 5px 7px 6px 10px;
    text-shadow: none;
    background: #e7553f;
    border-radius: 0;
    border: 0;
    color: #323131;
    float: left;
    margin: 3px;
}

.search-box {
    float: left;
    position: relative;
}

.search-box input.input-text {
    border: 1px solid #ccc;
    opacity: 1;
    padding: 6px 16px;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 250px;
    border: 0 solid;
    border-radius: 2rem;
}

.search-box:hover input.input-text,
.search-box input.input-text:focus {
    opacity: 1;
    width: 250px;
}

.search-btn {
    background: transparent none repeat scroll 0 0;
    margin: 5px;
    position: relative;
    z-index: 99;
    border: none;
}

/* Cart */
#cart {
    margin-bottom: 10px;
}

#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}

#cart > .btn:hover .fa {
    color: #666;
}

#cart .img-thumbnail {
    max-width: none;
    width: auto;
}

.header-right #cart > .btn {
    line-height: 18px;
    color: #000;
    background: none;
    border: 0;
    text-shadow: none;
    padding: 8px 5px 10px;
    margin: 0 auto;
    width: auto;
    text-align: right;
}

.header-right #cart {
    float: right;
    margin: 0;
}

.header-right #cart .dropdown-menu {
    margin: 0;
}

.header-right .fa-caret-down {
    padding: 0px 0px 0 10px;
    color: #aaabab;
}

.header-right .fa-caret-down:hover {
    color: #fff;
}

.header-right #search {
    float: right;
    clear: right;
    margin: 0;
    border: 1px solid #e5e5e5;
}

.header-right #search .btn-lg:hover .fa {
    color: #666;
}

#cart-total {
    /*background: url() no-repeat;*/
    padding: 4px 0 12px 60px;
    float: right;
    background-size: contain;
}

.cart-title {
    font-size: 16px;
    font-weight: 700;
}

#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}

#cart.open > .btn:hover {
    color: #444;
}

#cart .dropdown-menu {
    background: #fff;
    z-index: 1001;
}

#cart .dropdown-menu {
    width: 300px;
    padding: 10px;
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu table.table-bordered,
#cart .dropdown-menu table.table-bordered td,
#cart .dropdown-menu table.table-striped td {
    border: none;
    padding: 4px;
    vertical-align: top;
    background: none;
}

#cart .dropdown-menu table.table-bordered {
    border-top: 1px solid #ddd;
}

#cart .dropdown-menu table.table-striped .btn-danger {
    padding: 0px 3px;
    background: none;
    border: none
}

#cart .dropdown-menu table.table-striped .btn-danger .fa,
#cart .dropdown-menu table.table-striped .btn-danger:hover .fa {
    font-size: 12px;
    color: red;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

#cart .dropdown-menu li p {
    padding: 10px 0;
    margin: 0;
}

#cart .btn-viewcart a,
#cart .btn-checkout a {
    color: #fff;
    background: #ef8829;
    display: inline-block;
    padding: 6px 15px;
}

#cart .btn-viewcart a:hover,
#cart .btn-checkout a:hover {
    background: #000;
}

#cart strong {
    font-weight: 500;
}

.header-contact {
    display: inline-block;
}

.shipping {
    margin: 10px 0;
}

.header-middle-top {
    float: none;
    display: inline-block;
    width: 100%;
}

.header-middle-top .shipping {
    border-left: 1px solid #ccc;
    padding-left: 50px;
}

.header-middle-top .returns,
.header-middle-top .shipping {
    float: none;
    display: inline-block;
}

.language .dropdown-menu {
    left: 0;
    margin: 0;
    right: auto;
    top: 38px;
    text-align: left;
}

.currency .dropdown-menu {
    left: 0;
    margin: 0;
    right: auto;
    top: 38px;
    text-align: left;
}

.language li a,
.currency li .btn-link {
    padding: 2px 10px;
}

.language li a:hover,
.currency li .btn-link:hover {
    color: #000;
}

.currency .btn-link {
    text-align: left;
    width: 100%;
}

.language .dropdown-menu li > a:hover {
    background: none;
}

.currency .btn-link,
.language .btn-link,
.currency .btn-link:hover {
    background: none;
    text-decoration: none;
    color: #000;
}

.language .btn-link,
.language .btn-link:active {
    /*background-image: url("../image/pipe.jpg");*/
    background-position: right center;
    background-repeat: no-repeat;
}

.currency .btn-link:hover,
.language .btn-link:hover {
    color: #000;
}

.header-middle-right .currency .btn-link,
.header-middle-right .language .btn-link {
    padding: 0;
    margin: 6px 8px;
}

.currency .btn-link .fa,
.language .btn-link .fa {
    margin: 0 10px;
}

.header-middle-right .currency li .btn-block,
.header-middle-right .language li a {
    padding: 3px 5px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0;
}

.header-middle-right .currency li .btn-block:hover,
.header-middle-right .language li a:hover {
    background: none;
    color: #333;
}

.contact-top .telephone {
    color: #cacaca;
    font-weight: bold;
}

.contact-top > span {
    color: #aaabab;
}

.contact-top {
    padding: 8px 7px 0;
}

#top-links .dropdown-menu {
    text-align: left;
}

#top-links .dropdown-menu li a {
    padding: 3px 10px;
}

#top-links .dropdown-menu li a:hover {
    background: none;
    color: #333;
}

#top-links .dropdown.open .dropdown-toggle {
    background: none;
}

/* CSS for Header End */
/* Menu */
#menu {
    background: -moz-linear-gradient(90deg, rgb(125, 180, 50) 100%, rgb(141, 196, 69) 0%);
    background: -webkit-linear-gradient(90deg, rgb(125, 180, 50) 100%, rgb(141, 196, 69) 0%);
    background: -o-linear-gradient(90deg, rgb(125, 180, 50) 100%, rgb(141, 196, 69) 0%);
    background: -ms-linear-gradient(90deg, rgb(125, 180, 50) 100%, rgb(141, 196, 69) 0%);
    background: #FFFFFF;
    min-height: 56px;
    border-radius: 0px;
}

#menu .nav > li > a {
    color: #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
    padding-bottom: 0;
    padding-top: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #3b5998;
    background-image: linear-gradient(to bottom, #3b5998, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

#menu .btn-navbar .fa {
    font-size: 24px;
    line-height: 20px;
    vertical-align: -4px;
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #fff;
    padding: 0;
    float: right;
    margin: 0;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: right;
    border: none;
    width: 100%;
    padding: 23px 0;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
}

.testimonial-desc {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
        border-radius: 0;
    }

    .header-inner .header-left,
    .header-inner .header-right {
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 767px) {
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}

/* prlx start*/
.parallax {
    /*background-image: url(../image/prlx.jpg);*/
    background-size: auto;
    background-position: 50% 50%;
    padding: 70px 0;
    margin: 50px 0 20px;
    text-align: center;
}

/*testimonial*/
#testimonial {
    background: transparent none repeat scroll 0 0;
}

.testimonial-desc {
    line-height: normal;
    color: #404040;
    margin: 0 190px 40PX;
    font-size: 14px;
    line-height: 24px;
}

.testimonial-name h2 {
    font-size: 18px;
    margin: 0;
}

.testimonial-name {
    margin-top: 20px;
}

#testimonial .owl-controls .owl-page {
    padding: 3px;
    border: 1px solid #000;
}

#testimonial .owl-controls .owl-page span {
    background: #000;
    height: 5px;
    width: 5px;
}

#testimonial .owl-controls .owl-page.active span,
#testimonial .owl-controls .owl-page span:hover {
    background: #ef8829;
}

#testimonial .owl-controls .owl-page:hover,
#testimonial .owl-controls .owl-page.active {
    border: 1px solid #ef8829;
}

.home-slider .owl-controls .owl-page.active span {
    cursor: default;
}

#testimonial .owl-pagination {
    position: absolute;
    top: 60px;
    right: 20px;
}

#testimonial .owl-controls .owl-page {
    margin: 10px 6px;
    display: block;
}

/* testimonial  end*/
/* prlx end*/
/* modal */
.add-shareholders-btn input,
.add-shareholders-btn select {
    border-radius: 5px;
    padding: 10px !important;
    width: 100%;
    border: 1px solid var(--brand-black-25);
    height: 45px;
}

.add-shareholders-btn textarea {
    border-radius: 5px;
    padding: 10px !important;
    width: 100%;
    border: 1px solid var(--brand-black-25);
    height: 150px;
}

/* textarea {
    border-radius: 5px !important;
    padding: 10px !important;
    width: 100% !important;
    border: 1px solid var(--brand-black-25) !important;
    height: 150px !important;
} */
/* footer */

.footer a:hover {
    color: var(--brand-green);
}

.footer li a,
.footer li .fa {
    line-height: 30px;
}

.footer {
    /* background-color: var(--brand-green); */
    background-color: #eeeeee;
    padding: 40px 0 20px 0;
}

.footer-bottom {
    background: #6FB33B;
    padding: 5px 0;
    color: #fff;
}

.footer-bottom a {
    float: left;
    clear: both;
}

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

footer,
footer a,
.footer-bottom a {
    color: #808080;
}

.footer-bottom a {
    float: right;
    margin-left: 0px;
}

footer a:hover {
    color: #ef8829;
}

footer h5 {
    font-size: 18px;
    color: #000;
    line-height: 25px;
    font-weight: 600;
}

footer ul {
    margin: 15px 0 0;
    padding: 0;
}

footer ul li {
    padding: 1px 0;
}

.copyright a {
    color: #fff;
}

/* breadcrumb */
.breadcrumb {
    margin: 20px 0;
    padding: 10px 15px;
    background: #F5F5F5;
}

.breadcrumb li a {
    color: #949494;
}

.breadcrumb li a:hover {
    color: #333645;
}

.breadcrumb i {
    font-size: 15px;
}

.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    position: relative;
    white-space: nowrap;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.pagination {
    margin: 0;
}

/* list group */
#column-left .list-group a,
#column-right .list-group a {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 5px 0;
}

#column-left .list-group a.last,
#column-right .list-group a.last {
    border: none;
}

.list-group a {
    border: 1px solid #DDDDDD;
    color: #404040;
    padding: 8px 12px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    /* color: #ef8829;
    background: none;
    border: none; */
}

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* product list */
.product-thumb {
    margin: 0 10px 20px;
    overflow: hidden;
}

.product-thumb .image {
    text-align: center;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
    opacity: 0.8;
}

.product-grid .product-thumb .image {
    float: none;
}

.product-list .product-thumb .image {
    float: left;
    background: #F5F5F5;
    margin: 0 20px 0 0;
}

.product-thumb .product-name {
    font-weight: 600;
    margin: 10px 0 5px;
}

.product-list .product-thumb .product-name {
    margin: 0 0 10px;
}

.product-list .product-desc {
    margin: 0 0 10px;
}

.product-thumb .caption {
    padding: 20px 25px 30px;
}

.product-list .product-thumb .caption {
    float: left;
    padding: 0;
    width: 65%;
}

#content .product-list .product-thumb .product-price {
    float: none;
    margin: 0 0 10px;
}

.product-list .product-thumb .product-imageblock .button-group {
    display: none;
}

#content .product-list .product-thumb .rating {
    float: none;
    display: inline-block;
    margin: 0 0 10px;
}

.product-list .product-thumb {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-width: 0 0 1px;
    border-color: #ddd;
    border-style: solid;
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        padding: 0 10px;
    }
}

@media (max-width: 980px) {
    .product-grid .product-thumb .caption {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-thumb .rating {
}

.rating .fa-stack {
    font-size: 8px;
    vertical-align: 1px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #E69500;
}

h2.price {
    margin: 0;
}

.product-thumb .price {
    color: #444;
    font-weight: 600;
    font-size: 16px;
}

#content .product-thumb .product-price {
    float: left;
}

#content .product-thumb .rating {
    float: right;
}

.product-thumb .price-new {
    font-weight: 600;
}

.product-thumb .price-old {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: none;
}

.product-thumb .button-group {
    background: none;
    overflow: auto;
    text-align: center;
}

.tab-content .product-grid .product-thumb > .button-group,
#content .product-slider .product-thumb > .button-group,
#content .product-grid .product-thumb > .button-group,
.column-left .product-grid .product-thumb .product-imageblock .button-group,
.column-right .product-grid .product-thumb .product-imageblock .button-group,
.column-left .product-slider .product-thumb .product-imageblock .button-group,
.column-right .product-slider .product-thumb .product-imageblock .button-group {
    display: none;
}

#content .product-slider .product-thumb .product-imageblock .button-group,
#content .product-grid .product-thumb .product-imageblock .button-group {
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -38px;
    margin-bottom: 20px;
}

#content .product-thumb:hover .product-imageblock .button-group {
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    bottom: 0px;
}

.product-slider .product-thumb .product-imageblock,
#content .product-grid .product-thumb .product-imageblock {
    position: relative;
    overflow: hidden;
}

.product-list .product-thumb .button-group {
    float: left;
}

#content .product-grid .product-grid-item {
    padding: 0;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    background-color: #eee;
    color: #888;
    text-align: center;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.product-thumb .button-group .addtocart-btn {
    background: #ef8829;
    display: inline-block;
    padding: 4px 20px;
    font-weight: 500;
    float: none;
    width: auto;
    color: #ffffff;
    border-radius: 4px;
    text-transform: capitalize;
    margin: 0 2px;
}

.product-thumb .button-group .addtocart-btn:hover {
    background: #000;
    color: #ffffff;
}

.product-thumb .button-group .wishlist,
.product-thumb .button-group .compare {
    height: 40px;
    width: 40px;
    background: #ef8829;
    padding: 0;
}

.product-thumb .button-group .wishlist:hover,
.product-thumb .button-group .compare:hover {
    background: #000;
}

.product-thumb .button-group .wishlist .fa,
.product-thumb .button-group .compare .fa {
    color: #ffffff;
}

@media (max-width: 1200px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%;
    }

    .testimonial-desc {
        margin: 0 50px 10px;
    }
}

@media (max-width: 767px) {

    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%;
    }

    .testimonial-desc {
        margin: 0 50px 10px;
    }
}

.thumbnails {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails > img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    display: inline-block;
}

#product-thumbnail .item {
    text-align: center;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

.qty-label {
    float: left;
    margin: 5px 5px 5px 0;
}

.productpage-qty {
    width: 50px;
}

.productpage-title {
    font-weight: bold;
}

.product-slider.owl-carousel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible;
}

#content .blog-wrapper .owl-buttons,
.product-slider.owl-carousel .owl-buttons {
    position: absolute;
    top: -60px;
    width: 100%;
}

.product-slider.owl-carousel .owl-buttons div {
    opacity: 1;
    font-size: 0;
}

.product-slider.owl-carousel .owl-buttons > div {
    /*background: url("../image/sprite.png") no-repeat 0 0;*/
    height: 20px;
    width: 20px
}

#content .blog-wrapper .owl-buttons > div.owl-next,
.product-slider.owl-carousel .owl-buttons > div.owl-next {
    border: 1px solid #ddd;
    background-position: -11px -101px;
    right: 10px;
    left: auto;
    height: 35px;
    width: 35px;
    opacity: 1;
}

#content .blog-wrapper .owl-buttons > div.owl-next:hover,
.product-slider.owl-carousel .owl-buttons > div.owl-next:hover {
    background-position: -11px -136px;
    border-color: #ef8829;
}

#content .blog-wrapper .owl-buttons > div.owl-prev,
.product-slider.owl-carousel .owl-buttons > div.owl-prev {
    border: 1px solid #ddd;
    background-position: -13px -33px;
    left: auto;
    right: 50px;
    height: 35px;
    width: 35px;
    opacity: 1;
}

#content .blog-wrapper .owl-buttons > div.owl-prev:hover,
.product-slider.owl-carousel .owl-buttons > div.owl-prev:hover {
    background-position: -13px -67px;
    border-color: #ef8829;
}

.col-2 #product-thumbnail.owl-carousel {
    width: 460px;
}

.col-3 #product-thumbnail.owl-carousel {
    width: 330px;
}

#product-thumbnail.owl-carousel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 auto;
    width: 500px;
}

#product-thumbnail.owl-carousel .owl-buttons {
    position: absolute;
    top: 40%;
    width: 100%;
}

#product-thumbnail.owl-carousel .owl-buttons div {
    opacity: 0;
    font-size: 0;
    height: 20px;
    width: 15px;
}

#product-thumbnail.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

#product-thumbnail.owl-carousel .owl-buttons > div:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 25px;
    font-weight: 900;
    padding: 0 7px;
    border: 1px solid #ddd;
    color: #ddd;
}

#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:before {
    content: '\f054';
}

#product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:before {
    content: '\f053';
}

#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:hover:before,
#product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:hover:before {
    color: #ef8829;
    border-color: #ef8829;
}

#product-thumbnail.owl-carousel .owl-buttons .owl-next,
#product-thumbnail.owl-carousel:hover .owl-buttons .owl-next {
    right: 0;
    left: auto;
}

#product-thumbnail.owl-carousel .owl-buttons .owl-prev,
#product-thumbnail.owl-carousel:hover .owl-buttons .owl-prev {
    left: -15px;
}

#product-thumbnail.owl-carousel .image-additional a {
    margin-bottom: 0;
}

/* CSS for Custom Tab */
.customtab-wrapper {
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: top;
    margin: 58px 0 25px;
    width: 100%;
}

.customtab-wrapper ul {
    margin: 0;
}

.customtab .tab {
    float: left;
    list-style-type: none;
    margin: 0 10px -1px 0;
}

.tab a {
    padding: 10px 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin: 0 3px 0 0;
    border: 1px solid #ddd;
}

.tab a.selected,
.tab a:hover {
    background: #EF8829;
    color: #fff;
    border-color: #EF8829;
}

.customtab-inner {
    padding: 0;
}

.customtab .product-slider.owl-carousel .owl-buttons {
    top: -60px;
}

/* CSS for Menu start */
.navbar {
    border: none;
}

.main-navigation > li {
    display: inline-block;
    list-style-type: none;
    position: relative;
    margin-top: 3px;
}

.main-navigation > li:first-child {
    background: none;
}

/* CSS for Menu level-1 */
.main-navigation li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.main-navigation li li a {
    font-size: 14px;
    font-weight: 200;
    text-shadow: 0px 0px;
}

.main-navigation li a:hover,
.main-navigation li a:active {
    color: #fff;
    background: none;
}

.main-navigation li > a {
    font-weight: 500;
    position: relative;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

ul.main-navigation {
    display: inline-block;
    width: 100%;
    margin: 0;
    vertical-align: top;
    text-align: center;
}

.main-navigation li ul {
    position: absolute;
    left: 0;
    top: 45px;
    padding: 0;
    background: #6EA22B;
    z-index: 9;
    width: 220px;
    text-align: left;
    display: none;
}

.main-navigation li:hover > ul {
    display: block;
}

.main-navigation li:hover > ul:hover .main-navigation li > a {
    color: #fff;
    background: #6EA22B;
}

/* CSS for Menu level-2 */
.main-navigation li .dropdown-menu a {
    color: #fff;
    display: block;
    padding: 10px 25px;
    background: #6ea22b;
    text-transform: capitalize;
}

.main-navigation li .dropdown-menu a:hover {
    color: #fff;
    background: #8dc73d;
}

.main-navigation li ul ul {
    left: 220px;
    display: none;
    top: 0;
}

.main-navigation li.last-menu ul ul {
    left: auto;
    right: 220px;
}

ul.main-navigation > li.menu-last ul {
    left: auto;
    right: 0;
}

ul.main-navigation > li.menu-last ul ul {
    left: auto;
    right: 220px;
}

.main-navigation li li {
    display: inline-block;
    list-style-type: none;
    width: 100%;
    position: relative;
    transition: 200ms;
    -moz-transition: 200ms;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
}

.main-navigation li li:hover {
    background: #ef8829;
    transition: 300ms;
    -moz-transition: 300ms;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
}

.main-navigation li li:hover > a {
    color: #fff;
}

/* CSS for Menu end */
/* CSS for sidebar product block start */
.column-left .product-grid .product-grid-item,
.column-right .product-grid .product-grid-item {
    width: 100%;
    padding: 0;
}

.column-left .product-grid .wishlist,
.column-left .product-grid .compare,
.column-right .product-grid .wishlist,
.column-right .product-grid .compare,
.column-left .product-grid .price-tax,
.column-right .product-grid .price-tax,
.column-left .product-slider .wishlist,
.column-left .product-slider .compare,
.column-right .product-slider .wishlist,
.column-right .product-slider .compare,
.column-left .product-slider .price-tax,
.column-right .product-slider .price-tax {
    display: none;
}

.column-left .product-grid .product-imageblock,
.column-right .product-grid .product-imageblock,
.column-left .product-slider .product-imageblock,
.column-right .product-slider .product-imageblock {
    float: left;
    margin: 0 15px 0 0;
    min-height: 70px;
}

.column-left .columnblock-title,
.column-right .columnblock-title {
    font-size: 18px;
    margin: 0;
    padding: 13px 20px 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.filter-block .btn-primary {
    float: none;
}

#column-left .blog .blog-heading h3,
#column-right .blog .blog-heading h3,
.column-left .productblock-title,
.column-right .productblock-title,
.column-left .cms-title,
.column-right .cms-title {
    font-size: 18px;
    background: #000;
    color: #fff;
    margin: 0;
    padding: 13px 20px 11px;
}

.column-left .product-grid .product-imageblock > a,
.column-right .product-grid .product-imageblock > a,
.column-left .product-slider .product-imageblock > a,
.column-right .product-slider .product-imageblock > a {
    border: 1px solid #ddd;
    display: inline-block;
}

.column-left .product-grid .product-thumb,
.column-right .product-grid .product-thumb,
.column-left .product-slider .product-thumb,
.column-right .product-slider .product-thumb {
    margin: 0 0 20px;
    border: none;
    padding: 0 0 10px;
    border-bottom: 1px solid #D9D9D9;
}

.column-left .product-grid .last .product-thumb,
.column-right .last .product-grid .product-thumb,
.column-left .product-slider .last .product-thumb,
.column-right .last .product-slider .product-thumb {
    margin: 0;
    padding: 0;
    border: none;
}

.column-left .product-grid .caption.product-detail,
.column-right .product-grid .caption.product-detail,
.column-left .product-slider .caption.product-detail,
.column-right .product-slider .caption.product-detail {
    float: left;
    padding: 0;
    width: 55%;
}

.column-left .product-grid .button-group,
.column-right .product-grid .button-group,
.column-left .product-slider .button-group,
.column-right .product-slider .button-group {
    float: left;
    margin: 0;
    background: none;
    border: 0;
}

.column-left .product-grid .button-group .addtocart-btn,
.column-right .product-grid .button-group .addtocart-btn,
.column-left .product-slider .button-group .addtocart-btn,
.column-right .product-slider .button-group .addtocart-btn {
    background: none;
    border: 0;
    width: auto;
    padding: 0;
    line-height: 22px;
    font-weight: normal;
    text-transform: capitalize;
    color: #666666;
}

.column-left .product-grid .button-group .addtocart-btn:hover,
.column-right .product-grid .button-group .addtocart-btn:hover {
    color: #ef8829;
}

.column-left .product-grid .product-price,
.column-right .product-grid .product-price,
.column-left .product-slider .product-price,
.column-right .product-slider .product-price {
    margin: 0;
    color: #404040;
}

.column-left .product-slider.owl-carousel,
.column-right .product-slider.owl-carousel {
    display: block;
}

.column-left .product-grid,
.column-right .product-grid,
.column-left .product-slider.owl-carousel,
.column-right .product-slider.owl-carousel {
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 20px;
}

.column-left .product-grid .product-detail .product-name,
.column-right .product-grid .product-detail .product-name,
.column-left .product-slider .product-detail .product-name,
.column-right .product-slider .product-detail .product-name {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: normal;
}

/* CSS for sidebar product block end */
.column-left .list-group,
.column-right .list-group {
    margin: 0 0 20px;
}

/* CSS for Testimonial Start */
.testimonial.owl-carousel {
    border-radius: 0;
    border: 1px solid #ddd;
    background: #F5F5F5;
    margin: 0 0 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.testimonial .owl-pagination {
    top: -15px;
}

.testimonial-item {
    padding: 20px 20px;
    text-align: center;
}

.testimonial .owl-controls .owl-page span {
    border-radius: 0;
    height: 6px;
    width: 6px;
}

.testimonial .owl-controls .owl-page.active span {
    background: #39abb0;
}

.testimonial-item .test-name {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
    text-align: center;
    color: #000000;
}

.testimonial-item .test-desig {
    width: 100%;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #39abb0;
    font-style: italic;
    text-align: center;
}

.testimonial-item .test-desc {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    font-style: italic;
    line-height: 18px;
}

.testimonial-item .test-image img {
    width: 100%;
}

/* CSS for Testimonial End */
/* CSS for content Start */
.col-2 #content {
    width: 80%;
}

#column-left,
.single-blog #column-right,
.blog #column-right {
    width: 20%;
}

.category_block,
.filter-block,
.account-block,
.affiliate-block,
.information-block {
    padding: 10px 20px 20px;
}

.column-block {
    margin: 0 0 20px;
}

.category_block ul {
    padding: 0;
    margin: 0;
}

.category_block ul ul {
    padding: 0 0 0 15px;
}

.category_block ul li {
    list-style-type: none;
    padding: 5px 0;
}

.category_block ul li:last-child {
    border-bottom: none;
}

.category_block ul li a.list-group-item {
    display: inline-block;
    border: none;
    padding: 5px 0;
    width: 100%;
}

.category_block .list-group-item:hover {
    background: none;
}

.information-block ul li {
    padding: 5px 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
}

.category_block .hitarea {
    float: right;
}

.category_block .hitarea.expandable-hitarea {
    height: 20px;
    width: 20px;
    z-index: 9;
    text-align: center;
    cursor: pointer;
    position: static;
}

.category_block .hitarea.collapsable-hitarea {
    height: 20px;
    width: 20px;
    z-index: 9;
    text-align: center;
    cursor: pointer;
    position: static;
}

.category_block .hitarea.expandable-hitarea:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    color: #999999;
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    font-weight: 900;
}

.category_block .hitarea.collapsable-hitarea:before {
    font-family: "Font Awesome 5 Free";
    content: '\f068';
    color: #999999;
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    font-weight: 900;
}

.filter-block .list-group a {
    padding: 5px 0;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ddd;
}

.panel-default.filter {
    border: none;
}

.filter .panel-footer {
    padding: 0;
}

.filter-block .checkbox {
    margin: 6px 0;
    font-weight: normal;
    display: block;
}

.filter-block .checkbox:hover {
    color: #ef8829;
}

.product-thumb .product-name a {
    font-size: 15px;
    color: #404040;
    font-weight: normal;
}

.product-list .product-thumb .product-name a {
    font-size: 15px;
}

.product-thumb:hover .product-name a {
    color: #000;
}

.product-grid .product-desc {
    display: none;
}

.category-title {
    text-transform: uppercase;
}

.category-banner .img-thumbnail {
    border: none;
    padding: 0;
}

.category-banner .category-desc {
    margin: 20px 0;
}

.category-page-wrapper {
    border-top: 1px solid #D9D9D9;
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-top: 39px;
    margin-top: 20px;
    margin-bottom: 80px;
}

.list-grid-wrapper {
    float: left;
    padding: 0;
    width: auto;
}

.page-wrapper,
.sort-wrapper {
    float: right;
    padding: 0;
    margin: 5px 0 0;
}

.category-page-wrapper .control-label {
    float: left;
    margin: 1px 10px;
}

.limit,
.sort-inner {
    position: relative;
    float: left;
}

.limit::before,
.sort-inner:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 10px;
    top: 2px;
    font-weight: 900;
}

.page-wrapper {
    width: auto;
    padding: 0;
}

#input-sort:before {
    content: "\f054";
    font-family: "Fontawesome";
}

.sort-wrapper {
    width: auto;
    margin: 5px 10px 0 0;
    padding: 0 0px 0 0;
    border: none;
}

.result-inner {
    float: left;
    margin: 10px;
}

.grid-list-wrapper .product-grid {
    padding: 0;
}

.grid-list-wrapper {
    margin: 15px -10px;
}

.btn-list-grid #list-view,
.btn-list-grid #grid-view {
    background: none;
    padding: 6px 15px 0 0;
}

.btn-list-grid #list-view .fa,
.btn-list-grid #grid-view .fa {
    color: #999;
    font-size: 18px;
}

.btn-list-grid #list-view.active .fa,
.btn-list-grid #grid-view.active .fa,
.btn-list-grid #list-view:hover .fa,
.btn-list-grid #grid-view:hover .fa {
    color: #ef8829;
}

.category-page-wrapper .form-control {
    padding: 0;
    height: 28px;
    border: 1px solid #eee;
}

.category-page-wrapper .page-wrapper .form-control {
    width: 60px;
    padding: 0 0 0 10px;
}

.category-page-wrapper .sort-wrapper .form-control {
    width: 140px;
    padding: 0 10px;
}

.productblock-title,
#content .blog-heading h3 {
    font-size: 20px;
    clear: both;
    margin: 22px 0 25px;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500;
    text-transform: uppercase;
}

#column-left .productblock-title {
    border-bottom: 1px solid #000;
}

#column-left .banner {
    float: left;
    margin: 0 0 30px;
}

div#subbanner4 {
    float: left;
    margin: 0 0 36px;
    overflow: hidden;
}

div#subbanner5 {
    float: right;
    margin: 0 0 30px;
    overflow: hidden;
}

.brand-logo.owl-carousel {
    box-shadow: none;
    margin-bottom: 15px;
    border: none;
}

.brand-logo.owl-carousel .img-responsive {
    display: inline-block;
}

#product .addtocart {
    margin: 0 10px;
}

span.review-count,
span.review-edit {
    margin: 0px 5px;
    display: inline-block;
}

.rating.product .fa-stack {
    vertical-align: 1px;
}

.productinfo-tab {
    margin: 25px 0 25px;
}

.nav-tabs {
    padding: 0;
    margin: 0;
}

.productinfo-tab .tab-content {
    padding: 25px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ddd;
    overflow: hidden;
}

.label-title {
    font-weight: bold;
    margin: 0 5px 0 0;
}

.productinfo-details-top,
.productinfo-details-bottom {
    line-height: 25px;
    overflow: hidden;
}

#input-quantity {
    float: left;
    margin-right: 10px;
}

#product {
    clear: both;
    margin-top: 25px;
}

.product .product_info li label {
    font-weight: bold;
    width: 85px;
}

.product .product_info li span {
    font-weight: normal;
    margin-left: 20px;
}

.productinfo-special,
.productpage-price {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

#product {
    clear: both;
}

.brand-block {
    margin: 0 0 20px;
}

.brandproduct-title {
    background: #f1f1f1;
    padding: 8px;
}

.box-block {
    border: 1px solid #ddd;
    padding: 10px;
    background: #F5F5F5;
    margin: 0 0 10px;
}

/* CSS for content End */
/* CSS for CMS-Banner Start */
.cms_banner {
    display: inline-block;
    margin-bottom: 15px;
}

.md2 {
    margin-top: 20px;
}

/* CSS for CMS-Banner End */
.fa-stack {
    width: 9px;
    height: 10px;
}

.rating .fa-star + .fa-star-o,
.productinfo-tab .fa-star + .fa-star-o {
    color: #ef8829;
}

.rating .fa-star-o {
    color: #000;
}

.rating .fa-star {
    color: transparent;
    line-height: 20px;
}

.rating .fa-star-o {
    font-size: 11px;
}

#scrollup {
    background: url("/static/guru_mantra/images/arrow-up.svg") no-repeat;
    width: 60px;
    height: 80px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 9999;
}

/* CSS for Footer-Top CMS start */
.footer-top-cms {
    display: inline-block;
    width: 100%;
    color: #aaabab;
    border-bottom: 1px solid #808080;
    padding: 0 0 45px;
    margin: 0 0 30px 0;
}

.footer-logo {
    float: left;
}

.footer-desc {
    width: 710px;
    display: inline-block;
    margin: 0 0 0 50px;
}

.newslatter input {
    height: 48px;
    width: 390px !important;
    border-color: #808080;
    border-right: 0 none;
}

.newslatter .btn.btn-large.btn-primary {
    padding: 12px 28px;
    font-size: 18px;
}

.footer-social {
    float: right;
}

.newslatter h5,
.footer-social h5 {
    margin: 0 0 10px;
}

.footer-social ul {
    padding: 0;
    margin: 0;
}

.footer-social li {
    float: left;
    list-style-type: none;
    margin: 0 8px 0 0;
}

.footer-social li a {
    border: 1px solid #808080;
    height: 48px;
    width: 48px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #808080;
}

.footer-social li a:hover {
    border: 1px solid #ef8829;
    color: #ef8829;
}

.footer-social li a .fa {
    font-size: 20px;
}

/* CSS for Footer-Top CMS end */
/* CSS for Footer-Top CMS start */
.footer-bottom .copyright {
    margin-right: 10px;
}

/* CSS for Footer-Top CMS end */
/* CSS for Footer-Bottom CMS start */
.footer-payment ul {
    margin: 0;
    padding: 0;
}

.footer-payment li {
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
}

.footer-payment li:last-child {
    margin: 0;
}

/* CSS for Footer-Bottom CMS end */
/* CSS for Footer-Right CMS start */
.footer-contact ul {
    margin: 0;
    padding: 0;
}

.footer-contact ul li {
    list-style-type: none;
    padding: 0
}

.footer-contact .fa {
    margin: 0 5px 0 0;
    float: left;
    clear: both;
    text-align: center;
    line-height: 20px;
    width: 15px;
}

.footer-contact .fa.fa-mobile {
    font-size: 18px;
}

.footer-contact .fa.fa-map-marker {
    font-size: 15px;
}

.footer-contact .fa.fa-envelope {
    font-size: 11px;
}

.footer-contact span {
    float: left;
}

/* CSS for Footer-Right CMS end */
/* CSS for Blog Start */
/* CSS for Blog Sidebar Start */
#column-left .blog .blog-heading,
#column-right .blog .blog-heading {
    padding: 0;
}

#column-left .blog .blog-inner,
#column-right .blog .blog-inner {
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 20px 20px;
    background: #F5F5F5;
}

#column-left .blog-name h2,
#column-right .blog-name h2 {
    font-size: 13px;
    color: #1b1b1b;
    text-transform: capitalize;
    font-weight: normal;
    margin: 0 0 5px;
}

#column-left .blog-name h2:hover,
#column-right .blog-name h2:hover {
    color: #ef8829;
}

#column-left .blog-image,
#column-right .blog-image {
    width: 70px;
    height: auto;
    margin: 0 15px 10px 0;
    float: left
}

#column-left .blog-content,
#column-right .blog-content {
    overflow: hidden;
}

#column-left .blog-content .blog-desc,
#column-left .blog-content .blog-more,
#column-right .blog-content .blog-desc,
#column-right .blog-content .blog-more {
    display: none;
}

#column-left .blog-image img,
#column-right .blog-image img {
    width: 100%;
    height: auto;
}

#column-left .blog-wrapper li,
#column-right .blog-wrapper li {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
}

#column-left .blog-inner .seeall,
#column-right .blog-inner .seeall {
    margin: 0;
}

#column-left .blog-wrapper .blog-image .blog-date,
#column-left .blog-wrapper .blog-image .blog-readmore,
#column-left .blog-wrapper .blog-readmore,
#column-right .blog-wrapper .blog-image .blog-date,
#column-right .blog-wrapper .blog-image .blog-readmore,
#column-right .blog-wrapper .blog-readmore {
    display: none;
}

/* CSS for Blog Sidebar End */
/* CSS for Blog content Start */
#content .blog .blog-wrapper li {
    padding: 0 10px 20px;
}

#content .blog-image img {
    width: 100%;
    height: auto;
}

#content .blog-wrapper .owl-buttons div,
#content .blog-wrapper.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}

#content .blog-wrapper .owl-buttons > div {
    /*background: url("../image/sprite.png") no-repeat 0 0;*/
    height: 20px;
    width: 20px;
    font-size: 0;
    text-indent: -9999px;
}

#content .blog-wrapper .blog-name h2 {
    margin: 15px 0 10px;
    font-size: 18px;
}

#content .blog-wrapper .blog-name h2:hover {
    color: #ef8829;
}

#content .blog-wrapper .blog-image {
    position: relative;
}

#content .blog-wrapper .blog-content {
    text-align: left;
}

#content .blog-wrapper .blog-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition-duration: 500ms;
}

#content .blog-wrapper .item:hover .blog-hover {
    opacity: 1;
    transition-duration: 500ms;
}

#content .blog-wrapper .blog-readmore-outer {
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;
    text-align: center;
    opacity: 0;
    transition-duration: 500ms;
}

#content .blog-wrapper .item:hover .blog-readmore-outer {
    opacity: 1;
    font-weight: 500;
    transition-duration: 500ms;
}

#content .blog-wrapper .blog-readmore-outer .blog-readmore {
    padding: 8px 15px;
    background: #000000;
    color: #fff;
}

#content .blog-wrapper .blog-image .blog-date {
    padding: 7px 15px;
    font-weight: 500;
    background: rgba(14, 16, 17, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.blog_img > img {
    max-width: 100%;
}

#content .blog-wrapper .blog-content .blog-date,
#content .blog-wrapper .blog-content .blog-readmore {
    display: none;
}

/* CSS for Blog content End */
/* CSS for Blog-List Start */
.blog-list-item {
    margin: 0 0 20px;
}

.blog-list-item .blog-list-image img {
    width: 100%;
    height: auto;
}

.blog-list-item .blog-listname h2 {
    margin: 20px 0 10px;
    font-weight: bold;
}

.blog-list-item .blog-listname h2:hover {
    color: #39AAB0;
}

.blog-list-image {
    position: relative;
}

.blog-list-item .blog-list-image .blog-list-date {
    padding: 7px 15px;
    background: rgba(57, 170, 176, 0.5);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.blog-list-item .blog-list-image .blog-list-readmore {
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;
    text-align: center;
    opacity: 0;
    transition-duration: 500ms;
}

.blog-list-item:hover .blog-list-readmore {
    opacity: 1;
    transition-duration: 500ms;
}

.blog-list-item .blog-list-image .blog-list-readmore .readmore {
    padding: 8px 15px;
    background: #000000;
    color: #fff;
}

.blog-list-item .blog-list-image .bloglist-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition-duration: 500ms;
}

.blog-list-item:hover .bloglist-hover {
    opacity: 1;
    transition-duration: 500ms;
}

/* CSS for Blog-List End */
/* CSS for Single-Blog-List Start  */
.singleblog-desc {
    margin: 20px 0;
}

.singleblog-image {
    position: relative
}

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

.singleblog-title {
    margin: 10px 0 0;
    font-weight: 600;
}

.single-blog-share {
    margin: 0 0 10px;
}

.singleblog-date {
    padding: 7px 15px;
    background: rgba(57, 170, 176, 0.5);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.blog-comment .section-title {
    padding-top: 20px;
}

/* CSS for Single-Blog-List End  */
/* CSS for Blog end */
/* CSS for Blog List More Start */
#blogList li {
    display: none;
}

.load-more-wrapper {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.loadMore,
.showLess {
    display: inline-block;
    color: #ffffff;
    background: #39AAB0;
}

.loadMore:hover,
.showLess:hover {
    background: #454851;
}

#loadMore,
#showLess {
    color: #fff;
    cursor: pointer;
    padding: 6px 15px;
}

.none {
    display: none;
}

.blog-meta > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}

.u-url {
    color: #ef8829;
    text-transform: capitalize;
}

.p-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
}

.blog {
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.blog-meta {
    padding: 0;
    width: 100%;
}

.p-summary {
    clear: both;
}

.blog-meta li i {
    margin: 0 5px 0 0;
}

input,
button,
select,
textarea {
    border: 1px solid #e5e5e5;
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0;
}

.blog_img {
    height: 400px;
    overflow: hidden;
}

.video.blog_img {
    height: auto;
}

video {
    width: 100%;
}

#commentform input {
    width: 385px;
}

#submit {
    background: #ef8829 none repeat scroll 0 0;
    height: 32px;
    border: none;
    color: #fff;
    width: 100px;
    text-transform: capitalize;
    float: right;
    background: #ef8829;
}

#submit:hover {
    background-color: #000;
}

#commentform label {
    margin-bottom: 30px;
    vertical-align: top;
    width: 200px;
}

.btn-list-grid {
    float: left;
    margin-right: 15px;
}

#compare-total {
    margin-top: 5px;
    float: left;
}

.open > .dropdown-menu {
    padding: 5px;
}

/*   Slder Navigation Arrow    */
.home-slider.owl-carousel {
    border: none;
    box-shadow: none;
    background: none;
    border-radius: 0;
    margin: 0 0 20px;
}

.home-slider .owl-controls {
    bottom: 15px;
    position: absolute;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer {
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.home-slider .owl-pagination {
    top: 0;
}

.home-slider .owl-controls .owl-page {
    padding: 3px;
    border: 1px solid #fff;
}

.home-slider .owl-controls .owl-page span {
    background: #fff;
    height: 5px;
    width: 5px;
}

.home-slider .owl-controls .owl-page.active span,
.home-slider .owl-controls .owl-page span:hover {
    background: #ef8829;
}

.home-slider .owl-controls .owl-page:hover,
.home-slider .owl-controls .owl-page.active {
    border: 1px solid #ef8829;
}

.home-slider .owl-controls .owl-page.active span {
    cursor: default;
}

.brand-logo.owl-carousel .owl-buttons div {
    /*background: url("../image/sprite.png") no-repeat 0 0;*/
    font-size: 0;
    height: 35px;
    width: 35px;
    top: 40%;
}

.brand-logo.owl-carousel .owl-buttons .owl-prev {
    background-position: -11px -32px;
    border: 1px solid #ddd;
}

.brand-logo.owl-carousel .owl-buttons .owl-prev:hover {
    background-position: -11px -65px;
    border: 1px solid #EF8829;
}

.brand-logo.owl-carousel .owl-buttons .owl-next {
    border: 1px solid #ddd;
    background-position: -11px -101px;
}

.brand-logo.owl-carousel .owl-buttons .owl-next:hover {
    border: 1px solid #EF8829;
    background-position: -11px -136px;
}

.contact .col-sm-4.left strong {
    float: left;
    width: 85px;
    font-weight: normal;
    color: #555;
}

.contact .col-sm-4.left .address {
    padding-left: 85px;
}

/*about page start*/
ul {
    padding: 0;
    margin: 0;
}

.services {
    margin: 50px 0 80px;
    overflow: hidden;
}

.tf {
    font-size: 18px;
    color: #000;
    margin: 0px;
    margin: 0 0 15px;
}

.features .content {
    margin: 20px 0;
}

.wrapar > #about-page-contain {
    margin: 0 0 70px;
}

.skill .tf,
.Experiences .tf,
.work .tf,
.team .tf {
    margin: 50px 0 15px;
}

i.circle {
    background-color: #000;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-stretch: normal;
    height: 70px;
    margin: 0;
    padding: 24px 0;
    text-align: center;
    width: 70px;
}

.wrapper .btn {
    margin-top: 10px;
}

.wrapper tf {
    margin-top: 0;
    margin-bottom: 20px;
}

.skill span {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 45px;
    padding: 10px;
    width: 45px;
}

.skill li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.exp-detail > h5 {
    color: #000;
    font-weight: 600;
    line-height: 24px;
}

/* {
    line-height: 24px;
}
{
    line-height: 24px;
} */
.work li {
    list-style: outside none none;
    margin-bottom: 47px;
}

.work li > h5 {
    color: #000;
    font-weight: 600;
    line-height: 10px;
    margin: 10px;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.work li > span {
    border-right: 1px solid #c1c1c1;
    float: left;
    height: 36px;
    margin-right: 10px;
    padding: 8px 15px 0 0;
}

.photo > h5 {
    color: #4d90fe;
}

.team .name {
    margin: 10px 0;
}

.team-social {
    position: absolute;
    left: 20px;
    bottom: 45px;
    display: none;
}

.team-social .fa.fa-facebook,
.team-social .fa.fa-twitter,
.team-social .fa.fa-google-plus,
.team-social .fa.fa-linkedin,
.team-social .fa.fa-pinterest-p,
.team-social .fa.fa-instagram {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    width: 33px;
}

.team-social .fa-facebook {
    background: #3c5b9b none repeat scroll 0 0;
    border: 2px solid #3c5b9b;
}

.team-social .fa-facebook:hover {
    background: #fff none repeat scroll 0 0;
    color: #3c5b9b
}

.team-social .fa-twitter {
    background: #359bed none repeat scroll 0 0;
    border: 2px solid #359bed;
}

.team-social .fa-twitter:hover {
    background: #fff none repeat scroll 0 0;
    color: #359bed;
}

.team-social .fa-google-plus {
    background: #e33729 none repeat scroll 0 0;
    border: 2px solid #e33729;
}

.team-social .fa-google-plus:hover {
    background: #fff none repeat scroll 0 0;
    color: #e33729;
}

.team-social .fa-linkedin {
    background: #027ba5 none repeat scroll 0 0;
    border: 2px solid #027ba5;
}

.team-social .fa-linkedin:hover {
    background: #fff none repeat scroll 0 0;
    color: #027ba5;
}

.team-social .fa-pinterest-p {
    background: #cb2027 none repeat scroll 0 0;
    border: 2px solid #cb2027;
}

.team-social .fa-pinterest-p:hover {
    background: #fff none repeat scroll 0 0;
    color: #cb2027;
}

.team-social .fa-instagram {
    background: #3f729b none repeat scroll 0 0;
    border: 2px solid #3f729b;
}

.team-social .fa-instagram:hover {
    background: #fff none repeat scroll 0 0;
    color: #3f729b;
}

.team .img-responsive {
    border: 1px solid #dadada;
    width: 100%;
}

#progress1 > h5,
#progress2 > h5,
#progress3 > h5,
#progress4 > h5 {
    color: #000;
    font-weight: 400;
    margin: 0 0 -45px;
    padding: 15px;
}

div.dioprogress_padding {
    padding: 0;
}

div.dioprogress_size_l {
    height: 5px;
}

.loader {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 100%;
    background: #fff;
}

.preloader.loader > img {
    height: 225px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 300px;
}

/*about page end*/
.cms-banner-left:hover img,
.md1:hover img,
.md2:hover img,
.cms-banner-right:hover img,
.cms-banner-middle:hover img,
#subbanner4:hover img {
    opacity: 0.7;
}

.contact-link {
    text-decoration: none;
}

.contact-link:hover {
    color: var(--brand-green) !important;
}

.select2-dropdown {
    z-index: 9999;
}

/* LOADING */
.loading-process {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.loading-process div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #35b04f;
    animation: loading-process 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.loading-process div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.loading-process div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.loading-process div:nth-child(3) {
    left: 56px;
    animation-delay: 0s;
}

@keyframes loading-process {
    0% {
        top: 8px;
        height: 64px;
    }

    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}

/* END LOADING */
/* PLACEHOLDER */
.placeholder-glow {
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.5) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-glow 2s linear infinite;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.1;
}

.placeholder-card p {
    margin: 0.3rem !important;
}

/* END PLACEHOLDER */
.fw-600 {
    font-weight: 600;
}

.fs-48px {
    font-size: 48px;
}

/* extra css */
.user-profile-dd-menu .nav-link {
    color: #212529;
}

.user-profile-dd-menu .nav-link:hover {
    color: #34b14f !important;
    font-weight: bold !important;
}

.user-profile-dd-menu a.active-1 {
    border: none !important;
}

.product-menu {
    width: 220px;
    /* height: 220px */
}

.product-menu .card-body {
    height: 80px
}

.product-menu .card-body svg {
    height: 80px
}

.product-menu .card-body:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .25)
}

.user-profile-dd-menu {
    overflow: hidden;
}

.bundles-card-list .card {
    background: linear-gradient(135deg, rgb(32, 122, 120) 0%, 23.4961%, rgb(40, 148, 132) 46.9922%, 73.4961%, rgb(54, 195, 153) 100%);
}

.bundles-card-list .card .access-button {
    width: 80%;
    background-color: white;
}

.bundles-card-list .card .access-button:hover {
    background-color: var(--brand-green-85);
    color: white;
    border: 1px solid white;
}

.bundles-card-list .card .bg-color-image {
    background: #e0f2ee;
    height: 160px;
}

.bundles-card-list .card .bg-color-image img {
    height: 150px;
    width: auto;
}

.btn-transparent-brand {
    background-color: transparent;
    border: 1px solid var(--brand-green-85);
}

.btn-transparent-brand:hover {
    background-color: var(--brand-green-85);
    color: white;
    border: 1px solid white;
}

.timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: start;
}

.timeline__section .li {
    transition: all 200ms ease-in;
}

.timeline__section .timestamp {
    margin-bottom: 45px;
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
    background-color: var(--brand-green-75);
    color: white;
}

.timeline__section .status {
    padding: 0px 40px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

.timeline__section .status h4 {
    font-weight: 600;
}

.timeline__section .status:before {
    /* content: "1"; */
    content: "";
    text-align: center;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: -15px;
    left: 42%;
    transition: all 200ms ease-in;
    box-sizing: content-box !important;
    z-index: 99;
}

.timeline__section .li.complete .status {
    border-top: 2px solid var(--brand-green);
}

.timeline__section .li.complete .status:before {
    background-color: var(--brand-green);
    box-shadow: 1px 1px 4px var(--brand-black-50);
    transition: all 200ms ease-in;
    border: 3px solid #ffe;
}

.timeline__section .li.complete .status h4 {
    color: var(--brand-green);
    margin-top: 1rem;
}

/* @media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline__section .timeline {
    list-style-type: none;
    display: block;
  }
  .timeline__section .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }
  .timeline__section .timestamp {
    width: 100px;
    background-color: var(--brand-green-25);
  }
  .timeline__section .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
} */
.timeline__section button {
    position: absolute;
    width: 100px;
    min-width: 100px;
    padding: 20px;
    margin: 20px;
    font-family: "Titillium Web", sans serif;
    border: none;
    color: white;
    font-size: 16px;
    text-align: center;
}

.timeline__section #toggleButton {
    position: absolute;
    left: 50px;
    top: 20px;
    background-color: #75C7F6;
}

.timeline_section h4 {
    margin-top: 1rem !important;
}

.timestamp:nth-of-type(even) {
    transform: translate(0, 175%);
}

/* .complete:nth-of-type(even) .timestamp {
    transform: translate(0, 235%);
}
.complete:nth-of-type(even) h4{
    transform: translate(0, -234%);
} */
.timeline__section h4 {
    font-size: 0.9rem !important;
    transform: translate(0, 61%);
}

.timeline__section ::after,
.timeline__section ::before {
    box-sizing: content-box !important;
}

.status::after {
    content: "";
    height: 30px;
    width: 2px;
    background: var(--brand-green-50);
    position: absolute;
    top: -84%;
    left: 48%;
    transform: translate(-50%, 0);
    z-index: 9;
}

/* .complete:nth-of-type(odd) .status::after{
        top: -83%;
} */
.status::before:hover {
    background-color: red;
}

.status.changed::before {
    transform: scale(1.3);
    background-color: var(--brand-green);
}

/* .complete:nth-of-type(even) .status::after{
    top:11%;
} */
#timelineId .card.widget-card {
    padding-bottom: 85px !important;
}

#timelineId .card {
    width: 200px;
    /* height: 100px; */
    border: 2px solid var(--brand-grey);
}

.bg-carrot {
    background-color: rgba(255, 50, 200) !important;
}

.bg-radish {
    background-color: rgba(255, 0, 0, 0.7) !important;
}

.bg-blueish {
    background-color: rgba(70, 50, 200) !important;
}

.bg-purple {
    background-color: rgba(200, 100, 50) !important;
}

.bg-yellow {
    background-color: rgba(200, 200, 50) !important;
}

.text-yellow {
    color: rgba(200, 200, 50) !important;
}

.timestamp {
    /* box-shadow: 1px 1px 5px 1px var(--brand-black-50) inset; */
    box-shadow: 2px 2px 5px 1px var(--brand-black-25)
}

#mutualFundPageId .candle-bg::after {
    content: "";
    position: absolute;
    top: 54%;
    left: 0%;
    width: 100%;
    height: 125%;
    background: url(/static/landing4/assets/images/candle-background.png);
    background-size: 100% 160%;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(90%);
    z-index: 0;
}

.z-index-99 {
    z-index: 99 !important;
}

#market-chart + a {
    position: absolute;
    bottom: 3%;
    right: 3%;
}

.navbar li a:hover {
    color: var(--brand-green);
}

.status:hover:before {
    /* transform: scale(1.2); */
}

.card-icon {
    margin-right: 1rem !important;
}

.fa-gu::before {
    content: "";
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#market-essentials .fa-gu::before {
    width: 20px;
    height: 20px;
}

.fa-gu-investment::before {
    background: url("/static/image/investment.svg");
}

.fa-gu-net-worth::before {
    background: url("/static/image/money.svg");
}

.fa-gu-daily-gain::before {
    background: url(/static/image/daily-gain.svg);
}

.fa-gu-overall-gain::before {
    background: url(/static/image/overall-gain.svg);
}

.fa-gu-realized-gain::before {
    background: url(/static/image/realized-gain.svg);
}

.fa-gu-unrealized-gain::before {
    background: url(/static/image/unrealized-gain.svg);
}

.fa-gu-commission::before {
    background: url(/static/image/commission.svg);
}

.fa-gu-capital-gain-tax::before {
    background: url(/static/image/tax.svg);
}

.fa-gu-bull::before {
    background: url(/static/guru_mantra/images/bull.svg);
}

.fa-gu-bear::before {
    transform: rotate3d(0, 1, 0, 180deg);
    background: url(/static/guru_mantra/images/bear.svg);
}

.fa-gu-nepse-mcap::before {
    background: url(/static/image/nepse-mcap.svg);
}

.fa-gu-open::before {
    background: url(/static/image/open.svg);
}

.fa-gu-high::before {
    background: url(/static/image/high.svg);
}

.fa-gu-low::before {
    background: url(/static/image/low.svg);
}

.fa-gu-p-day-close::before {
    background: url(/static/image/close.svg);
}

.fa-gu-turnover::before {
    background: url(/static/image/turnover.svg);
}

.fa-gu-volume::before {
    background: url(/static/image/volume.svg);
}

@media (min-width: 850px) {
    #market-essentials .col-lg-2 {
        flex: 0 0 auto;
        width: 19.966667%;
    }
}

#industry_holdings .btn,
#top_buy_sales .btn {
    border: none !important;
}

.fs-point-7r {
    font-size: 0.7rem !important;
}

#industry_holdings .select2-selection {
    height: 36px !important;
}

#market-essentials .nepse-now .fa-solid.fa-caret-down,
#overviews .fa-solid.fa-caret-down {
    width: 13px;
    height: 9px;
}

#market-essentials .nepse-now .fa-solid.fa-caret-up,
#overviews .fa-solid.fa-caret-up {
    width: 13px;
    height: 9px;
}

@media screen and (max-width: 1250px) and (min-width: 768px) {
    #market-essentials .fs-5 {
        font-size: 1.05rem !important;
    }
}

.chart-gui-wrapper {
    width: 60% !important;
}

.chart-markup-table.price-axis-container {
    width: 10vw;
}

.bottom-3px {
    bottom: 3px !important;
}

#companySubNavbar #top-menu {
    /* height: 700px !important;
 overflow: scroll !important; */
}

.content-379NmUSU {
    width: 150px !important;
}

.btn.btn-outline-green.fw-bold.active {
    background-color: var(--brand-green);
    color: white;
    border: none;
}

.bg-image {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* Position text in the middle of the page/image */
.bg-text {
    width: 211px;
    height: 80px;
    border-radius: 10px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.h-90 {
    height: 90% !important;
}

.w-90 {
    width: 90% !important;
}

.h-300px {
    height: 300px !important;
}

.z-index-9 {
    z-index: 9;
}

.subscription-button__table {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    /* height: 120px; */
    z-index: 99;
}

.blur-50 {
    filter: blur(5px);
}

.blur-3point5px {
    filter: blur(3.5px);
}

.subscription-button__table:hover,
.subscription-button__card:hover {
    background-color: var(--brand-green-25) !important;
    color: white !important;
}

.h-25px {
    height: 25px;
}

.fs-0point8rem {
    font-size: 0.8rem;
}

.index-icon {
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/* Blur background */
.disabled_area {
    pointer-events: none;
}

.w-33 {
    width: 33% !important;
}

.mt-40px {
    margin-top: 40px;
}

.mt-60px {
    margin-top: 60px;
}


.custom-tooltip {
    /* --bs-tooltip-bg: var(--brand-green); */
    --bs-tooltip-margin: 20px;
    /* --bs-tooltip-color: white; */
}

#meroShareHelp .accordion-button {
    background: white;
    font-size: initial;
}

#tmsHelp .accordion-button {
    background: white;
    font-size: initial;
}

.form-check-input:checked {
    background-color: var(--brand-green);
    border-color: var(--brand-green);
}

.company-meter-gauge-license-text {
    display: none;
}

.w-110per {
    width: 110%;

}

.top-5px {
    top: 5px;
}

.left-5px {
    left: 5px;
}

/* .pdf-canvas{
    height:100vh !important;
    width: 100vw !important;
} */

.h-fit-content {
    height: fit-content;
}

.plugin.chrome.webkit {
    background: var(--brand-green) !important;
}

@media screen and (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .fs-lg-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

}

.fs-2point5rem {
    font-size: 2.5rem !important;
}


.blog-details-wrapper ul {
    padding: 0 3.2rem 0 3.2rem;
    margin: 1rem;
}

.h-60px {
    height: 60px !important;
}

.sm {
    font-size: 0.7rem !important;
}


.h-10px {
    height: 10px !important;
}

.btn-group .btn.active {
    color: white;
    background-color: var(--brand-green-75);
    border: 1px solid var(--brand-green);
}

.text-black-75 {
    color: var(--brand-black-75);
}

/* #daily-signal-id .nav-pills .nav-link.active, .nav-pills .show .nav-link {
    background-color: transparent;
    color: black;
    background: var(--brand-green);
    border-radius: 0.8rem;
    color: white;
} */

#daily-signal-id .nav-tabs .nav-link.active {
    background: var(--brand-green) !important;
    color: #fff !important;
    border-radius: 0.5rem;
}

#daily-signal-id #company-overview p {
    margin: 0;
}

.scrollable-500px {
    max-height: 500px;
    min-height: 500px;
    overflow-y: scroll;
}

.scrollable-450px {
    max-height: 450px;
    min-height: 450px;
    overflow-y: scroll;
    --webkit-overflow-y: scroll;
}


.scrollable-400px {
    height: 400px !important;
    /*overflow-y: scroll;*/
    overflow: scroll;
}


.fs-7 {
    font-size: 0.875rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

.text-black-90 {
    color: var(--brand-black-90) !important;
}

.live-circle::before {
    animation: mymove 1.5s infinite;
    position: absolute;
    background-color: #ff000099;

}

.live-circle::after {
    animation: mymove 1.5s .2s infinite;
    position: absolute;
    background-color: #FF000044;
}

.live-circle::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.3s;
    background-color: #FF0044aa;
}

.live-circle,
.live-circle::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.3s;
    background-color: #FF0055;
}

.transition-fast-ease {
    transition: .2s ease;
}


@-webkit-keyframes mymove {
    50% {
        transform: scale(2);
        opacity: 0
    }

    100% {
        transform: scale(4);
        opacity: 0
    }
}

.text-light-red {
    color: #FF0055 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.custom-accordion-item table.table--dropdown td {
    background: var(--brand-grey) !important;
    color: var(--brand-black-75) !important;
}

.custom-accordion-item table.table--dropdown th {
    background: var(--brand-grey) !important;
    color: var(--brand-black-90) !important;
}

.rounded-top-left-2 {
    border-top-left-radius: .5rem;
}

.rounded-bottom-left-2 {
    border-bottom-left-radius: .5rem;
}

.rounded-top-right-2 {
    border-top-right-radius: .5rem;
}

.rounded-bottom-right-2 {
    border-bottom-right-radius: .5rem;
}

.table-xsm > :not(caption) > * > * {
    padding: 0.05rem 0.05rem;
}

.table-xsm th {
    font-size: .8rem;
}

.table-xsm td {
    font-size: .7rem;
}

.fs-1rem {
    font-size: 1rem;
}

.right-40percent {
    right: 40%;
}

.right-35percent {
    right: 40%;
}

.top-50percent {
    top: 50%;
}

.transform-y-n50percent {
    transform: translate(0, -50%)
}

.left-15px {
    left: 15px;
}

.bg-none {
    background: none;
}

.right-20 {
    right: 20%;
}

.right-30percent {
    right: 30%;
}

.height-45px {
    height: 45px;
}

.border-radius-20px {
    border-radius: 20px
}

.d-inline-block {
    display: inline-block;
}

.w-70vw {
    width: 70vw;
}

.left-n120px {
    left: -120px;
}

.accordion-button:focus {
    z-index: 3;
    /* border-color: transparent; */
    outline: 0px !important;
    box-shadow: none;
}

.jqstooltip {
    padding: .5rem !important;
    height: auto !important;
    width: auto !important;
}

.border-bottom-black-50-1 {
    border-bottom: 1px solid var(--brand-black-50)
}
.btn--toggle-click.active{
    background-color: var(--brand-green);
    border:var(--brand-green);
    color:white;
}

.z-index-popover{
    z-index: 9999;
}



/* small badge used in financial quarterly report chart*/
.badge-small {
    font-size: 9px !important;
    float: none !important;
    padding: 2px !important;
}

.h-60 {
    height: 60%;
}

.flex-basis-2 {
    flex-basis: 2%;
}

.w-image--card {
    width: 60px;
}

.min-h-card--md {
    min-height: 160px;
}

.image-md {
    width: 75px;
}

.anychart-credits {
    display: none;
}

@media (min-width: 768px) {
    .text-md-nowrap {
        white-space: nowrap !important;
    }
}

.bg-yellow-25 {
    background: var(--brand-yellow-25);
}

.translate-left-xsm {
    transform: translateX(-2px)
}

.alert--trading-chart.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1rem;
    font-size: 0.7rem;
}

.anychart-credits {
    display: none;
}

a[title="JavaScript Charts by ZingChart"] {
    display: none;
    visibility: hidden;
}

#meter-gauge-license-text {
    display: none !important;
}

/* to remove the credit wrapper */

/*Aligning tooltip*/
.tooltip-inner {
    text-align: left !important;
}

.idn-tooltip {
    --bs-tooltip-bg: var(--brand-green);
}

.datepicker-dropdown {
    z-index: 9999 !important;
}

h2.text-muted {
    color: var(--brand-black) !important;
}

.height-100px {
    height: 100px;
}

.height-150px {
    height: 150px;
}

.height-200px {
    height: 200px;
}

.height-250px {
    height: 250px;
}

.height-300px {
    height: 300px;
}

.height-350px {
    height: 350px;
}

.height-400px {
    height: 400px;
}

.width-250px {
    width: 250px;
}

.mt-n1 {
    margin-top: -0.8rem !important;
}

.hover-green:hover{
color:var(--brand-green) !important;
transition: all .5s ease;
}

.btn-close.btn-close--white{
    /* background: url(''); */
    /* height:5px;
    width:5px; */
}