@import "~@ng-select/ng-select/themes/default.theme.css";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
	 font-family: var(--regular-font-family);
	 color: var(--black-color);
}
 .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
	 padding-left: 0px;
	 height: 100%;
}
 .ng-select .ng-select-container .ng-value-container .ng-input > input {
	 height: 100%;
}
 .ng-select .ng-select-container {
	 background-color: transparent !important;
	 border: none !important;
	 padding: 0 !important;
	 min-height: 0 !important;
	 box-shadow: none !important;
}
 .ng-select .ng-select-container:hover {
	 box-shadow: none !important;
}
 html {
	 height: auto;
	 scroll-behavior: smooth;
}
 body {
	 min-width: 1152px;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
	 font-family: var(--regular-font-family);
	 color: var(--black-color);
}
 html {
	 height: auto;
	 font-size: 14px;
	 scroll-behavior: smooth;
}
/* You can add global styles to this file, and also import other style files */

 @font-face {
	 font-family: 'rubiklight';
	 src: url('/assets/fonts/rubik/rubik-light-webfont.woff2') format('woff2'), url('/assets/fonts/rubik/rubik-light-webfont.woff') format('woff');
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
  font-family: 'rubikregular';
  src: url('/assets/fonts/rubik/rubik-regular-webfont.woff2') format('woff2'),
    url('/assets/fonts/rubik/rubik-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rubikregular';
  src: url('') format('woff2'),
    url('/assets/fonts/rubik/rubik-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rubikmedium';
  src: url('/assets/fonts/rubik/rubik-medium-webfont.woff2') format('woff2'),
    url('/assets/fonts/rubik/rubik-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'rubikbold';
  src: url('/assets/fonts/rubik/rubik-bold-webfont.woff2') format('woff2'),
    url('/assets/fonts/rubik/rubik-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-SemiBold';
  src: url('/assets/fonts/rubik/rubik-black-webfont.woff2') format('woff2'),
    url('/assets/fonts/rubik/rubik-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





 :root {
	/* colors */
	 --primary-color: #000;
	 --secondary-color: #2a7bb1;
	 --border-blue-color: #66afe9;
	 --blue-color: #193FC7;
	 --active-blue-color: #f1f7fb;
	 --light-grey-color: #acbecc;
	 --light-green-color: #5cb85c;
	 --green-color: #05a302;
	 --red-color: #d9534f;
	 --dark-red-color: #ac2925;
	 --maroon-color: #681721;
	 --placeholder-color: #e0e0e0;
	 --highlight-color: #5a5a5a;
	 --gray-color: #878787;
	 --border-gray-color: #ededed;
	 --light-grey-color: #e9edef;
	 --black-color: #000;
	 --white-color: #fff;
	 --main-background-color: #f1f5f9;
	/* font-sizes */
	 --bannertitle-font-size: 4.5rem;
	 --title-font-size: 1.2rem;
	 --subtitle-font-size: 1.25rem;
	 --subtitle-font-size2: 3rem;
	 --paragraph-font-size: 1rem;
	 --content-font-size: 1.125rem;
	 --blog-content-font-size: 1.4rem;
	 --small-font-size: 0.938rem;
	 --smalltital-font-size: 1rem;
	 --big-titlt-font-size: 2.6rem;
	/* font-families */
	 --light-font-family: 'rubiklight';
	 --regular-font-family: 'rubikregular';
	 --bold-font-family: 'rubikbold';
	 --medium-font-family: 'rubikmedium';
	/* other variables */
	 --common-transition: all 0.6s ease;
	 --web-border-radius: 1.2rem;
	 --border-radius: 0.3rem;
	 --mobile-border-radius: 0.6rem;
	 --common-gap-size: 1rem;
	 --small-gap-size: 0.5rem;
	 --medium-gap-size: 2rem;
	 --big-gap-size: 3rem;
}
 a, a:hover {
	 text-decoration: none;
	 color: var(--primary-color);
}
 h1, h2, h3, h4, h5, h6, a, p {
	 margin: 0;
	 padding: 0;
}
 table, tr, th, td {
	 text-align: unset;
	 margin: 0;
	 padding: 0;
	 border-spacing: 0;
}
 table {
	 border-collapse: unset;
	 box-sizing: unset;
	 text-indent: unset;
	 unicode-bidi: unset;
}
 body {
	 margin: 0;
	 font-family: var(--regular-font-family);
	 color: var(--highlight-color);
	 width: 100%;
	 height: 100lvh;
	 background: var(--main-background-color);
}
 ul, li {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 img {
	 max-width: 100%;
	/* width: 100%;
	 */
	 height: auto;
	 transition: var(--common-transition);
	 margin: 0 auto;
	 cursor: pointer;
	 object-fit: cover;
	 display: block;
}
 .relative {
	 position: relative;
}
 .uppercase {
	 text-transform: uppercase;
}
 .grey-color {
	 color: var(--gray-color) !important;
}
 .white-color {
	 color: var(--white-color) !important;
}
 .red-color {
	 color: var(--red-color) !important;
}
 .secondary-color {
	 color: var(--secondary-color);
}
 .blue-color {
	 color: var(--blue-color) !important;
}
 .maroon-color {
	 color: var(--maroon-color) !important;
}
 .highlight-color {
	 color: var(--highlight-color) !important;
}
 .bold-fonts {
	 font-family: var(--bold-font-family) !important;
}
 .medium-fonts {
	 font-family: var(--medium-font-family) !important;
}
 .regular-fonts {
	 font-family: var(--regular-font-family) !important;
}
 .light-fonts {
	 font-family: var(--light-font-familynt) !important;
}
 .banner-title h1 {
	 font-size: var(--bannertitle-font-size);
	 font-family: var(--bold-font-family);
}
 .banner-title h2 {
	 font-size: var(--subtitle-font-size2);
	 font-family: var(--bold-font-family);
}
 .title-fonts h2 {
	 font-size: var(--title-font-size);
	 font-family: var(--regular-font-family);
}
 .section-title h3, .section-title p, .section-title ul li span {
	 font-size: var(--subtitle-font-size);
	 font-family: var(--regular-font-family);
}
 .section-big-title h2 {
	 font-family: var(--regular-font-family);
	 font-size: var(--big-titlt-font-size);
}
 .section-content-title h3, .section-content-title p {
	 font-size: var(--content-font-size);
	 font-family: var(--regular-font-family);
}
 .second-title h2 {
	 font-size: var(--subtitle-font-size2);
	 font-family: var(--medium-font-family);
}
 .smalltitle p {
	 font-family: var(--regular-font-family);
	 font-size: var(--smalltital-font-size);
}
 .gray-text {
	 color: var(--gray-color);
}
 .link-fonts p {
	 font-family: var(--regular-font-family);
	 font-size: var(--smalltital-font-size);
}
 .inner-flex {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
}
 .page-navigation-flex {
	 display: flex;
	 gap: 1rem;
	 justify-content: space-between;
	 align-items: center;
}
 .inner-flex.inner-flex-common {
	 gap: var(--common-gap-size);
}
 .inner-flex.inner-flex-medium {
	 gap: var(--medium-gap-size);
}
 .inner-flex.inner-flex-small {
	 gap: var(--small-gap-size);
}
 .inner-flex.inner-flex-big {
	 gap: var(--big-gap-size);
}
 .inner-flex.inner-flex-smallest {
	 gap: 0.5rem;
}
 .text-center {
	 text-align: center !important;
}
 .text-right {
	 text-align: right;
}
 .capital-text {
	 text-transform: capitalize !important;
}
 .white-bg-div {
	 background-color: #fff;
}
 .padding-main-nav {
	 padding: 1rem 1rem;
}
 .main-navigation {
	 position: fixed;
	 height: 100lvh;
	 z-index: 999;
	 top: 0px;
	 bottom: 0px;
	 position: fixed;
	 overflow: hidden;
	 transition: all 0.6s ease-in-out;
	 -webkit-transition: all 0.6s ease-in-out;
}
 .side-nav-flex-logout {
	 position: fixed;
	 top: 0rem;
	 left: 0;
	 scrollbar-width: thin;
	 z-index: -1;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 width: 80px;
	 transition: var(--common-transition);
	 transform: scaleX(1);
	 transform-origin: left;
	 height: 100%;
}
 .side-nav-flex-logout-padd {
	 padding: 8rem 1rem 3rem;
	 height: 95lvh;
	 display: flex;
	 flex-direction: column;
}
 .side-nav-flex-logout.active {
	 width: fit-content;
	 transform: scaleX(1);
	 transform-origin: left;
}
 .side-nav-ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 gap: 0.1rem !important;
}
 .tabs-hover-text {
	 visibility: hidden;
	 width: 0;
	 transition: var(--common-transition);
	 transform: scaleX(0);
	 transform-origin: left;
}
 .side-nav-flex-logout.active .tabs-hover-text {
	 visibility: visible;
	 width: fit-content;
	 transform: scaleX(1);
	 transform-origin: left;
}
 .side-nav-icon-sec .header-logo {
	 width: 60%;
	 margin: 0 auto;
	 padding-top: 0.8rem;
}
 .header-logo {
	 width: 13rem;
	 margin: 0 auto;
}
 .side-nav-icon {
	 width: 24px;
}
 .side-nav-icon-sec li {
	 width: 100%;
	 margin: 0px auto;
	 display: inline-block;
	 position: relative;
	 background: transparent;
	 transition: var(--common-transition);
	 -moz-transition: var(--common-transition);
	 -webkit-transition: var(--common-transition);
	 -o-transition: var(--common-transition);
	 -webkit-transition: var(--common-transition);
	 z-index: 10;
	 border-radius: 10px;
}
 .side-nav-icon-sec a {
	 padding: 0.44rem 1rem;
	 transition: var(--common-transition);
	 display: flex;
	 white-space: nowrap;
	 width: fit-content;
	 align-items: center;
	 gap: 0rem;
	 border-radius: 0.6rem;
	 -webkit-transition: all 0.5s ease;
}
 .logout-sec-wrap {
	 margin-top: auto;
}
 .side-nav-ul li:hover {
	 background-color: var(--blue-color);
	 border-radius: 0.6rem;
}
 .side-nav-ul li:hover .tabs-hover-text p {
	 font-family: var(--medium-font-family);
	 color: var(--white-color);
}
 .side-nav-ul li.active {
	 background-color: var(--blue-color);
	 border-radius: 0.6rem;
}
 .side-nav-icon-sec li.active .tabs-hover-text p {
	 font-family: var(--medium-font-family);
	 color: var(--white-color);
}
 .side-nav-icon-sec li.active .side-nav-icon {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(0%) hue-rotate(320deg) brightness(104%) contrast(103%);
}
 .main-header-flex {
	 display: flex;
	 flex-direction: column;
	 gap: 3rem;
}
 .side-nav-icon-sec li:hover .side-nav-icon {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(0%) hue-rotate(320deg) brightness(104%) contrast(103%);
}
 .side-nav-icon-sec li:hover .side-nav-icon.logout-icon {
	 filter: unset;
}
 .side-nav-ul-logout li {
	 background: #f00 0A;
	 border-radius: 10px;
}
 .side-nav-ul-logout li a .tabs-hover-text p {
	 color: #f00;
}
 .tabs-hover-text {
	 left: 3.2rem;
	 transition: var(--common-transition);
	 width: max-content;
	 padding: 0.5rem 0.5rem;
}
 .tabs-hover-text.link-fonts p {
	 font-size: var(--content-font-size);
	 font-family: var(--regular-font-family);
}
 .side-nav-icon-sec a:hover .tabs-hover-text {
	 opacity: 1;
	 visibility: visible;
	 left: 85%;
}
 .upload-icon {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(0%) hue-rotate(320deg) brightness(104%) contrast(103%);
}
 .top-navigation {
	 background-color: var(--white-color);
	 position: fixed;
	 width: calc(100% - 24rem);
	 left: 0;
	 top: 0;
	 padding: 2rem 2rem 2rem 22rem;
	 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	 z-index: 99;
}
 .top-header-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .profile-icon {
	 width: 2.3rem;
}
 .profile_popup {
	 background-color: var(--white-color);
	 padding: 1rem;
	 position: fixed;
	 top: 10%;
	 right: 0;
	 width: fit-content;
	 visibility: hidden;
	 opacity: 0;
	 display: none;
}
 .profile_popup.active {
	 display: block;
	 visibility: visible;
	 opacity: 1;
}
 .prolie_link_sec .link-fonts p {
	 color: var(--primary-color);
	 text-transform: capitalize;
	 transition: var(--common-transition);
}
 .header-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 width: 100%;
	 margin: 0 auto;
}
 .header-link-sec {
	 display: flex;
	 align-items: center;
	 gap: 1.5rem;
	 width: fit-content;
}
 .hover-link-div {
	 padding: 1rem;
	 border-radius: 0.6rem;
}
 .hover-link-div .section-content-title p {
	 color: var(--highlight-color);
	 font-family: var(--medium-font-family);
}
 .hover-link-div:hover, .hover-link-div.active {
	 background-color: #edf3ff;
	 padding: 1rem;
	 border-radius: 0.6rem;
}
 .hover-link-div:hover .section-content-title p, .hover-link-div.active .section-content-title p {
	 color: var(--blue-color);
	 font-family: var(--medium-font-family);
}
 .down-aerrow-img {
	 width: 0.7rem;
}
 .submenu-sec {
	 background-color: var(--white-color);
	 width: 200px;
	 position: absolute;
	 top: 2rem;
	 left: 0;
	 padding: 1rem;
	 border-radius: 0.5rem;
	 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	 visibility: hidden;
	 opacity: 0;
	 transition: var(--common-transition);
}
 .submenu-sec .link-fonts p {
	 color: var(--black-color) !important;
	 cursor: pointer;
}
 .submenu-sec :hover .link-fonts p {
	 color: var(--blue-color) !important;
}
 .hover-menu-sec:hover .submenu-sec {
	 visibility: visible;
	 opacity: 1;
}
 .table-gradiant {
	 background: #193fc7;
	 background: -moz-linear-gradient(90deg, rgba(25, 63, 199, 1) 20%, rgba(255, 255, 255, 1) 99%);
	 background: -webkit-linear-gradient(90deg, rgba(25, 63, 199, 1) 20%, rgba(255, 255, 255, 1) 99%);
	 background: linear-gradient(90deg, rgba(25, 63, 199, 1) 20%, rgba(255, 255, 255, 1) 99%);
}
 .table-gradiant-2 {
	 background: #4d6ad4;
	 background: linear-gradient(90deg, rgba(77, 106, 212, 1) 16%, rgba(138, 157, 227, 1) 59%, rgba(255, 255, 255, 1) 100%);
}
 .table-gradiant-3 {
	 background: #8a9de3;
	 background: linear-gradient(90deg, rgba(138, 157, 227, 1) 18%, rgba(255, 255, 255, 1) 100%);
}
 .get_update_checkbox {
	 border-color: var(--secondary-color);
}
 input[type="checkbox" i] {
	 outline: -1px solid var(--secondary-color);
	 accent-color: var(--secondary-color);
}
 .dashboard-main-sec, .profile-main-sec {
	 background-color: var(--main-background-color);
}
 .bar-chart-width.overflow-visiable {
	 width: 100%;
	 margin: 0 auto;
}
 .section-main-padding {
	 padding: 8rem 0 0rem 0rem;
}
 .dashboard-sec {
	 padding: 2rem 1rem;
}
 .add-flex-sec {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 padding: 0 0 1rem;
}
 .add-button-flex {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
}
 .add-button-flex input[type="checkbox" i] {
	 outline: -1px solid var(--secondary-color);
	 accent-color: var(--blue-color);
}
 .search-control {
	 border-radius: 0.3rem;
	 border: 1px solid var(--border-gray-color);
	 height: 25px;
	 font-family: var(--regular-font-family);
	 font-size: var(--paragraph-font-size);
	 padding: 0.3rem;
}
 .search-control:focus {
	 border-color: var(--border-blue-color);
	 outline: 0;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
 .capgain-select-width {
	 width: 20%;
}
 .form-group .adisory-select-control {
	 border: 1px solid var(--border-gray-color);
	 height: 25px;
	 font-family: var(--regular-font-family);
	 font-size: var(--paragraph-font-size);
	 padding: 0.3rem 0.5rem;
	 width: 100%;
}
 .form-dashbord-flex {
	 display: flex;
	 align-items: center;
	 gap: 2rem;
	 width: fit-content;
	 margin-left: auto;
}
 .form-dashbord-flex.reconciliation-sec {
	 margin: 0 auto;
}
 .assets-table tr td {
	 border-bottom: 1px solid var(--border-gray-color);
}
 .assets-table tr:last-child td {
	 border-bottom: none;
}
 .buttons-sec {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 width: fit-content;
	 margin: 0;
	 padding: 0 0;
}
 .btn-flex-div {
	 display: flex;
	 gap: 1rem;
}
 .download-icon {
	 width: 1.3rem;
}
 .button-div {
	 cursor: pointer;
	 border-radius: 0.5rem;
	 border: 1px solid var(--border-gray-color);
	 background-color: var(--light-grey-color);
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 width: fit-content;
	 margin: 0 auto;
	 padding: 0.3rem 0.6rem;
	 height: unset;
	 transition: var(--common-transition);
}
 .button-div p {
	 font-size: 14px;
	 font-family: var(--medium-font-family);
	 transition: var(--common-transition);
}
 .button-div.button-border {
	 background-color: transparent;
	 transition: var(--common-transition);
	 border-color: var(--blue-color);
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 width: fit-content;
	 margin: 0 auto;
	 padding: 1rem 1rem;
	 height: unset;
}
 .button-div.button-border p {
	 color: var(--blue-color);
}
 .button-div.button-border .action-icon img {
	 transition: var(--common-transition);
}
 .trending_detail_flex .button-div.button-border {
	 margin: 0;
}
 .button-div.button-green {
	 background-color: var(--light-green-color);
	 transition: var(--common-transition);
	 border-color: var(--green-color);
}
 .button-div.button-green p {
	 color: var(--white-color);
}
 .button-div.button-border:hover {
	 background-color: var(--blue-color);
}
 .button-div.button-border:hover p {
	 color: var(--white-color);
}
 .button-div.button-border:hover .action-icon img {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7465%) hue-rotate(62deg) brightness(105%) contrast(89%);
}
 .button-div.button-green:hover {
	 background-color: var(--green-color);
}
 .button-div.button-red {
	 background-color: var(--red-color);
	 transition: var(--common-transition);
	 border-color: var(--dark-red-color);
}
 .button-div.button-red p {
	 color: var(--white-color);
}
 .button-div.button-red:hover {
	 background-color: var(--dark-red-color);
}
 .button-div.button-blue {
	 background-color: var(--blue-color);
	 padding: 1rem 1rem;
	 transition: var(--common-transition);
	 border: 1px solid transparent;
}
 .button-div.button-blue p {
	 color: var(--white-color);
}
 .download-icon img {
	 transition: var(--common-transition);
}
 .button-div.button-blue:hover {
	 background-color: transparent;
	 border: 1px solid var(--blue-color);
}
 .button-div.button-blue:hover p {
	 color: var(--blue-color);
}
 .button-div.button-blue:hover .download-icon img {
	 filter: brightness(0) saturate(100%) invert(17%) sepia(76%) saturate(3738%) hue-rotate(221deg) brightness(95%) contrast(85%);
}
 .rm-action-button .button-div.button-blue {
	 padding: 0.3rem 0.6rem;
}
 .button-icon {
	 width: 1.2rem;
	 margin: 0;
}
 .dashboard-buttons-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 1rem;
	 width: 98%;
	 margin: 0 auto;
	 padding: 1rem 1rem;
}
 .dashboard-main-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 border-bottom: 1px solid var(--border-gray-color);
}
 .dashboard-tab-sec {
	 display: flex;
	 align-items: center;
	 gap: 1.5rem;
}
 .vectore-img {
	 position: absolute;
	 top: 50%;
	 right: -23%;
	 width: 45%;
	 transform: translate(-50%, -50%);
}
 .dashboard-table {
	 border: 1px solid var(--border-gray-color);
	 border-radius: 0.5rem;
	 width: 100%;
}
 .dashboard-table th, .dashboard-table td {
	 padding: 0.5rem;
	 vertical-align: middle;
}
 .dashboard-table tr:last-child td {
	 border-bottom: none;
}
 .dashbord-date input::before {
	 display: none;
}
 .dashbord-date input:focus-visible {
	 outline: unset;
}
 .title-sec {
	 background-color: transparent;
}
 .title-sec th:nth-child(1) {
	 padding-left: 1rem;
}
 .table-data-tr td {
	 border-bottom: 1px solid var(--border-gray-color);
}
 .table-data-tr td:nth-child(1) {
	 padding-left: 1rem;
}
 .networth-dashboard-table .executive-table th {
	 width: 18%;
	 text-align: center;
}
 .networth-dashboard-table .table-data-tr td {
	 width: 18%;
	 text-align: center;
}
 .sticky-header {
	 position: relative;
}
 .sticky-header th {
	 position: sticky;
	 top: 0;
	 background-color: #fff;
	 z-index: 1000;
	 padding: 10px;
	 border-bottom: 2px solid #ddd;
	 text-align: left;
	 z-index: 1;
}
 .portfolio-table .table-data-tr td:nth-child(1) {
	 width: 20%;
}
 .lable-title, .lable-title p {
	 font-family: var(--regular-font-family);
	 font-size: var(--small-font-size);
}
 .form-button-div {
	 border-radius: 0.5rem;
	 border: 1px solid var(--border-gray-color);
	 background-color: var(--blue-color);
	 gap: 0.5rem;
	 margin: 0 auto;
	 padding: 1rem 0.6rem;
	 height: unset;
	 transition: var(--common-transition);
	 text-align: center;
}
 .form-button-div p {
	 color: var(--white-color);
	 font-size: 14px;
	 font-family: var(--regular-font-family);
	 transition: var(--common-transition);
}
 .form-button-div.button-width-sec {
	 width: 30%;
}
 .form-group input, .form-group select, .form-group ng-select, .form-group textarea, .form-group input {
	 height: 40px;
	 border-radius: 0.5rem;
	 border: 1px solid var(--border-gray-color);
	 font-family: var(--regular-font-family);
	 font-size: var(--paragraph-font-size);
	 min-width: 100lwh;
	 padding: 0.5rem 0.6rem;
}
 .form-group input :focus-visible, .form-group select :focus-visible, .form-group ng-select :focus-visible, .form-group textarea :focus-visible, .form-group input :focus-visible {
	 outline: none;
	 border: 1px solid var(--secondary-color);
}
 input[type="file" i] {
	 height: 40px;
	 border-radius: 0.5rem;
	 border: 1px solid var(--border-gray-color);
	 font-family: var(--medium-font-family);
	 font-size: var(--small-font-size);
	 width: 100%;
	 padding: 0.5rem 0.6rem;
}
 .form-group textarea {
	 text-align: left;
}
 .form-group input::placeholder, .form-group select::placeholder, .form-group textarea::placeholder {
	 color: var(--black-color);
	 font-family: var(--regular-font-family);
}
 .form-group select {
	 box-sizing: unset;
}
 .form-group .lable-title {
	 font-family: var(--medium-font-family);
}
 .form-group .form-control:focus {
	 border-color: var(--border-blue-color);
	 outline: 0;
}
 .form-group.edit-group .form-control:focus-visible {
	 outline: none;
}
 input[type="date" i] {
	 color: var(--border-gray-color);
}
 .form-width-sec {
	 width: 60%;
}
 .dashboard-sec.edit_main_sec, .dashboard-sec.document_main_sec {
	 padding: 2rem 2rem;
}
 input[type="file" i] {
	 text-align: center !important;
	 height: fit-content;
	 padding: 1rem 0.6rem;
}
 .document-sec {
	 width: 30%;
}
 .edit-form-input-flex {
	 display: flex;
	 align-items: center;
	 gap: 3rem;
	 flex-flow: row wrap;
}
 .edit-form-input-flex > div {
	 flex-basis: calc(50% - 3rem);
}
 .contact-form-input {
	 width: 50%;
}
 input[type=date]::-webkit-datetime-edit {
	 color: var(--black-color);
}
 .import-asset-sec input[type="file"] {
	 position: relative;
	 z-index: 2;
	 opacity: 0;
	 cursor: pointer;
}
 .upload-excel-filetype {
	 height: 40px;
	 border-radius: 0.5rem;
	 border: 1px solid var(--border-gray-color);
	 font-family: var(--medium-font-family);
	 font-size: var(--small-font-size);
	 display: flex;
	 position: absolute;
	 gap: 1rem;
	 align-items: center;
	 left: 0;
	 top: 0;
	 z-index: 1;
	 padding: 0.5rem 0.6rem;
	 width: 100%;
}
 .files-icon {
	 width: 2rem;
}
 .view-icon {
	 margin-left: auto;
}
 .width-sec {
	 width: 40%;
}
 .main-tab-content {
	 display: none;
}
 .main-tab-content.active {
	 display: block;
}
 .main-tab {
	 padding-bottom: 1.5rem;
}
 .main-tab.active {
	 border-bottom: 1px solid var(--blue-color);
}
 .main-tab.active .link-fonts p {
	 color: var(--blue-color);
}
 .dashboard-executive-flex {
	 display: flex;
	 gap: 2rem;
	 align-items: center;
}
 .dashboard-flex-center {
	 align-items: unset !important;
}
 .dashboard-executive-flex > div {
	 flex-basis: calc(33.33% - 2rem);
}
 .executive-border {
	 border: 1px solid var(--border-gray-color);
	 border-radius: 0.5rem;
	 width: 100%;
}
 .portfolio-table .last-child-td-class:last-child td {
	 background-color: #f0f5fe !important;
}
 .executive-table {
	 width: 100%;
	 height: 100%;
}
 .executive-table th, .executive-table td {
	 padding: 0.7rem 0.5rem;
	 text-align: center;
	 border-bottom: 1px solid var(--border-gray-color);
}
 .executive-table tr th:nth-child(1), .executive-table tr td:nth-child(1) {
	 text-align: left;
}
 .executive-table tr:last-child td {
	 border-bottom: none;
}
 .executive-table tr:nth-of-type(even) {
	 background-color: #eff4fd;
}
 .executive-table tr:nth-child(1) {
	 background-color: var(--white-color);
}
 .portfolio-white-tr-bg {
	 background-color: #fff !important;
}
 .executive-table tr:last-child td .link-fonts p, .executive-table tr:last-child td .smalltitle p {
	 font-family: var(--medium-font-family) !important;
}
 .protfolio-card .executive-table tr:last-child td .smalltitle p {
	 font-family: var(--regular-font-family) !important;
}
 .protfolio-card .executive-table tr:last-child td .link-fonts p, .executive-table.portfolio-table .tr-child-td-class:last-child td {
	 background-color: #f0f5fe;
}
 .executive-table th p {
	 color: var(--maroon-color);
}
 .text-sec-td .executive-table tr:last-child td .smalltitle p, .text-sec-td .executive-table tr:last-child td .link-fonts p {
	 font-family: var(--regular-font-family) !important;
}
 .bs-table.executive-table tr:last-child td {
	 background-color: transparent !important;
}
 .bs-table.executive-table tr:last-child td .link-fonts p, .bs-table.executive-table tr:last-child td .smalltitle p {
	 font-family: var(--regular-font-family) !important;
}
 .executive-border {
	 width: 100%;
}
 .futureInflow-sec tr:last-child td .link-fonts p {
	 font-family: var(--regular-font-family) !important;
}
 .executive-table.networt-table-sec tr:last-child td {
	 border-bottom: unset !important;
}
 .dashboard-executive-flex tr:last-child td .link-fonts p {
	 font-size: var(--subtitle-font-size);
	 font-family: var(--regular-font-family) !important;
}
 .executive-table.service-breakup-table tr th, .executive-table.service-breakup-table tr td {
	 text-align: left;
}
 .executive-table.service-breakup-table tr th:nth-child(1) {
	 width: 2rem;
}
 .executive-table.service-breakup-table tr th:last-child, .executive-table.service-breakup-table tr td:last-child {
	 text-align: right;
}
 .executive-table.service-breakup-table tr:last-child td .link-fonts p, .executive-table.service-breakup-table tr:last-child td .smalltitle p {
	 font-family: var(--regular-font-family) !important;
}
 .executive-main-title {
	 text-align: center;
	 padding: 0.5rem;
	 border-top-left-radius: 0.5rem;
	 border-top-right-radius: 0.5rem;
}
 .executive-main-title:last-child td {
	 background-color: #eaeff0 !important;
}
 .last-row td {
	 background-color: #eaeff0 !important;
}
 .dashboard-table.percentage-table tr th {
	 text-align: center;
}
 .dashboard-table.percentage-table tr th:nth-child(1), .dashboard-table.percentage-table tr td:nth-child(1) {
	 text-align: left;
}
 .dashboard-table.percentage-table tr th:last-child, .dashboard-table.percentage-table tr td:last-child {
	 text-align: right;
}
 .dashboard-table.percentage-table tr td {
	 text-align: center;
}
 .add-rms-sec-btn .button-div.button-blue {
	 margin: 0;
}
 .rm-add-main-title {
	 text-align: left;
}
 .rm-user-flex {
	 display: flex;
	 align-items: flex-start;
	 gap: 2rem;
}
 .rm-user-flex > div {
	 flex-basis: 50%;
}
 .rm-title-sec {
	 padding: 1rem 1rem;
}
 .master-percentage-sec {
	 padding: 1rem;
}
 .performance-sec {
	 width: 50%;
}
 .capital-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 0 0 1rem;
}
 .capital-select-sec {
	 margin-right: 1rem;
}
 .icon-sec-flex {
	 display: flex;
	 align-items: center;
	 gap: 0.4rem;
}
 .networth-main-sec .dashboard-sec {
	 padding: 0 0 2rem;
}
 .networth-padding {
	 padding: 2rem 1rem 1rem;
}
 .welcome-flex-div {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 background-color: var(--blue-color);
	 border-radius: 1rem;
	 position: relative;
	 padding: 1.5rem;
}
 .executive-flex {
	 display: flex;
	 gap: 2rem;
	 align-items: unset;
	 flex-flow: row wrap;
}
 .executive-grid {
	 display: flex;
	 gap: 1rem;
	 align-items: unset;
}
 .executive-grid > div {
	 flex-basis: 50%;
}
 .executive-grid .white-card {
	 padding: 2rem 1rem;
}
 .main-dashbord-sec .executive-flex > div {
	 flex-basis: calc(29.94% - 1rem);
}
 .executive-flex > div {
	 flex-basis: calc(47% - 1rem);
}
 .networth-sec .executive-flex > div {
	 flex-basis: calc(50% - 1rem);
}
 .white-card {
	 background-color: var(--white-color);
	 border-radius: 0.8rem;
	 padding: 2rem;
}
 .white-card.dashbord-card {
	 padding: 1rem 2rem;
}
 .networth-card {
	 padding: 2rem 2rem;
	 width: 20%;
}
 .networth-content {
	 text-align: right;
}
 .error-text {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
}
 #contact-page .error-text {
	 position: absolute;
	 bottom: -17px;
	 left: 0;
	 width: 100%;
}
 .error-text p {
	 color: red;
	 text-align: left;
	 font-size: 12px;
}
 .loader {
	 border: 10px solid #f3f3f3;
	 border-radius: 50%;
	 border-top: 10px solid var(--blue-color);
	 width: 3rem;
	 height: 3rem;
	 margin: 0 auto;
	 animation: spin 2s linear infinite;
}
 @keyframes spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .blog_full_description ul li {
	 position: relative;
	 padding-left: 1rem;
}
 .blog_full_description ul li span::before {
	 content: '';
	 position: absolute;
	 top: 15px;
	 left: 0px;
	 transform: translateY(-50%);
	 background-color: #000;
	 height: 5px;
	 width: 5px;
	 border-radius: 50%;
}
 .blog_social_icons li {
	 width: 1.2rem;
}
 .blog_full_description {
	 line-height: 1.5;
}
 .blog_full_description ul {
	 padding-left: 1rem;
}
 .blog_full_description span input {
	 max-width: 100%;
	 width: 100%;
	 height: fit-content;
}
 .blog_by {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 border: 1px solid var(--light-grey-color);
	 border-radius: 50px;
	 padding: 0.5rem 1rem;
	 width: max-content;
}
 .blog_by_logo {
	 width: 2rem;
}
 .blog_social_icons {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
}
 .subscribe_block {
	 background-color: var(--blue-color);
	 color: var(--white-color);
	 padding: 3rem 4rem;
	 text-align: center;
	 margin-bottom: 2rem;
	 border-radius: 0.8rem;
}
 .detail_blocks {
	 border: 1px solid var(--light-grey-color);
	 background-color: var(--white-color);
	 border-radius: 0.8rem;
	 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
 .blog_img {
	 padding: 0.6rem;
}
 .blog_detail_tex {
	 padding: 0 1.5rem;
	 padding-top: 0 !important;
}
 .detail_block_btn {
	 padding-bottom: 1rem;
}
 .last-bg-remove td:last-child {
	 background-color: transparent;
}
 .detail_block_btn button {
	 border: 1px solid var(--blue-color);
	 width: 100%;
	 justify-content: center;
	 padding: 1rem 2rem;
	 background: transparent;
	 cursor: pointer;
	 border-radius: 0.6rem;
	 transition: all ease-in-out 0.6s;
}
 .detail_block_btn button.link-fonts p {
	 color: var(--blue-color);
}
 .detail_block_btn button:hover {
	 background-color: var(--blue-color);
}
 .detail_block_btn button:hover.link-fonts p {
	 color: var(--white-color);
}
 .subscribe_btn {
	 padding-top: 3rem;
	 text-align: center;
}
 button.transp-btn {
	 width: 100%;
	 padding: 1rem 2rem;
	 background: transparent;
	 cursor: pointer;
	 border: 1px solid var(--white-color);
	 border-radius: 0.6rem;
}
 .blog-more-flex {
	 display: flex;
	 gap: 3rem;
	 width: 100%;
	 margin: 0;
}
 .video_blocks, .blog_list_block {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 1.5rem;
}
 .blog_list_block {
	 grid-template-columns: repeat(3, 1fr);
}
 .blog-more-flex > div:nth-child(1) {
	 flex-basis: 70%;
	 width: 70%;
}
 .blog-more-flex > div:nth-child(2) {
	 flex-basis: 30%;
	 width: 30%;
}
 .detail_block_by {
	 font-size: var(--link-font-size);
	 font-family: var(--regular-font-family);
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding-bottom: 2rem;
}
 .video_blocks .trending_detail_flex {
	 border: 1px solid var(--light-grey-color);
}
 .trending_img img {
	 aspect-ratio: 1.7884615385;
}
 .box-gap2 {
	 padding: 2rem;
}
 .blog_list_block > div {
	 border: 1px solid var(--light-grey-color);
}
 .trending-tag {
	 position: absolute;
	 top: 7%;
	 right: 5%;
	 padding: 0.5rem 1rem;
	 border-radius: 15px;
	 background-color: var(--blue-color);
	 color: var(--white-color);
	 font-size: var(--small-font-size);
	 font-family: var(--light-font-family);
}
 .trending-block-img {
	 width: 2rem;
	 display: grid;
	 position: relative;
}
 .trending-block-img .more-grey {
	 opacity: 1;
	 transition: all ease 0.5s;
}
 .trending-block-img .more-blue {
	 opacity: 0;
	 position: absolute;
	 left: 0%;
	 transform: translateY(0);
	 transition: all ease 0.5s;
}
 .trending-block-img:hover .more-grey {
	 opacity: 0;
}
 .trending-block-img:hover .more-blue {
	 opacity: 1;
	 transform: scale(1.1);
}
 .trending_img img {
	 aspect-ratio: 1.7884615385;
}
 .trending_detail_flex {
	 height: 100%;
	 display: flex;
	 align-items: flex-start;
	 gap: 2rem;
}
 .trending_detail_flex > div:nth-child(1) {
	 flex-basis: 30%;
}
 .trending_detail_flex > div:nth-child(2) {
	 flex-basis: 70%;
}
 .videos_flex {
	 border: 1px solid var(--light-grey-color);
}
 .blog_list_block .title-fonts {
	 line-height: 1.3;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -moz-line-clamp: 2;
	 -o-line-clamp: 2;
	 -ms-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 -moz-box-orient: vertical;
	 -o-box-orient: vertical;
	 -ms-box-orient: vertical;
	 overflow: hidden;
	 height: 54px;
}
 .video_list_block .title-fonts {
	 height: 105px;
}
 .blog_list_block .trending_detail_flex {
	 height: 100%;
	 flex-direction: column;
}
 .blog_list_block .trending_img img {
	 border-radius: 1rem;
}
 .blog_list_block .trending_img {
	 width: 100%;
}
 .video-img.trending_img img {
	 width: 100%;
	 border-radius: 0.5rem;
}
 .youtube_icon {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 4rem;
}
 .youtube_icon img {
	 aspect-ratio: unset;
}
 .video-main-img .black {
	 display: block;
}
 .video-main-img .red {
	 display: none;
}
 .video-main-img:hover .red {
	 display: block;
}
 .video-main-img:hover .black {
	 display: none;
}
 .blog_pagination ul {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 justify-content: center;
	 font-size: var(--content-font-size);
	 padding: 1rem 1.5rem;
	 border: 1px solid var(--light-grey-color);
	 border-radius: 50px;
	 width: fit-content;
	 margin: 0 auto;
	 background-color: var(--white-color);
}
 .blog_pagination li {
	 padding: 0.5rem 1rem;
	 cursor: pointer;
}
 .blog_pagination .page-item.active {
	 background-color: var(--active-blue-color);
	 border-radius: 50%;
}
 .blog_pagination .page-item.active a {
	 color: var(--blue-color);
}
 .fix-meeting-sec {
	 padding-top: 3rem;
}
 .iframe-container {
	 width: 100%;
}
 iframe {
	 width: 100%;
	 height: 800px;
	 border: none;
	 overflow-y: hidden !important;
}
 iframe body {
	 overflow-y: hidden !important;
}
 .chart-grid {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 gap: 2rem;
	 align-items: center;
}
 .chart-sec {
	 width: fit-content;
	 margin: 0 auto;
}
 .netwprth-chart {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 gap: 2rem;
	 align-items: center;
}
 .networth_icon {
	 width: 5rem;
}
 .white_bg_sec {
	 background: var(--white-color);
	 padding: 2rem 2rem;
	 border-radius: 1rem;
}
 #blog-section.section-main-padding, #blog-detail.section-main-padding {
	 padding: 0rem 0 0rem 0rem;
}
 #capital-gain, #contact-page, .fullpage_height {
	 height: 100vh;
}
 .dots-img {
	 width: 1.5rem;
}
 .dropdown-box-sec {
	 position: relative;
	 transition: var(--common-transition);
}
 .dropdown-content {
	 opacity: 0;
	 visibility: hidden;
	 position: absolute;
	 right: -5px;
	 background-color: var(--white-color);
	 min-width: 130px;
	 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 z-index: 1;
	 transition: var(--common-transition);
	 padding: 0.8rem 0;
	 color: #767676;
	 font-family: 'montserratbold';
}
 .dropdown-box-sec:hover .dropdown-content {
	 visibility: visible;
	 opacity: 1;
}
 .top-navigation .button-div.button-blue {
	 padding: 0.8rem 1rem;
}
 .button-blue.disabled {
	 pointer-events: none;
	 opacity: 0.5;
}
 .add-form-flex {
	 display: flex;
	 align-items: flex-start;
	 gap: 1.5rem;
}
 .planning-sec.form-group input {
	 height: unset;
	 width: unset;
	 padding: 0.6rem 0.6rem;
}
 .planning-table tr th, .planning-table tr td {
	 width: fit-content;
}
 .planning-table tr td {
	 border-bottom: unset;
}
 .planning-table tr:last-child td {
	 background-color: transparent;
}
 .save-buuton-sec {
	 width: fit-content;
	 margin: 0;
}
 .add-remove-icon {
	 width: 2rem;
	 padding-top: 2rem;
}
 .remove-icon {
	 width: 1.4rem;
	 margin: 0 auto;
}
 .add-form-sec .form-flex-div:nth-child(1) .remove-icon {
	 padding: 2rem 0 0;
}
 .popup-overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.4);
	 z-index: 99999;
	 backdrop-filter: blur(5px);
	 transition: var(--common-transition);
	 opacity: 0;
	 visibility: hidden;
}
 .popup-overlay.popup-overlay-active {
	 transition: var(--common-transition);
	 opacity: 1;
	 visibility: visible;
}
 .inquire-popup-wrapper {
	 width: 30%;
	 background-color: var(--white-color);
	 transition: var(--common-transition);
	 z-index: 999999;
	 position: fixed;
	 left: 50%;
	 top: -100%;
	 transform: translate(-50%, -50%);
	 overflow: auto;
	 padding: 2rem 2rem;
	 border-radius: 0.8rem;
}
 .inquire-popup-wrapper.inquire-popup-wrapper-active {
	 transition: var(--common-transition);
	 top: 50%;
}
 .close-icon {
	 width: 1.8rem;
}
 .vault-grid {
	 display: grid;
	 gap: 2rem;
	 grid-template-columns: repeat(5, 1fr);
	 width: 94%;
}
 .component-icon-flex {
	 display: flex;
	 align-items: flex-start;
	 gap: 2rem;
	 flex-direction: column;
}
 .vault-icon {
	 width: 70%;
}
 .vault-icon img {
	 transition: var(--common-transition);
}
 .vault-icon1 {
	 width: 45%;
	 margin: 0 auto;
}
 .vault-grid .white-card {
	 transition: var(--common-transition);
	 border: 1px solid var(--border-gray-color);
	 padding: 1.5rem 1.5rem;
}
 .vault-grid .white-card:hover {
	 border: 1px solid var(--highlight-color);
}
 .vault-grid-main {
	 display: grid;
	 align-items: center;
	 gap: 2rem;
	 grid-template-columns: repeat(4, 1fr);
	 width: 70%;
}
 .vault-grid-main .section-title h3 {
	 text-align: center;
}
 .vault-grid-main .white-card {
	 cursor: pointer;
}
 .achoder-padding {
	 padding: 1.5rem 0;
}
 .value-sec-width {
	 width: 60%;
}
 .valut-form-flex {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 align-items: center;
	 gap: 2rem;
}
 .component-icon-flex.debt-sec > div:nth-child(1) {
	 flex-basis: 20%;
}
 .component-icon-flex.debt-sec > div:nth-child(2) {
	 flex-basis: 80%;
}
 .blog_full_description p span, .blog_full_description ul li span {
	 font-size: var(--blog-content-font-size) !important;
	 font-family: var(--regular-font-family) !important;
}
 .blog_full_description p input {
	 width: 64%;
	 margin-left: 0;
	 height: 100%;
}
 .holder-tab-flex {
	 display: flex;
	 align-items: center;
	 gap: 2rem;
	 margin-bottom: 2rem;
	 border-bottom: 1px solid var(--gray-color);
}
 .add-tab-holder {
	 padding-bottom: 1rem;
	 border-bottom: 1px solid transparent;
}
 .add-tab-holder.active {
	 border-bottom: 2px solid var(--blue-color);
}
 .add-form-grid {
	 display: grid;
	 align-items: flex-start;
	 gap: 1rem;
	 grid-template-columns: repeat(4, 1fr);
}
 .holder-border {
	 border-bottom: 1px solid var(--border-gray-color);
	 padding-bottom: 1rem;
}
 .executive-border .add-form-grid:nth-child(2) {
	 padding-top: 3rem;
}
 .sticky-title {
	 position: sticky;
	 top: 0%;
	 z-index: 999;
}
 .protfolio-card_old {
	 position: sticky;
	 top: 19%;
	 background-color: var(--white-color);
}
 .overflow-sec {
	 overflow-y: scroll;
}
 .overflowX {
	 overflow-x: hidden;
}
/* width */
 .protfolio-card_old ::-webkit-scrollbar {
	 width: 6px;
}
/* Track */
 .protfolio-card_old ::-webkit-scrollbar-track {
	 border-radius: 10px;
	 background: rgba(230, 229, 229, 0.478);
}
/* Handle */
 .protfolio-card_old ::-webkit-scrollbar-thumb {
	 background: #a8a8a8;
	 border-radius: 10px;
}
/* Handle on hover */
 .protfolio-card_old ::-webkit-scrollbar-thumb:hover {
	 background: grey;
}
 .important-document-sec .button-div.button-blue {
	 margin: 0;
}
 .la-cube-transition.la-2x > div {
	 width: 28px;
	 height: 28px;
	 margin-top: -14px;
	 margin-left: -14px;
	 color: #fff;
}
 .la-cube-transition > div {
	 background-color: #fff !important;
}
 .title-border-div {
	 border-bottom: 1px solid var(--border-gray-color);
}
 .title-full-bg {
	 background-color: #f6f7fa;
}
 .networth-main-flex-sec {
	 display: flex;
	 align-items: flex-start;
	 gap: 2rem;
}
 .networth-main-flex-sec > div:nth-child(1) {
	 flex-basis: 60%;
}
 .networth-main-flex-sec > div:nth-child(2) {
	 flex-basis: 40%;
}
 .th-bg-color-sec tr td:last-child, .th-bg-color-sec tr th:last-child {
	 border-right: unset;
}
 .th-bg-color-r tr:last-child td {
	 background-color: #ededed;
}
 .bg-remove-tr-td .executive-table tr:last-child td .smalltitle p, .bg-remove-tr-td .executive-table tr:last-child td .link-fonts p {
	 font-family: var(--regular-font-family) !important;
}
 .action-icon-flex {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 width: fit-content;
	 margin: 0 auto;
}
 .action-icon-img {
	 width: 1.3rem;
}
 .main-button-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .form-flex-div {
	 display: flex;
	 align-items: flex-start;
	 gap: 1.5rem;
	 width: 100%;
	 flex-flow: row wrap;
}
 .form-flex-div > div {
	 flex-basis: calc(20% - 1rem);
}
 .icon-postion {
	 position: absolute;
	 top: 50%;
	 right: -14%;
	 transform: translate(-50%, -50%);
	 width: fit-content;
	 z-index: 9;
}
 .th-bg-color-sec.future-inflow-tr tr:last-child td {
	 background-color: transparent;
}
 .border_bottom {
	 border-bottom: 1px solid var(--border-gray-color);
}
 .executive-table.range-th-bg-color-sec tr:last-child td {
	 background-color: unset;
}
 .table-button .button-div.button-blue {
	 padding: 0.5rem 1rem;
	 width: fit-content;
	 margin: 0 !important;
}
 .text-flex {
	 display: flex;
	 gap: 1rem;
	 align-items: center;
	 width: fit-content;
}
 .blog-title-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .videos_flex.white_bg_sec {
	 padding: 1.2rem 1.2rem;
}
 .bold-text {
	 font-family: var(--medium-font-family);
}
 .material-symbols-outlined {
	 font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
 .backto-page-arrow {
	 width: 2rem;
}
 .logo-flex {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 padding: 2rem 1rem 1rem;
}
 .slider_btn {
	 padding: 1.2rem 0.5rem;
	 border-radius: 5px;
}
 .slider_btn.disabled {
	 display: none;
}
 .bar.top {
	 margin: 0 auto 6px;
}
 .slider_btn .bar {
	 height: 2px;
	 width: 1.7rem;
	 background-color: var(--blue-color);
}
 .slider_btn .bar {
	 -webkit-transition: var(--common-transition);
	 -moz-transition: var(--common-transition);
	 -ms-transition: var(--common-transition);
	 -o-transition: var(--common-transition);
	 transition: var(--common-transition);
}
 .slider_btn a.active .top {
	 -webkit-transform: translateY(5px) rotateZ(45deg);
	 -moz-transform: translateY(5px) rotateZ(45deg);
	 -ms-transform: translateY(5px) rotateZ(45deg);
	 -o-transform: translateY(5px) rotateZ(45deg);
	 transform: translateY(5px) rotateZ(45deg);
}
 .slider_btn a.active .bottom {
	 -webkit-transform: translateY(-3px) rotateZ(-45deg);
	 -moz-transform: translateY(-3px) rotateZ(-45deg);
	 -ms-transform: translateY(-3px) rotateZ(-45deg);
	 -o-transform: translateY(-3px) rotateZ(-45deg);
	 transform: translateY(-3px) rotateZ(-45deg);
}
 .slider_btn .active .bar {
	 background-color: var(--blue-color);
}
 .answers label {
	 margin: 5px 0;
	 cursor: pointer;
}
 input[type="radio"] {
	 margin-right: 5px;
}
 .navigation-buttons {
	 margin-top: 20px;
}
 button {
	 padding: 10px 15px;
	 margin: 5px;
	 border: none;
	 border-radius: 5px;
	 background-color: var(--blue-color);
	 color: white;
	 cursor: pointer;
}
 button:disabled {
	 background-color: #ccc;
	 cursor: not-allowed;
}
 .risk-profile-btn {
	 margin-left: 0 !important;
}
 .riskProfile-form-flex {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 align-items: center;
	 gap: 1rem;
}
 .risk-calc-flex {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 justify-content: space-between;
}
 #networth-page .executive-table {
	 overflow: unset !important;
}
 .page-navigate-button {
	 background-color: #edf3ff;
	 padding: 1rem;
	 border-radius: 0.6rem;
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 width: fit-content;
	 margin-left: auto;
	 transition: var(--common-transition);
	 border: 1px solid transparent;
}
 .page-navigate-button.leftsided {
	 margin-left: 0;
}
 .arrow-right-img {
	 width: 1.5rem;
}
 .arrow-right-img.leftsided {
	 transform: scaleX(-1);
	 -moz-transform: scaleX(-1);
	 -webkit-transform: scaleX(-1);
	 -ms-transform: scaleX(-1);
	 -o-transform: scaleX(-1);
}
 .page-navigate-button p {
	 color: var(--blue-color);
	 font-family: var(--medium-font-family);
}
 .page-navigate-button:hover {
	 border: 1px solid var(--blue-color);
}
 .arrow-right-img img {
	 margin-left: 0rem;
	 transition: var(--common-transition);
}
 .page-navigate-button:hover .arrow-right-img img {
	 margin-left: 6px;
}
 .title-filter-flex {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 background-color: var(--white-color);
	 padding: 0 0 1rem;
}
 .filter-div-flex {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 width: fit-content;
}
 .page-container {
	 padding-left: 90px;
	 transition: all 0.6s ease-in-out;
}
 .page-container.active {
	 padding-left: 266px;
}
 .login-main-sec .error-text {
	 bottom: -20px;
}
 .link-fonts p.bold-text, .bg-remove-tr-td .executive-table tr:last-child td .link-fonts p.bold-text {
	 font-family: var(--bold-font-family) !important;
}
 .visible-hide-sec {
	 visibility: hidden;
}
 .spinner-button, .message-box-spinner {
	 width: 16px;
	 height: 16px;
	 border: 2px solid var(--gray-color);
	 border-top: 2px solid var(--blue-color);
	 border-radius: 50%;
	 animation: spin 1s linear infinite;
	 margin-right: 8px;
	 display: inline-block;
	 vertical-align: middle;
}
 .side-nav-icon-sec li .hover_title {
	 opacity: 0;
	 visibility: hidden;
	 cursor: unset;
	 position: absolute;
	 top: 6px;
	 left: 5rem;
	 padding: 0.5rem 1rem;
	 background-color: #193fc7;
	 border-radius: 6px;
	 transition: all ease 0.4s;
}
 .side-nav-icon-sec .logout-sec li .hover_title {
	 background-color: #fff5f5;
}
 .hover_title::before {
	 content: "";
	 position: absolute;
	 left: -6px;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 0;
	 height: 0;
	 border-top: 6px solid transparent;
	 border-bottom: 6px solid transparent;
	 border-right: 6px solid #193fc7;
	 -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.1));
	 filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.1));
}
 .logout-sec .hover_title::before {
	 border-top: 6px solid transparent;
	 border-bottom: 6px solid transparent;
	 border-right: 6px solid #fff5f5;
	 -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.1));
	 filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, 0.1));
}
 .side-nav-icon-sec .de-active li:hover .hover_title p {
	 color: #fff;
}
 .side-nav-icon-sec .de-active .logout-sec li:hover .hover_title p {
	 color: #ff3e3e;
}
 .side-nav-icon-sec .de-active li:hover .hover_title {
	 opacity: 1;
	 visibility: visible;
}
 @keyframes spin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .button-link-text {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
}
 .nodata-div {
	 width: fit-content;
	 margin: 0 auto;
	 border-bottom: none !important;
}
 .nodata-div p {
	 padding: 2rem 0;
}
 .change-risk-link p a:hover {
	 text-decoration: underline;
}
 .finacial-button-flex {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
}
 .main-title-sticky {
	 padding: 0rem 0 1rem 0 !important;
	 background-color: var(--white-color);
}
 .main-title-sticky-bs {
	 background-color: var(--white-color);
	 padding: 2rem 0 1rem 0;
}


 .ptop0 {
	 padding-top: 0 !important;
}
 .list-task-sec:hover .link-fonts p {
	 color: var(--blue-color);
}
 .button-icon {
	 position: relative;
	 width: 2rem;
}
 .blue-icon {
	 position: absolute;
	 top: 0;
	 left: 0;
	 visibility: hidden;
	 opacity: 0;
}
 .button-div:hover .button-icon .white-icon {
	 visibility: hidden;
	 opacity: 0;
}
 .button-div:hover .button-icon .blue-icon {
	 visibility: visible;
	 opacity: 1;
}
 .message-form-sec {
	 display: flex;
	 gap: 1rem;
	 align-items: center;
	 width: 100%;
}
 .message-button .button-div.button-blue {
	 background-color: var(--blue-color);
	 padding: 0.6rem;
	 transition: var(--common-transition);
	 border: 1px solid transparent;
	 border-radius: 50%;
	 border: 1px solid var(--blue-color);
}
 .message-button .button-div.button-blue:hover {
	 background-color: transparent;
}
 .message-box-div {
	 background-color: var(--blue-color);
	 width: fit-content;
	 margin-left: auto;
	 padding: 0.8rem;
	 border-radius: 6px;
}
 .message-form-sec > div:nth-child(1) {
	 flex-basis: 95% !important;
}
 .message-form-sec > div:nth-child(2) {
	 flex-basis: 5% !important;
}
 .message-box {
	 width: fit-content;
	 margin-left: auto;
	 text-align: center;
}
 .time-message-div {
	 padding-top: 0.5rem;
}
 .message-form-sec .form-group textarea {
	 width: calc(100% - 1.6rem);
	 height: 100%;
	 border-radius: 20px;
	 padding: 0.8rem;
}
 .sticky-form-div {
	 position: sticky;
	 bottom: 0rem;
	 width: 98.5%;
	 background-color: var(--white-color);
	 padding: 1rem;
	 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 border-radius: 10px;
}
 .border-main-sec > div {
	 border-bottom: 1px solid var(--border-gray-color);
	 padding: 1rem 0;
}
 .short-name-box {
	 background-color: #b1c5e6;
	 width: fit-content;
	 border-radius: 50%;
	 padding: 1rem 0.8rem;
}
 .message-main-div {
	 padding-bottom: 4rem;
}
 @media only screen and (max-height: 1050px) {
	 .protfolio-card_old {
		 top: 14%;
	}
}
 @media only screen and (max-width: 1680px) {
	 .blog_full_description span input {
		 max-width: 100%;
		 width: 98%;
		 height: fit-content !important;
	}
	 .vault-grid {
		 width: 100%;
	}
	 .main-dashbord-sec .executive-flex > div {
		 flex-basis: calc(29.46% - 1rem);
	}
	 .vault-grid-main {
		 width: 90%;
	}
	 html {
		 font-size: 16px;
	}
	 .button-div p {
		 font-size: 16px;
	}
	 .white-card {
		 padding: 1.2rem;
	}
	 .icon-postion {
		 right: -25%;
	}
	 .vault-grid {
		 grid-template-columns: repeat(4, 1fr);
	}
	 .trending_detail_flex > div:nth-child(1) {
		 flex-basis: 40%;
	}
	 .trending_detail_flex > div:nth-child(2) {
		 flex-basis: 60%;
	}
	 .dashboard-main-sec, .profile-main-sec {
		 width: 97%;
	}
	 .portfolio-table .table-data-tr td:nth-child(1) {
		 width: 30%;
	}
	 .capital_gain_table .table-data-tr td:nth-child(1) {
		 width: 20%;
	}
	 .smalltitle p {
		 font-size: 14px;
	}
	 .link-fonts p {
		 font-size: 14px;
	}
	 .page-container.active {
		 padding-left: 318px;
	}
	 

	 .protfolio-card_old-3 {
		 top: 28%;
	}
	 .message-form-sec .form-group textarea {
		 width: 98%;
	}
	 .sticky-form-div {
		 width: 97%;
	}
}
 @media only screen and (max-width: 1550px) {
	 html {
		 font-size: 13px;
	}
	 .form-width-sec {
		 width: 70%;
	}
	 .banner-title h1 {
		 font-size: 4rem;
	}
	 .second-title h2 {
		 font-size: 2.5rem;
	}
	 .subscribe_block .title-fonts h2 {
		 font-size: 1.4rem;
	}
	 .vault-grid-main {
		 width: 99%;
	}
	 



	 .message-form-sec .form-group textarea {
		 width: 98% !important;
	}
}
 @media only screen and (max-width: 1440px) {
	 .hover-link-div {
		 padding: 1rem 0.5rem;
	}
	 #dynamicReportBody {
		 zoom: 0.75;
	}
	 .vault-grid {
		 grid-template-columns: repeat(3, 1fr);
	}
	 html {
		 font-size: 12px;
	}
	 .main-dashbord-sec .executive-flex {
		 display: grid;
		 grid-template-columns: repeat(3, 1fr);
		 gap: 0.5rem;
	}
	 .main-dashbord-sec .executive-flex .link-fonts p {
		 font-size: 0.74rem;
	}
	 .white-card {
		 padding: 2rem 1.5rem;
	}
	 .chart-grid {
		 gap: 1rem;
	}
	 .executive-grid {
		 grid-template-columns: repeat(2, 1fr);
		 grid-template-areas: 'one one' 'two three';
	}
	 .main-tab .section-title h3 {
		 font-size: 1.1rem;
	}
	 .button-div p {
		 font-size: 14px;
	}
	 .error-text {
		 bottom: -14px;
	}
	 .error-text p {
		 font-size: 12px;
	}
	 .vault-icon1 {
		 width: 32%;
	}
	 .from-grid {
		 grid-template-columns: repeat(3, 1fr) !important;
	}
	 .planning-sec.form-group input, .planning-sec.form-group textarea {
		 width: 90%;
	}
	 .real-estate-sec {
		 display: block;
		 overflow-x: auto;
		 overflow-y: hidden;
		 white-space: nowrap;
	}
	 .top-navigation {
		 width: calc(100% - 21rem);
		 padding: 2rem 2rem 2rem 19rem;
	}
	 .section-big-title h2 {
		 font-size: 2.2rem;
	}
	 .networth-main-flex-sec > div:nth-child(1) {
		 flex-basis: 100%;
		 width: 96%;
	}
	 .networth-main-flex-sec > div:nth-child(2) {
		 flex-basis: 100%;
		 width: 99%;
	}
	 .networth-main-flex-sec {
		 flex-direction: column;
		 gap: 1rem;
	}

	 .capital_gain_table .table-data-tr td:nth-child(1) {
		 width: 25%;
	}
	 .section-title h3, .section-title p, .section-title ul li span {
		 font-size: 1.18rem;
	}
	 .protfolio-card_old {
		 top: 14%;
		 background-color: var(--white-color);
	}
	 .page-container.active {
		 padding-left: 240px;
	}

	 .bs-table .protfolio-card_old {
		 top: 13%;
	}
	 .smalltitle p {
		 font-size: 13px;
	}
	 .link-fonts p {
		 font-size: 12px;
	}
	 .protfolio-card_old-2 {
		 top: 15%;
	}
	 .protfolio-card_old-3 {
		 top: 21%;
	}
}
 @media only screen and (max-height: 760px) {

	 .protfolio-card_old {
		 top: 22%;
	}
	 .protfolio-card_old-3 {
		 top: 37%;
	}
}
 @media only screen and (max-height: 680px) {

}
 @media only screen and (max-width: 1366px) {
	 .title-fonts h2 {
		 font-size: 1.2rem;
	}
	 .section-title h3, .section-title p, .section-title ul li span {
		 font-size: 1.05rem;
	}
	 .section-content-title h3, .section-content-title p {
		 font-size: 1rem;
	}
	 .banner-title h1 {
		 font-size: 3.5rem;
	}
	 .blog_full_description ul li span {
		 font-size: 18px !important;
	}
	 .main-dashbord-sec .executive-flex > div {
		 flex-basis: calc(45.5% - 1rem);
	}
	 .tabs-hover-text {
		 padding: 0.5rem 0.5rem;
	}
	 .tabs-hover-text.link-fonts p {
		 font-size: 1.05rem;
	}
	 .side-nav-icon-sec.inner-flex.inner-flex-common {
		 gap: 0.5rem;
	}
	 .executive-grid .smalltitle p {
		 font-size: 13px;
	}
	 html {
		 font-size: 13px;
	}
	 .button-div p {
		 font-size: 13px;
	}
	 .main-header-flex {
		 padding: 0 0.8rem;
	}
	 .vault-icon1 {
		 width: 28%;
	}
	 .networth-main-flex-sec > div:nth-child(1) {
		 flex-basis: 70%;
	}
	 .networth-main-flex-sec {
		 gap: 1rem;
	}
	 .networth-main-flex-sec > div:nth-child(2) {
		 flex-basis: 30%;
	}
	 .portfolio-table .table-data-tr td:nth-child(1) {
		 width: 35%;
	}
	 .link-fonts p {
		 font-size: 12px;
	}
	 .smalltitle p {
		 font-size: 12px;
	}
	 .vault-grid {
		 grid-template-columns: repeat(4, 1fr);
	}
	 .inner-flex.inner-flex-common {
		 gap: 1.3rem;
	}
	 .video_blocks {
		 grid-template-columns: repeat(3, 1fr);
	}
	 .video_list_block .title-fonts {
		 height: 70px;
	}
	 .page-container.active {
		 padding-left: 250px;
	}
	 .dashboard-main-sec, .profile-main-sec {
		 width: 98%;
	}
	 .side-nav-flex-logout.active {
		 width: 224px;
	}
	 .slider_btn .bar {
		 width: 1.3rem;
	}

	 .protfolio-card_old {
		 top: 19%;
	}

	 .bs-table .protfolio-card_old {
		 top: 19%;
	}
	 .protfolio-card_old-2 {
		 top: 20%;
	}
	 .top-navigation {
		 width: calc(100% - 21rem);
		 padding: 2rem 2rem 2rem 20rem;
	}
	 .protfolio-card_old-3 {
		 top: 26%;
	}
}
 @media only screen and (max-width: 1280px) {
	 .box-gap2 {
		 padding: 1rem;
	}
	 .header-link-sec {
		 width: 50%;
	}
	 .banner-title h1 {
		 font-size: 3rem;
	}
	 .second-title h2 {
		 font-size: 2rem;
	}
	 .inquire-popup-wrapper {
		 width: 40%;
	}
	 .header-link-sec {
		 width: 70%;
	}
	 .component-icon-flex {
		 gap: 1rem;
	}
	 .add-flex-sec {
		 align-items: center;
	}
	 .form-flex-div > div {
		 flex-basis: calc(24% - 1rem);
	}
	 .portfolio-table .table-data-tr td:nth-child(1) {
		 width: 30%;
	}
	 .aspirations-table .executive-table tr td:nth-child(1) {
		 width: 22%;
	}
	 .section-title h3, .section-title p, .section-title ul li span {
		 font-size: 1.1rem;
	}
	 .vault-icon {
		 width: 60%;
	}
	 .protfolio-card_old {
		 top: 12.5%;
	}
	 html {
		 font-size: 13px;
	}
	 .dashboard-main-sec, .profile-main-sec {
		 height: 100%;
		 overflow-x: hidden;
		 overflow-y: auto;
	}
	 .button-div p {
		 font-size: 13px;
	}
	 .link-fonts p {
		 font-size: 11px;
	}
	 .top-navigation {
		 width: calc(100% - 24rem);
		 padding: 2rem 2rem 2rem 22rem;
	}
	 .side-nav-flex-logout-padd {
		 padding: 8rem 1rem 5rem;
	}
	
}
 @media only screen and (max-width: 1152px) {
	 html {
		 font-size: 11px;
	}
	 .form-width-sec {
		 width: 80%;
	}
	 .document-sec {
		 width: 40%;
	}
	 .executive-flex > div {
		 flex-basis: calc(80% - 2rem);
	}
	 .header-link-sec {
		 width: 56%;
	}
	 .subscribe_block {
		 padding: 2rem 2rem;
	}
	 .chart-grid {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .main-dashbord-sec .executive-flex > div {
		 flex-basis: calc(50% - 1rem);
	}
	 .header-link-sec {
		 width: 70%;
	}
	 .main-dashbord-sec .executive-flex {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .side-nav-icon-sec a {
		 gap: 0.5rem;
	}
	 .networth-main-flex-sec > div:nth-child(1) {
		 flex-basis: 100%;
		 width: 97%;
	}
	 .networth-main-flex-sec > div:nth-child(2) {
		 flex-basis: 100%;
		 width: 100%;
	}
	 .networth-main-flex-sec {
		 flex-direction: column;
	}
	 .executive-grid {
		 flex-direction: column;
	}
	 .side-nav-icon-sec a {
		 gap: 0rem;
	}
	 .protfolio-card_old {
		 top: 16%;
	}

	 .side-nav-flex-logout.active {
		 width: 203px;
	}
	 .page-container.active {
		 padding-left: 227px;
	}
	 .top-navigation {
		 width: calc(100% - 24rem);
		 padding: 2rem 2rem 2rem 22rem;
	}
	 .button-div p {
		 font-size: 12px;
	}
}
 @media only screen and (max-width: 1024px) {
	 .button-div p {
		 font-size: 13px;
	}
	 .vault-icon {
		 width: 4rem;
	}
	 .button-div p {
		 font-size: 12px;
	}
	 .executive-flex > div {
		 flex-basis: calc(90% - 2rem);
	}
	 .title-fonts h2 {
		 font-size: 1.2rem;
	}
	 .section-title h3, .section-title p, .section-title ul li span {
		 font-size: 1.1rem;
	}
	 .vault-grid .section-title h3 {
		 font-size: 1rem;
	}
	 .vault-grid .white-card {
		 padding: 1rem;
	}
	 .blog_list_block .title-fonts {
		 height: 66px;
	}
	 .header-link-sec {
		 width: 80%;
	}
	 .tabs-hover-text.link-fonts p {
		 font-size: 0.9rem;
	}
	 .profile-main-sec {
		 width: calc(100% - 16rem);
	}
	 .networth-card {
		 width: 30%;
	}
	 .executive-grid .link-fonts p {
		 font-size: 0.8rem;
	}
	 html {
		 font-size: 12px;
	}
	 .from-grid {
		 grid-template-columns: repeat(3, 1fr);
	}
	 .add-form-grid {
		 grid-template-columns: repeat(3, 1fr);
	}
	 .from-grid {
		 grid-template-columns: repeat(3, 1fr) !important;
	}
	 .top-navigation {
		 width: calc(100% - 22rem);
		 padding: 2rem 2rem 2rem 20rem;
	}
	 .hover-link-div {
		 padding: 1rem 0rem;
	}
}
/** For Shimmer **/
 .shine {
	 background: #f6f7f8;
	/* background-image: linear-gradient(to right, #000000 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	 */
	 background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	 background-repeat: no-repeat;
	 background-size: 800px 104px;
	 display: inline-block;
	 position: relative;
	 -webkit-animation-duration: 1s;
	 -webkit-animation-fill-mode: forwards;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-animation-name: placeholderShimmer;
	 -webkit-animation-timing-function: linear;
}
 tr.shine {
	 display: table-row;
}
 .shine.line {
	 display: block;
	 width: 100%;
	 margin-bottom: 0.8rem;
}
 .task .shine.line {
	 margin-bottom: 0;
}
 .shine.line:last-child {
	 margin-bottom: 0;
}
 @-webkit-keyframes placeholderShimmer {
	 0% {
		 background-position: -468px 0;
	}
	 100% {
		 background-position: 468px 0;
	}
}
/** For Shimmer **/
/** Toaster Style **/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
 .toast-center-center {
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 .toast-top-center {
	 top: 0;
	 right: 0;
	 width: 100%;
}
 .toast-bottom-center {
	 bottom: 0;
	 right: 0;
	 width: 100%;
}
 .toast-top-full-width {
	 top: 0;
	 right: 0;
	 width: 100%;
}
 .toast-bottom-full-width {
	 bottom: 0;
	 right: 0;
	 width: 100%;
}
 .toast-top-left {
	 top: 12px;
	 left: 12px;
}
 .toast-top-right {
	 top: 12px;
	 right: 12px;
}
 .toast-bottom-right {
	 right: 12px;
	 bottom: 12px;
}
 .toast-bottom-left {
	 bottom: 12px;
	 left: 12px;
}
/* toast styles */
 .toast-title {
	 font-weight: bold;
}
 .toast-message {
	 word-wrap: break-word;
	 color: #fff;
	 font-size: 14px !important;
}
 .toast-message a, .toast-message label {
	 color: #fff;
}
 .toast-message a:hover {
	 color: #ccc;
	 text-decoration: none;
}
 .toast-close-button {
	 position: relative;
	 right: -0.3em;
	 top: -0.3em;
	 float: right;
	 font-size: 20px;
	 font-weight: bold;
	 color: #fff;
	 text-shadow: 0 1px 0 #fff;
	/* opacity: 0.8;
	 */
}
 .toast-close-button:hover, .toast-close-button:focus {
	 color: #000;
	 text-decoration: none;
	 cursor: pointer;
	 opacity: 0.4;
}
/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
 button.toast-close-button {
	 padding: 0;
	 cursor: pointer;
	 background: transparent;
	 border: 0;
}
 .toast-container {
	 pointer-events: none;
	 position: fixed;
	 z-index: 999999;
}
 .toast-container * {
	 box-sizing: border-box;
}
 .toast-container .toast {
	 position: relative;
	 overflow: hidden;
	 margin: 0 0 6px;
	 padding: 15px 15px 15px 50px;
	 width: 300px;
	 border-radius: 3px 3px 3px 3px;
	 background-position: 15px center;
	 background-repeat: no-repeat;
	 background-size: 24px;
	 color: #fff;
}
 .toast-container .toast:hover {
	 opacity: 1;
	 cursor: pointer;
}

 @media all and (max-width: 240px) {
	 .toast-container .toast.div {
		 padding: 8px 8px 8px 50px;
		 width: 11em;
	}
	 .toast-container .toast-close-button {
		 right: -0.2em;
		 top: -0.2em;
	}
}
 @media all and (min-width: 241px) and (max-width: 480px) {
	 .toast-container .toast.div {
		 padding: 8px 8px 8px 50px;
		 width: 18em;
	}
	 .toast-container .toast-close-button {
		 right: -0.2em;
		 top: -0.2em;
	}
}
 @media all and (min-width: 481px) and (max-width: 768px) {
	 .toast-container .toast.div {
		 padding: 15px 15px 15px 50px;
		 width: 25em;
	}
}
/** Toaster Style **/
 .greenHighlight {
	 color: var(--green-color);
}
 .redHighlight {
	 color: var(--red-color);
}
 .blog_full_description {
	 line-height: 1.5;
}
 .blog_details_info ol {
	 list-style: decimal !important;
	 padding-left: 1.5rem !important;
	 font-size: 1.4rem !important;
}
 .blog_details_info b {
	 font-weight: bold;
}
 @media only screen and (max-width: 500px) {
	 .blog_details_info ol {
		 list-style: decimal !important;
		 padding-left: 1.9rem !important;
		 font-size: 1.8rem !important;
	}
}
 .errorMessage {
	 font-size: var(--subtitle-font-size);
	 color: var(--red-color);
	 font-family: var(--regular-font-family);
}
 .summaryContent table {
	 width: 100% !important;
	 border-collapse: collapse !important;
	 font-family: 'Inter', Arial, sans-serif !important;
	 font-size: 13px !important;
	 background-color: #fff !important;
	 border-radius: 8px !important;
	 overflow: hidden !important;
	 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
 .summaryContent table thead {
	 background-color: #f4f6f8 !important;
}
 .summaryContent table th, .summaryContent table td {
	 padding: 5px 10px !important;
	 text-align: left !important;
	 border-bottom: 1px solid #e5e7eb !important;
}
 .summaryContent table th {
	 font-weight: 600 !important;
	 color: #374151 !important;
	 text-transform: uppercase !important;
	 font-size: 12px !important;
	 letter-spacing: 0.04em !important;
}
 .summaryContent table tbody tr:hover {
	 background-color: #f9fafb !important;
}
 .summaryContent table tbody tr:last-child td {
	 border-bottom: none !important;
}
 .summaryContent img {
	 margin: unset !important;
}
 @media print {
	 body * {
		 visibility: hidden;
	}
	 .print-area, .print-area * {
		 visibility: visible;
	}
	 .print-area {
		 position: absolute;
		 left: 0;
		 top: 0;
		 width: 100%;
	}
	 @page {
		 size: A4 portrait;
		 margin: 10mm;
	}
	 table {
		 page-break-inside: auto;
	}
	 tr {
		 page-break-inside: avoid;
	}
	 thead {
		 display: table-header-group;
	}
}